css/design40/less/tables_legacy.less

   1 // PENDENT: wird vorlaeufig noch nicht gerendert
   2 // PENDENT: Klassen ggf. entfernen oder ersetzen, falls nicht mehr gebraucht
   3 tr {
   4
   5   tr{
   6
   7     /* Subtotal innerhalb laengerer Tabelle (tbl-list) */
   8     /* ggf. OBSOLETE */
   9     &.total-sub{
  10       height: 2.0em;
  11       td{
  12         border-top: 1px solid #ccc ;
  13         border-bottom: 2px solid #999 ;
  14         font-weight: bold;
  15         color: @gray-mediumdark ;
  16       }
  17       &:after td{
  18         padding-top: 0.2em;
  19       }
  20     }
  21
  22
  23     /* ??? */
  24     &.rule-before th,
  25     &.rule-before td {
  26       padding-top: 2px;
  27       border-top: 2px solid #EBEBEB;
  28     }
  29
  30     /* -------------------- */
  31     /* Kopfzeile OBSOLETE */
  32     /* -------------------- */
  33     &.listheading th {
  34       padding: 0.6em 0.2em;
  35       background-color: #bcbcbc;
  36       color: @gray-mediumdark;
  37       font-size: @font-size-base ;
  38
  39       text-align: left;
  40       border-style: none;
  41
  42
  43       a{
  44         &:link,
  45         &:visited,
  46         &:active,
  47         &:hover {
  48           color: #000;
  49         }
  50         &:hover {
  51           text-decoration: underline;
  52         }
  53       }
  54     } /* /.listheading th */
  55
  56
  57
  58     /* -------------------- */
  59     /* Zebra-Effekt (OBSOLETE)*/
  60     /* -------------------- */
  61
  62     &.listrow1 td,
  63     &.listrow:nth-child(even) td {
  64       background-color: #FFFFFF;
  65       color: black;
  66       vertical-align: middle;
  67
  68     }
  69     &.listrow0 td,
  70     &.listrow:nth-child(odd) td {
  71       background-color: @gray-lighter;
  72       color: black;
  73       vertical-align: middle;
  74     }
  75
  76     /* OBSOLETE: nicht mehr noetig */
  77     &.listrow0,
  78     &.listrow1{
  79       td { }
  80     }
  81
  82     /* -------------------- */
  83     /* Total-Zeile (OBSOLETE) */
  84     /* -------------------- */
  85     /* hps: sollte in tfoot verlagert werden */
  86     /* vor .listrow* verschoben */
  87     &.listtotal td {
  88       background-color: #ffffff;
  89       color: black;
  90       font-weight: bold;
  91       padding: 1.0em 0.2em !important;
  92       border-bottom: 3px solid black;
  93     }
  94
  95
  96   } /* /tr */
  97
  98
  99
 100 /* ------------------------------------------- */
 101 /* Abmessungen                 */
 102 /*                       */
 103 /* aufgrund übergeordnetem Selektor      */
 104 /* ------------------------------------------- */
 105
 106 .cols-3 {
 107   &.th-small    > table.tbl-horizontal > tbody > tr > th { width: @tt-small+1.0em ; }
 108   &.th-mediumsmall > table.tbl-horizontal > tbody > tr > th { width: @tt-mediumsmall+1.6em !important; }
 109   &.th-mediumsmall > table.tbl-horizontal > tbody > tr > th { width: 140px !important; }
 110   &.th-normal      > table.tbl-horizontal > tbody > tr > th { width: @tt-normal+1.0em ; }
 111   &.th-wide        > table.tbl-horizontal > tbody > tr > th { width: @tt-wide+1.0em ; }
 112   &.th-wider       > table.tbl-horizontal > tbody > tr > th { width: @tt-wider+1.0em ; }
 113   &.th-verywide    > table.tbl-horizontal > tbody > tr > th { width: @tt-verywide+1.0em ; }
 114
 115   &.td-small       > table.tbl-horizontal > tbody > tr > td { width: @tt-small+1.0em ; }
 116   &.td-mediumsmall > table.tbl-horizontal > tbody > tr > td { width: @tt-mediumsmall+1.0em ; }
 117   &.td-normal      > table.tbl-horizontal > tbody > tr > td { width: @tt-normal+3.0em !important ; }
 118   &.td-wide        > table.tbl-horizontal > tbody > tr > td { width: @tt-wide+1.0em ; }
 119   &.td-wider       > table.tbl-horizontal > tbody > tr > td { width: @tt-wider+1.0em ; }
 120   &.td-verywide    > table.tbl-horizontal > tbody > tr > td { width: @tt-verywide+1.0em ; }
 121
 122   > table.tbl-horizontal.col {
 123   min-width: 30% ;
 124   }
 125
 126
 127 }
 128
 129
 130
 131 /* -------------------------- */
 132 /* Daten innerhalb UI-Tabs */
 133 /* -------------------------- */
 134 /* PENDENT: OBSOLETE */
 135 .ui-tabs-panel{
 136
 137   table{
 138     tr{
 139       /* Zebra-Effekt */
 140       &:nth-child(odd){ }
 141       &:nth-child(even){ }
 142
 143       td,
 144       th{ }
 145       th{}
 146     }
 147   }
 148   /* /table */
 149 }
 150 /* .ui-tabs-panel */
 151
 152
 153
 154
 155
 156
 157
 158 /* ggf. Tabellen */
 159 /* OBSOLETE */
 160 .subsubheading {
 161   color: #000000;
 162   font-weight: bolder;
 163   text-decoration: underline;
 164 }
 165 /* OBSOLETE */
 166 .optionen {
 167   border: dashed;
 168   border-width: 1px;
 169   background: #FFFFE0;
 170 }
 171
 172
 173
 174 /* ./templates/webpages/oe/sales_order.html:20 */
 175 /* ./js/common.js:213 */
 176 /* PENDENT: genauer anschauen */
 177 table#display_row{
 178
 179
 180   listrow0 td,
 181   listrow1 td,
 182   listheading td{
 183
 184   }
 185
 186   td{
 187     width: auto;
 188     padding: 0.4em 0.2em 0.2em 0.12em !important;
 189
 190     &[colspan="11"] {
 191       padding-top: -0.0em !important;
 192       padding-bottom: 0.6em !important;
 193       border-bottom: 1px @gray-mediumdark solid;
 194       color: @gray-mediumdark;
 195
 196       b{
 197         font-weight: normal;
 198       }
 199
 200       input,
 201       font{
 202         padding: 0 2.6em 0 0;
 203       }
 204     }
 205   }
 206
 207
 208 } /* /table#display_row */
 209
 210
 211 /* Bezeichnungen aendern */
 212 /*/templates/webpages/reconciliation/_linked_transactions.html:54*/
 213 .listrow_error1,
 214 .listrow_error:nth-child(even) {
 215   background-color: #F6CECE;
 216   color: black;
 217   vertical-align: top;
 218 }
 219 .listrow_error0,
 220 .listrow_error:nth-child(odd) {
 221   background-color: #F5A9A9;
 222   color: black;
 223   vertical-align: top;
 224 }
 225 /* Bezeichnungen aendern */
 226 /* ./bin/mozilla/vk.pl:259 */
 227 .listrowempty {
 228   background-color: #FFFFFF;
 229   color: black;
 230   vertical-align: top;
 231 }
 232 /* PENDENT: Anschauen! Sollte in TR sein und nicht im TBODY */
 233
 234 /* linked_transactions.html */
 235 tbody listrow_error{
 236
 237 }
 238
 239
 240 /* Bezeichnungen aendern */
 241 /* bin/mozilla/wh.pl:935 */
 242 /* bin/mozilla/wh.pl:957 */
 243 /* bin/mozilla/ar.pl:1193 */
 244 /* bin/mozilla/ca.pl:489 */
 245 /* bin/mozilla/gl.pl:588 */
 246 /* bin/mozilla/ap.pl:1108 */
 247 /* bin/mozilla/vk.pl:438 */
 248 /* bin/mozilla/vk.pl:451 */
 249 /* bin/mozilla/rp.pl:916 */
 250 /* bin/mozilla/rp.pl:1075 */
 251 /* bin/mozilla/rp.pl:1110 */
 252 /* bin/mozilla/rp.pl:1583 */
 253 /* bin/mozilla/rp.pl:1587 */
 254 /* bin/mozilla/oe.pl:1263 */
 255 /* bin/mozilla/ic.pl:564 */
 256 /* SL/Controller/FinancialOverview.pm:248 */
 257 /* templates/webpages/rp/tax_report.html:38 */
 258 .listsubtotal {
 259   background-color: rgb(236,233,216);
 260   color: black;
 261   font-weight: bolder;
 262 }
 263
 264 /* Verkaufsbericht */
 265 /* ./bin/mozilla/vk.pl:343 & 350 */
 266 .listmainsortheader {
 267   background-color: rgb(236,233,216);
 268   color: red;
 269   font-weight: bolder;
 270   padding-left: 10px;
 271   padding-top: 0px;
 272 }
 273 /* OBSOLETE */
 274 .listmainsortsubtotal {
 275   background-color: rgb(236,233,216);
 276   color: red;
 277   font-weight: bolder;
 278   padding-left: 10px;
 279 }
 280 /* ./bin/mozilla/vk.pl:366 */
 281 .listsubsortheader {
 282   background-color: rgb(236,233,216);
 283   color: green;
 284   font-weight: bolder;
 285   padding-left: 20px
 286 }
 287 /* OBSOLETE */
 288 .listsubsortsubtotal {
 289   background-color: rgb(236,233,216);
 290   color: green;
 291   font-weight: bolder;
 292   padding-left: 20px
 293 }
 294 /* OBSOLETE */
 295 .listsortdescription {
 296   background-color: rgb(236,233,216);
 297   color: black;
 298   font-weight: normal;
 299   padding-left: 30px
 300 }
 301
 302 /* the cvars table in the 2. row */
 303 /* /templates/webpages/oe/sales_order.html:52 */
 304 .row2-cvars-table {
 305   tr { vertical-align: top }
 306   th {
 307     text-align: right;
 308     padding-left: 15px;
 309     padding-right: 0 ;
 310   }
 311   td,
 312   th { padding-top: 10px }
 313 }
 314