causeway-standard-theme/causeway/causeway-print.less

@page {
  size: landscape;
  margin: .5cm .5cm 0 .5cm;
  padding-bottom: .5cm;
  @top-left {
    content: element(header);
  }
}

body {
  background: white;
  color: #414042;
  font: normal 10pt Arial, sans-serif;
}

.container {
  &.page {
    width: auto;
    border: 0;
    margin: 0;
    padding: 0;
  }
}

//---------------------------------------------------------------
// Utility classes
//---------------------------------------------------------------
.hideForPrint {
  display: none;
}

//---------------------------------------------------------------
// Hiding elements for printing
//---------------------------------------------------------------
.site-header,
.modal,
.pagination,
.filter,
.navigation-pane-left,
.notification-content-right {
  display: none;
}

//---------------------------------------------------------------
// Common Functions and Mixins
//---------------------------------------------------------------
* {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.normalize-button () {
  background: none;
  border: none;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
}
.title, p {
  clear: both;
}
//---------------------------------------------------------------
// Forms
//---------------------------------------------------------------
form {
  position: relative;
  .form-row {
    zoom: 1;
    &:after {
      content: '';
      display: block;
      clear: both;
      height: 0;
    }
    &.form-buttons-row {
      text-align: right;
    }
  }
  .dropdown-menu {
    &.open {
      display: none;
    }
  }
}
.form-buttons {
  display: none;
}
.form-two-columns {
  .form-row {
    >.form-group {
      width: 49%;
      float: left;
    }
  }
}
.form-group {
  margin-bottom: 1%;
  .control-label {
    width: 40%;
    display: inline-block;
    text-align: right;
  }
  .control-input {
    width: 59%;
    display: inline-block;
    textarea {
      width: 100%;
      border: 1px solid #cccccc;
      resize: none;
      vertical-align: top;
    }

  }
  .checkbox, .radio {
    &.label-first {
      position: relative;
      width: 100%;
      input[type='checkbox'],
      input[type='radio'] {
        position: absolute;
        left: 40%;
        margin-left: 5pt;
      }
      label {
        display: inline-block;
        width: 40%;
        text-align: right;
      }
    }
  }
  .form-control, input[type='text'] {
    .normalize-button;
  }
  .bootstrap-select {
    display: inline-block;
    button {
      &.dropdown-toggle {
        .normalize-button;
      }
    }
  }
}

//---------------------------------------------------------------
// Tables
//---------------------------------------------------------------
.table-wrapper {
  margin-bottom: 30pt;
}
table {
  page-break-inside : avoid;
  border-collapse: collapse;
  width: 100%;
  min-width: 100%;
  td, th {
    border: 1pt solid #bbb;
    padding: 5pt;
  }
  .filter {
    .form-group {
      width: 100%;
      margin: 0;
    }
    .form-control {
      width: 100%;
    }
  }
}

.scroll-element.scroll-x {
  display: none !important;
}
.scroll-element.scroll-y {
  display: none !important;
}

//---------------------------------------------------------------
// Enabling glyphicons for printing
//---------------------------------------------------------------
.glyphicon {
  font-family: 'Glyphicons Halflings', sans-serif;
}
.glyphicon-remove{
  &:after{
    content: "\e014";
  }
}
.glyphicon-ok{
  &:after{
    content: "\e013";
  }
}

//---------------------------------------------------------------
// Page Header
//---------------------------------------------------------------
.site-header {
  display: none;
}
.site-header {
  display: block;
  position: running(header);
  border: 1px solid #ccc;
  .site-heading {
    .site-logo {
      display: inline-block;
      vertical-align: middle;
      &:after {
        content: url('images/causeway-logo.png');
        display: block;
        width: 64px;
        height: 45px;
        top: 0;
        left: 0;
      }
    }
    .page-title {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 .25cm;
      font-weight: normal;
      font-size: 16pt;
    }
    .account-management {
      float: right;

      .user-avatar {
        display: none;
      }
      .user-info {
        height: 45px;
        > a {
          font-weight: bold;
          color: #333;
          text-decoration: none;
          margin-right: .5cm;
          line-height: 36px;
        }
        .dropdown-menu {
          display: none;
        }
      }
    }
  }
  .site-menu {
    display: none;
  }
}

//---------------------------------------------------------------
// Page Footer
//---------------------------------------------------------------
.site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  right: 0;
  border-top: 1px solid #ccc;
}