css/lx-office-erp/main.css

   1 /* Stylesheet for Lx-Office
   2  * Name: lx-office-erp.css*/
   3
   4 /* The look of links */
   5 A:link { color: mediumblue; text-decoration: none; }
   6 A:visited { color: mediumblue; text-decoration: none; }
   7 A:active { color: black; text-decoration: none; }
   8 A:hover { color: black;
   9            background-color: lemonchiffon;
  10            text-decoration: none;
  11          }
  12 a, div {
  13   transition: background-color 0.2s;
  14   -moz-transition: background-color 0.2s;
  15   -webkit-transition: background-color 0.2s;
  16 }
  17
  18 input, textarea, select {
  19   border: 1px;
  20   border-color: darkgray lightgray lightgray;
  21   border-style: solid;
  22   padding: 1px;
  23   background-color: white;
  24 }
  25
  26 select {
  27   padding: 0px;
  28 }
  29
  30 input:focus, textarea:focus, select:focus {
  31   background-color: whitesmoke;
  32   border: 1px;
  33   border-color: gray lightgray lightgray;
  34   border-style: solid;
  35 }
  36
  37 input:hover, textarea:hover, select:hover {
  38   border-color: dimgray darkgray darkgray;
  39 }
  40
  41 input[type="button"],
  42 input[type="submit"],
  43 button,
  44 input[type="button"]:focus,
  45 input[type="submit"]:focus,
  46 button:focus {
  47   border: 1px;
  48   border-color: darkgray;
  49   border-style: solid;
  50   padding: 0px 4px;
  51   -webkit-border-radius: 2px;
  52   -moz-border-radius: 2px;
  53   border-radius: 2px;
  54   background-color: whitesmoke;
  55 }
  56
  57 button:hover,
  58 input[type="button"]:hover,
  59 input[type="submit"]:hover {
  60   border: 1px;
  61   background-color: lightgray;
  62   border-color: gray;
  63   border-style: solid;
  64   -webkit-border-radius: 2px;
  65   -moz-border-radius: 2px;
  66   border-radius: 2px;
  67 }
  68
  69 html {
  70   height: 100%;
  71 }
  72
  73 body {
  74   font-family: Verdana, Arial, Helvetica, sans-serif;
  75   font-size: 10pt;
  76   background-color: white;
  77   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  78   color: black;
  79   height: 100%;
  80 }
  81
  82 td {
  83   font-family: Verdana, Arial, Helvetica, sans-serif;
  84   color: black;
  85   font-size: 8pt;
  86   font-weight: normal;
  87 }
  88 td.hover:hover {
  89     color: black;
  90 /*          background-color: #FFFFCC;
  91           font-size: 8pt;
  92           text-decoration: none;
  93           border:none;
  94           borderWidth:0px;
  95           borderColor:2557AD;
  96 */
  97 }
  98
  99
 100 th {
 101   font-family: Verdana, Arial, Helvetica, sans-serif;
 102   color: black;
 103   font-size: 8pt;
 104   font-weight: normal;
 105 }
 106
 107 /* login and admin */
 108 .login {
 109   font-family: Verdana, Arial, Helvetica, sans-serif;
 110 }
 111 div.login {
 112   min-height: 100%;
 113   height: auto !important;
 114   height: 100%;
 115   background: #b8d1f3;
 116   color: #A0A0A0;
 117 }
 118 h1.login {
 119   font-size: 18pt;
 120 }
 121 table.login {
 122   background-color: #efedde;
 123   padding: 20px;
 124 }
 125 td.login {
 126   text-align: center;
 127 }
 128 th.login {
 129   text-align: right;
 130 }
 131
 132 div.admin {
 133   color: black;
 134   margin: 8px;
 135 }
 136
 137 .message_error_login {
 138     color: #000000;
 139     border: 1px solid #8b0000;
 140     background-color: #ffcccc;
 141     padding: 3px;
 142 }
 143 .message_ok {
 144     font-size: 12pt;
 145     padding:5px;
 146     background-color: #ADFFB6;
 147     color: black;
 148     font-weight: bolder;
 149     text-align:center;
 150     border-style:solid;
 151     border-width:thin;
 152 }
 153 .message_error {
 154     font-size: 12pt;
 155     padding:5px;
 156     background-color: #FFAAAA;
 157     color: black;
 158     font-weight: bolder;
 159     text-align:center;
 160     border-style:solid;
 161     border-width:thin;
 162 }
 163 .message_hint {
 164     font-size: 12pt;
 165     padding:5px;
 166     background-color: #FFFE66;
 167     color: black;
 168     font-weight: bolder;
 169     text-align:center;
 170     border-style:solid;
 171     border-width:thin;
 172 }
 173 .message_error_label {
 174     font-size: 0.8em;
 175     padding:5px;
 176     background-color: #FEE;
 177     font-weight:normal;
 178     text-align:left;
 179     border-style:solid;
 180     border-width:thin;
 181 }
 182
 183 /*
 184     Überschriftsbalken
 185 */
 186 .listtop, h1 {
 187     background-color: rgb(236,233,216);
 188     text-align:left;
 189     padding:5px;
 190     font-size: 10pt;
 191     color: black;
 192     font-weight: bolder;
 193     border-style:dashed;
 194     border-width:thin;
 195 }
 196
 197
 198 .listelement {
 199     background-image: url("../../image/fade2.png");
 200     background-repeat:repeat-x;
 201     border-style:dashed;
 202     border-width:thin;
 203 }
 204
 205 .listelement2 {
 206     background-image: url("../../image/fade2.png");
 207     background-repeat:repeat-x;
 208     border-style:dashed;
 209     border-width:thin;
 210 }
 211
 212 .listheading, .listheading th {
 213     font-size: 9pt;
 214     padding:3px;
 215     background-color:
 216     rgb(236,233,216);
 217     color: black;
 218     font-weight: bolder;
 219     text-align:left;
 220     background-image: url("../../image/fade.png");
 221     border-style:dotted;
 222     border-width:thin;
 223 }
 224
 225 .listheadingcontent {
 226     font-size: 9pt;
 227     background-color:
 228     rgb(236,233,216);
 229     color: black;
 230     font-weight: bolder;
 231     text-align:left;
 232 }
 233
 234 .accountlistheading {
 235     font-size: 10pt;
 236     padding:3px;
 237     color: white;
 238     font-weight: bold;
 239     text-align:left;
 240     background-color:rgb(133,132,129);
 241 }
 242
 243 .subsubheading {
 244   color: black;
 245   font-weight: bolder;
 246   text-decoration: underline;
 247 }
 248
 249 .optionen {
 250     border:dashed;
 251 /*  padding-top:10px;
 252     padding-bottom:10px;
 253     padding-left:10px;
 254 */
 255     border-width:1px;
 256     background:#efedde;
 257 }
 258
 259
 260 .listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 261 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 262
 263 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 264 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 265
 266 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 267 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 268
 269 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 270
 271 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 272
 273 /* Verkaufsbericht */
 274 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 275 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 276 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 277 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 278 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 279
 280
 281 .submit {
 282   font-family: Verdana, Arial, Helvetica, sans-serif;
 283   color: #000000;
 284 }
 285 .checkbox, .radio {
 286   font-family: Verdana, Arial, Helvetica, sans-serif;
 287   color: #778899;
 288 }
 289
 290 .plus0 {    /* font color for negative numbers */
 291   color: red;
 292 }
 293
 294 .plus1 {
 295   color: green;
 296 }
 297
 298 td.numeric { /* class for numeric columns in tables */
 299   text-align: right
 300 }
 301
 302 h2.confirm {
 303   color: blue;
 304   font-size: 14pt;
 305 }
 306
 307 h2.error {
 308   color: red;
 309   font-size: 14pt;
 310 }
 311
 312 fieldset {
 313   margin-top:15px;
 314   color: black;
 315   font-weight: bolder;
 316 }
 317
 318 /* media stuff */
 319
 320 @media screen {
 321   .noscreen {   /* items with this class won't display */
 322     display: none;
 323   }
 324 }
 325
 326 @media print {
 327   .noprint {   /* items with this class won't print */
 328     display: none;
 329   }
 330 }
 331
 332 .filecontent {
 333   border: 1px solid blue;
 334   padding-left: 2px;
 335   padding-right: 2px;
 336 }
 337
 338 label {
 339   cursor:pointer;
 340 }
 341
 342 .unbalanced_ledger {
 343   background-color: #ffa0a0;
 344 }
 345
 346 .clearfix:after {
 347   clear:both;
 348   content:".";
 349   display:block;
 350   font-size:0;
 351   height:0;
 352   visibility:hidden;
 353 }
 354
 355 .flash_message_error {
 356   background-color:#FFD6D6;
 357   border: 1px solid #AE0014;
 358   margin-top: 5px;
 359   margin-bottom: 5px;
 360   padding: 5px;
 361 }
 362
 363 .flash_message_warning {
 364   background-color:#FFE8C7;
 365   border: 1px solid #FF6600;
 366   margin-top: 5px;
 367   margin-bottom: 5px;
 368   padding: 5px;
 369 }
 370
 371 .flash_message_info {
 372   background-color:#DCF2FF;
 373   border: 1px solid #4690FF;
 374   margin-top: 5px;
 375   margin-bottom: 5px;
 376   padding: 5px;
 377 }
 378
 379 .jqmWindow {
 380   display: none;
 381
 382   position: fixed;
 383   top: 17%;
 384   left: 40%;
 385
 386   margin-left: -200px;
 387   width: 700px;
 388
 389   background-color: lemonchiffon;
 390   color: #333;
 391   border: 1px solid black;
 392   padding: 4px;
 393 }
 394
 395 .jqmContent {
 396   padding: 8px;
 397 }
 398
 399 .jqmWindow h1 {
 400   border: 0;
 401   padding: 0;
 402   background-color: lemonchiffon;
 403 }
 404
 405 .jqmOverlay {
 406   background-color: #000;
 407 }
 408
 409 /* Kontenliste Styles */
 410
 411 .coa_listrow1 {
 412   background-color: rgb(208,207,201);
 413   color: black;
 414   vertical-align: top;
 415 }
 416
 417 .coa_listrow0 {
 418   background-color: rgb(236,233,216);
 419   color: black;
 420   vertical-align: top;
 421 }
 422
 423 .coa_detail_emph {
 424   font-size:10pt;
 425   font-weight:bold;
 426   color:darkred;
 427 }
 428
 429 .coa_details_header {
 430   font-size:8pt;
 431   padding:3px;
 432   font-weight:bolder;
 433   text-align:center;
 434   border-style:none;
 435   border-width:thin;
 436 }
 437
 438 .coa_details_header2 {
 439   font-size:8pt;
 440   padding:3px;
 441   font-weight:normal;
 442   text-align:left;
 443   border-style:none;
 444   border-width:thin;
 445 }
 446
 447