css/print.css

   1 /* CiviCRM Print Media Stylesheet */
   2
   3 /* Hide any buttons or other form items when printing*/
   4 #crm-container .buttons, #crm-container .crm-submit-buttons, #crm-container .crm-actions-ribbon, #crm-container .crm-form-submit {
   5      display: none;
   6 }
   7
   8 table.form-layout td, table.form-layout th {
   9   border: 1px solid grey;
  10   padding: 4px;
  11   margin: 0px;
  12 }
  13
  14 .form-item .element-right{
  15      display: none;
  16  }
  17 #crm-container {
  18     overflow: visible !important;
  19     font-family      : DejaVu Sans, serif;
  20     margin           : 0px 10px 0px 10px;
  21 }
  22
  23 /* CSS for Print and PDF of Reports */
  24 #crm-container .report-layout {
  25     border           : 1px groove #DDDDDD;
  26     width            : 100%;
  27     border-collapse  : collapse;
  28 }
  29
  30 #crm-container .bold {
  31     font-weight      : bold;
  32     font-size        : 1.1em;
  33 }
  34
  35 #crm-container .criterial-group {
  36     border-bottom: 2px solid #DCDCDC;
  37 }
  38
  39 #crm-container .reports-header-right {
  40     text-align       : right;
  41 }
  42
  43 #crm-container .reports-header {
  44     text-align       : left;
  45 }
  46
  47 #crm-container .report-contents {
  48     border           : 1px groove #DDDDDD;
  49     padding          : 4px;
  50     width            : 20%;
  51 }
  52
  53 #crm-container .report-contents-right {
  54     border           : 1px groove #DDDDDD;
  55     padding          : 4px;
  56     text-align       : right;
  57 }
  58
  59 #crm-container table.report-layout td {
  60     border           : 1px groove #DDDDDD;
  61     padding          : 4px;
  62 }
  63
  64 #crm-container table.report-layout tr {
  65     font-size        : 0.9em;
  66 }
  67
  68 #crm-container table.report-layout tr.group-row {
  69     font-size        : 1em;
  70 }
  71
  72 #crm-container table.report-layout tr.total-row {
  73    font-size        : 1em;
  74    border-top       : 2px groove #DCDCDC;
  75 }
  76
  77 #crm-container table.report-layout tr.crm-report-sectionHeader.page-break {
  78   page-break-before: always;
  79 }
  80
  81 #crm-container .report-label {
  82     text-align       : right;
  83     font-weight      : bold;
  84 }
  85
  86 #crm-container table.report-layout th {
  87     padding          : 4px;
  88     background-color : #DCDCDC;
  89     /*text-align       : left;*/
  90     vertical-align   : top;
  91 }
  92
  93 #crm-container table.report-layout th.report-contents {
  94     background-color : #F5F5F5;
  95 }
  96
  97 #crm-container table.report-layout th.statistics {
  98     width            : 5%;
  99     white-space      : nowrap;
 100     text-align       : left;
 101 }
 102
 103 #crm-container table.report-layout th.statistics, #crm-container table.report-layout th.label {
 104     width            : 20%;
 105     text-align       : left;
 106 }
 107
 108 #crm-container h1 {
 109     text-align       : center;
 110     font-size        : 1.5em;
 111     font-style       : italic;
 112     margin           : 0;
 113 }
 114
 115 #crm-container h2 {
 116     text-align       : left;
 117     font-size        : 1.2em;
 118 }
 119
 120
 121 #crm-container div#report-date {
 122     font-size        : .8em;
 123     font-style       : italic;
 124     float            : right;
 125 }