css/print.css

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