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 div.page-break {
  78   page-break-before: always;
  79   height: 0;
  80 }
  81
  82 #crm-container .report-label {
  83     text-align       : right;
  84     font-weight      : bold;
  85 }
  86
  87 #crm-container table.report-layout th {
  88     padding          : 4px;
  89     background-color : #DCDCDC;
  90     /*text-align       : left;*/
  91     vertical-align   : top;
  92 }
  93
  94 #crm-container table.report-layout th.report-contents {
  95     background-color : #F5F5F5;
  96 }
  97
  98 #crm-container table.report-layout th.statistics {
  99     width            : 5%;
 100     white-space      : nowrap;
 101     text-align       : left;
 102 }
 103
 104 #crm-container table.report-layout th.statistics, #crm-container table.report-layout th.label {
 105     width            : 20%;
 106     text-align       : left;
 107 }
 108
 109 #crm-container h1 {
 110     text-align       : center;
 111     font-size        : 1.5em;
 112     font-style       : italic;
 113     margin           : 0;
 114 }
 115
 116 #crm-container h2 {
 117     text-align       : left;
 118     font-size        : 1.2em;
 119 }
 120
 121
 122 #crm-container div#report-date {
 123     font-size        : .8em;
 124     font-style       : italic;
 125     float            : right;
 126 }