css/design40/less/print.less

   1 /* ------------------------------------------------------------- */
   2 /* PRINT (print.less)                                            */
   3 /* ------------------------------------------------------------- */
   4
   5
   6 // ----------------------------------------------------------------------------
   7 //
   8 // PRINT
   9 //
  10 // ----------------------------------------------------------------------------
  11 // DESCRIPTION: Statements for print issues
  12 //
  13 // CONTENTS:
  14 //
  15 // ----------------------------------------------------------------------------
  16
  17
  18 // --------------------------------------
  19 // MEDIA: Print
  20 // --------------------------------------
  21
  22 // PENDENT: Druckversion erstellen, noch erweitern
  23
  24 @print-size: 0.8 ;
  25 @width-size: 0.6 ;
  26
  27 @media print {
  28
  29   body{ margin-left: 1.4em ; }
  30
  31   // Do not print following areas
  32   #menuv3,
  33   #html-menu,
  34   #frame-header,
  35   #main_menu_div,
  36   #js-header,
  37   body>div.layout-split-left,
  38   #tree-column,
  39   ul.ui-tabs-nav,
  40   div.layout-actionbar,
  41   .control-panel,
  42   .input-panel,
  43   .toggles {
  44     display: none !important;
  45   }
  46
  47   // Layout adjustments
  48   body>div.layout-split-right{
  49     margin-left: 0 !important;
  50   }
  51   //#content.html-menu { margin-left: 0; }
  52
  53
  54   .wrapper.toggled > table.tbl-horizontal,
  55   .wrapper.toggled > div.col {
  56     margin-top: 0 !important ;
  57   }
  58   div.buttons.positions{
  59     display: none;
  60     margin: 0 0 0 0 !important;
  61   }
  62
  63
  64   #content {
  65
  66     // Typography
  67     td, p, div, span, input, textarea, select, option {
  68       //font-size: round( ( @font-size-smaller * @print-size ) ) !important ;
  69       font-size: round( ( 9pt * @print-size ) , 0 ) !important ;
  70     }
  71
  72 //    font-size: 80% !important ;
  73     padding:  1.0em 0 0 0 !important ;
  74     margin:   0 ;
  75
  76     & > h1 {
  77         color:    @gray-verydark ;
  78         padding:  0 0 0 0 ;
  79         top:      0 ;
  80         position: absolute ;
  81     }
  82
  83     wrapper{
  84       margin:   0.4em 1em 1em 1.2em;
  85       padding:  0 0 0.4em 0;
  86     }
  87
  88     caption,
  89     th.caption,
  90     td.caption{
  91
  92       font-size :   round( (@table-caption-size * @print-size) , 0 ) ;
  93       font-weight:  bold;
  94       padding:      0.1em 0 0.1em 0.2em;
  95       margin:       0.1em 0 0.1em 0 ;
  96       display:      table-cell ;
  97
  98     }
  99
 100     .tbl-horizontal {
 101       tbody {
 102         tr {
 103           //background-color: @table-bg-accent ;
 104           //th { background-color: #fff ; }
 105           td, th {
 106             border-color:   @table-border-color ;
 107             border-width:   0.3pt !important;
 108             border-style:   solid ;
 109             padding:        0.3em 0.6em ;
 110           }
 111         th, span.label { font-size: round( ( @font-size-verysmall * @print-size ) )!important }
 112         }
 113       } // /tbody
 114     }
 115
 116
 117     .tbl-list {
 118       margin-top: 1.2em ;
 119       width: 96% !important ;
 120       caption{
 121         margin: 0 !important ;
 122         padding: 0 !important ;
 123       }
 124       thead  {
 125         //display:  table-header-group ;
 126         overflow: hidden ;
 127         tr th{
 128           font-size: 70% ;
 129         }
 130       }
 131       tbody tr {
 132         &:nth-child(odd)  { background-color: none; }
 133         &:nth-child(even) { background-color: none; }
 134         border-bottom: 1px #000 solid !important;
 135         td {
 136           border-bottom:  1px #000 solid !important;
 137           vertical-align: top !important ;
 138         }
 139       }
 140     }
 141
 142       // -----------------------
 143       //  width of columns (dimensions)
 144       // -----------------------
 145       col {
 146         &.wi-smallest    { width: round( (@tcol-wi-smallest * @width-size ) , 0     )!important ; }
 147         &.wi-verysmall   { width: round( (@tcol-wi-verysmall * @width-size ) , 0    )!important ; }
 148         &.wi-small       { width: round( (@tcol-wi-small * @width-size ) , 0        )!important ; }
 149         &.wi-mediumsmall { width: round( (@tcol-wi-mediumsmall * @width-size ) , 0  )!important ; }
 150         &.wi-normal      { width: round( (@tcol-wi-normal * @width-size ) , 0       )!important ; }
 151         &.wi-lightwide   { width: round( (@tcol-wi-lightwide * @width-size ) , 0    )!important ; }
 152         &.wi-wide        { width: round( (@tcol-wi-wide * @width-size ) , 0         )!important ; }
 153         &.wi-wider       { width: round( (@tcol-wi-wider * @width-size ) , 0        )!important ; }
 154         &.wi-verywide    { width: round( (@tcol-wi-verywide * @width-size ) , 0     )!important ; }
 155       }
 156
 157
 158
 159
 160
 161
 162
 163
 164     input[type="text"],
 165     input[type="customer"],
 166     input.numeric,
 167     textarea,
 168     select,
 169     span.data,
 170     select,
 171     textarea {
 172       width: auto         !important;
 173       appearance:         none !important;
 174       -webkit-appearance: none !important;
 175       -moz-appearance:    none !important;
 176       border:             none;
 177       color:              #000 !important ;
 178       background-color:   none !important;
 179       background:         none !important;
 180       /* rest needed for Firefox: */
 181       overflow:visible    !important;
 182       //width: 120%;/* needed for Firefox???: */
 183     }
 184
 185 //    input[type="text"]{
 186 //      appearance:         none;
 187 //      -webkit-appearance: none;
 188 //      -moz-appearance:    none;
 189 //      border:             none;
 190 //    }
 191
 192     textarea{
 193       display:      block ;
 194       height:       auto !important ;
 195       //min-height:   3.6em ;
 196       overflow-y:   visible !important;
 197       min-width:    16em ;
 198       width:        100% !important;
 199       padding:      0 ;
 200       resize:       vertical;
 201     }
 202     table.tbl-list td {
 203       textarea  { min-height:   4.2em !important; }
 204       input     { padding-left: 0 !important; }
 205     }
 206     span.data{
 207       width:  auto;
 208       border: none ;
 209     }
 210     input.wi-date{
 211       align: left !important;
 212       padding: 0 !important;
 213     }
 214     select{
 215       padding: 0 0 0.4em 0.2em !important;
 216     }
 217
 218     div.cke_editable{
 219       min-height: 1.8em  !important;
 220       height:     auto !important;
 221       border:     none;
 222       overflow:   hidden !important;
 223     }
 224
 225
 226     a.button-image,
 227     a.button,
 228     input[type="button"],
 229     input.neutral,
 230     td img {
 231       display: none ;
 232     }
 233
 234     input, select{
 235       &.wi-smallest     { width: ( round( ( @input-wi-smallest * @width-size    ) , 0 ) )!important ; } ;
 236       &.wi-verysmall    { width: ( round( ( @input-wi-verysmall * @width-size   ) , 0 ) )!important ; } ;
 237       &.wi-small        { width: ( round( ( @input-wi-small * @width-size       ) , 0 ) )!important ; } ;
 238       &.wi-mediumsmall  { width: ( round( ( @input-wi-mediumsmall * @width-size ) , 0 ) )!important ; } ;
 239       &.wi-normal       { width: ( round( ( @input-wi-normal * @width-size      ) , 0 ) )!important ; } ;
 240       &.wi-lightwide    { width: ( round( ( @input-wi-lightwide * @width-size   ) , 0 ) )!important ; } ;
 241       &.wi-wide         { width: ( round( ( @input-wi-wide * @width-size        ) , 0 ) )!important ; } ; // min-width
 242       &.wi-wider        { width: ( round( ( @input-wi-wider * @width-size       ) , 0 ) )!important ; } ; // min-width
 243       &.wi-verywide     { width: ( round( ( @input-wi-verywide * @width-size    ) , 0 ) )!important ; } ; // min-width
 244     }
 245
 246
 247
 248
 249   } // /#content
 250 } // /@media print
 251