css/lx-office-erp/main.css

   1 /* Stylesheet for kivitendo
   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   -moz-appearance: none;
  28   appearance : none;
  29   background: white url('../../image/select-down.png') no-repeat scroll right center;
  30   padding: 0 14px 0 0;
  31 }
  32
  33 input:focus, textarea:focus, select:focus {
  34   background-color: whitesmoke;
  35   border: 1px;
  36   border-color: gray lightgray lightgray;
  37   border-style: solid;
  38 }
  39
  40 input:hover, textarea:hover, select:hover {
  41   border-color: dimgray darkgray darkgray;
  42 }
  43
  44 input[type="button"],
  45 input[type="submit"],
  46 button,
  47 input[type="button"]:focus,
  48 input[type="submit"]:focus,
  49 button:focus {
  50   border: 1px;
  51   border-color: darkgray;
  52   border-style: solid;
  53   padding: 0px 4px;
  54   -webkit-border-radius: 2px;
  55   -moz-border-radius: 2px;
  56   border-radius: 2px;
  57   background-color: whitesmoke;
  58 }
  59
  60 button:hover:enabled,
  61 input[type="button"]:hover:enabled,
  62 input[type="submit"]:hover:enabled {
  63   border: 1px;
  64   background-color: lightgray;
  65   border-color: gray;
  66   border-style: solid;
  67   -webkit-border-radius: 2px;
  68   -moz-border-radius: 2px;
  69   border-radius: 2px;
  70 }
  71
  72 html {
  73   height: 100%;
  74 }
  75
  76 body {
  77   font-family: Verdana, Arial, Helvetica, sans-serif;
  78   font-size: 10pt;
  79   background-color: white;
  80   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  81   color: black;
  82   height: 100%;
  83 }
  84
  85 td {
  86   font-family: Verdana, Arial, Helvetica, sans-serif;
  87   color: black;
  88   font-size: 8pt;
  89   font-weight: normal;
  90 }
  91 td.hover:hover {
  92     color: black;
  93 /*          background-color: #FFFFCC;
  94           font-size: 8pt;
  95           text-decoration: none;
  96           border:none;
  97           borderWidth:0px;
  98           borderColor:2557AD;
  99 */
 100 }
 101
 102
 103 th {
 104   font-family: Verdana, Arial, Helvetica, sans-serif;
 105   color: black;
 106   font-size: 8pt;
 107   font-weight: normal;
 108 }
 109
 110 /* login and admin */
 111 .login {
 112   font-family: Verdana, Arial, Helvetica, sans-serif;
 113 }
 114 div.login {
 115   min-height: 100%;
 116   height: auto !important;
 117   height: 100%;
 118   background: #b8d1f3;
 119   color: #A0A0A0;
 120 }
 121 h1.login {
 122   font-size: 18pt;
 123 }
 124 table.login {
 125   background-color: #efedde;
 126   padding: 20px;
 127 }
 128 td.login {
 129   text-align: center;
 130 }
 131 th.login {
 132   text-align: right;
 133 }
 134
 135 div.admin {
 136   color: black;
 137   margin: 8px;
 138 }
 139
 140 .message_error_login {
 141     color: #000000;
 142     border: 1px solid #8b0000;
 143     background-color: #ffcccc;
 144     padding: 3px;
 145 }
 146 .message_ok {
 147     font-size: 12pt;
 148     padding:5px;
 149     background-color: #ADFFB6;
 150     color: black;
 151     font-weight: bolder;
 152     text-align:center;
 153     border-style:solid;
 154     border-width:thin;
 155 }
 156 .message_error {
 157     font-size: 12pt;
 158     padding:5px;
 159     background-color: #FFAAAA;
 160     color: black;
 161     font-weight: bolder;
 162     text-align:center;
 163     border-style:solid;
 164     border-width:thin;
 165 }
 166 .message_hint {
 167     font-size: 12pt;
 168     padding:5px;
 169     background-color: #FFFE66;
 170     color: black;
 171     font-weight: bolder;
 172     text-align:center;
 173     border-style:solid;
 174     border-width:thin;
 175 }
 176 .message_error_label {
 177     font-size: 0.8em;
 178     padding:5px;
 179     background-color: #FEE;
 180     font-weight:normal;
 181     text-align:left;
 182     border-style:solid;
 183     border-width:thin;
 184 }
 185
 186 /*
 187     Überschriftsbalken
 188 */
 189 .listtop, h1 {
 190     background-color: rgb(236,233,216);
 191     text-align:left;
 192     padding:5px;
 193     font-size: 10pt;
 194     color: black;
 195     font-weight: bolder;
 196     border-style:dashed;
 197     border-width:thin;
 198 }
 199
 200
 201 .listelement {
 202     background-image: url("../../image/fade2.png");
 203     background-repeat:repeat-x;
 204     border-style:dashed;
 205     border-width:thin;
 206 }
 207
 208 .listelement2 {
 209     background-image: url("../../image/fade2.png");
 210     background-repeat:repeat-x;
 211     border-style:dashed;
 212     border-width:thin;
 213 }
 214
 215 .listheading, .listheading th, #content h2 {
 216     font-size: 9pt;
 217     padding:3px;
 218     background-color:
 219     rgb(236,233,216);
 220     color: black;
 221     font-weight: bolder;
 222     text-align:left;
 223     background-image: url("../../image/fade.png");
 224     border-style:dotted;
 225     border-width:thin;
 226 }
 227
 228 .listheadingcontent {
 229     font-size: 9pt;
 230     background-color:
 231     rgb(236,233,216);
 232     color: black;
 233     font-weight: bolder;
 234     text-align:left;
 235 }
 236
 237 .accountlistheading {
 238     font-size: 10pt;
 239     padding:3px;
 240     color: white;
 241     font-weight: bold;
 242     text-align:left;
 243     background-color:rgb(133,132,129);
 244 }
 245
 246 .subsubheading {
 247   color: black;
 248   font-weight: bolder;
 249   text-decoration: underline;
 250 }
 251
 252 .optionen {
 253     border:dashed;
 254 /*  padding-top:10px;
 255     padding-bottom:10px;
 256     padding-left:10px;
 257 */
 258     border-width:1px;
 259     background:#efedde;
 260 }
 261
 262
 263 .listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 264 .listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 265 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 266 .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; }
 267 .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; color: black; vertical-align: top; }
 268
 269 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
 270 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
 271
 272 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 273 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 274
 275 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 276
 277 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 278
 279 /* Verkaufsbericht */
 280 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 281 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 282 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 283 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 284 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 285
 286
 287 .submit {
 288   font-family: Verdana, Arial, Helvetica, sans-serif;
 289   color: #000000;
 290 }
 291 .checkbox, .radio {
 292   font-family: Verdana, Arial, Helvetica, sans-serif;
 293   color: #778899;
 294 }
 295
 296 .plus0 {    /* font color for negative numbers */
 297   color: red;
 298 }
 299
 300 .plus1 {
 301   color: green;
 302 }
 303
 304 h2.confirm {
 305   color: blue;
 306   font-size: 14pt;
 307 }
 308
 309 h2.error {
 310   color: red;
 311   font-size: 14pt;
 312 }
 313
 314 fieldset {
 315   margin-top:15px;
 316   color: black;
 317   font-weight: bolder;
 318 }
 319
 320
 321 .filecontent {
 322   border: 1px solid blue;
 323   padding-left: 2px;
 324   padding-right: 2px;
 325 }
 326
 327 label {
 328   cursor:pointer;
 329 }
 330
 331 .unbalanced_ledger {
 332   background-color: #ffa0a0;
 333 }
 334
 335 .flash_message_error {
 336   background-color:#FFD6D6;
 337   border: 1px solid #AE0014;
 338   margin-top: 5px;
 339   margin-bottom: 5px;
 340   padding: 5px;
 341 }
 342
 343 .flash_message_warning {
 344   background-color:#FFE8C7;
 345   border: 1px solid #FF6600;
 346   margin-top: 5px;
 347   margin-bottom: 5px;
 348   padding: 5px;
 349 }
 350
 351 .flash_message_info {
 352   background-color:#DCF2FF;
 353   border: 1px solid #4690FF;
 354   margin-top: 5px;
 355   margin-bottom: 5px;
 356   padding: 5px;
 357 }
 358
 359 .flash_title {
 360   font-weight: bold;
 361 }
 362
 363 /* Kontenliste Styles */
 364
 365 .coa_listrow1 {
 366   background-color: rgb(208,207,201);
 367   color: black;
 368   vertical-align: top;
 369 }
 370
 371 .coa_listrow0 {
 372   background-color: rgb(236,233,216);
 373   color: black;
 374   vertical-align: top;
 375 }
 376
 377 .coa_detail_emph {
 378   font-size:10pt;
 379   font-weight:bold;
 380   color:darkred;
 381 }
 382
 383 .coa_details_header {
 384   font-size:8pt;
 385   padding:3px;
 386   font-weight:bolder;
 387   text-align:center;
 388   border-style:none;
 389   border-width:thin;
 390 }
 391
 392 .coa_details_header2 {
 393   font-size:8pt;
 394   padding:3px;
 395   font-weight:normal;
 396   text-align:left;
 397   border-style:none;
 398   border-width:thin;
 399 }
 400
 401 .dimmed-text {
 402   color: #aaa;
 403   font-style: italic;
 404 }
 405
 406 .link_separator {
 407   margin-left: 6px;
 408   margin-right: 6px;
 409 }
 410
 411 .part_picker {
 412   padding-right: 16px;
 413 }
 414 .chart_picker {
 415   padding-right: 16px;
 416 }
 417 .customer-vendor-picker-undefined,
 418 .chartpicker-undefined,
 419 .projectpicker-undefined,
 420 .partpicker-undefined {
 421   color: red;
 422   font-style: italic;
 423 }
 424 div.part_picker_part,
 425 div.chart_picker_chart {
 426   padding: 5px;
 427   margin: 5px;
 428   border: 1px;
 429   border-color: darkgray;
 430   border-style: solid;
 431   -webkit-border-radius: 2px;
 432   -moz-border-radius: 2px;
 433   border-radius: 2px;
 434   background-color: whitesmoke;
 435   cursor: pointer;
 436 }
 437 div.part_picker_part:hover,
 438 div.chart_picker_chart:hover {
 439   background-color: lightgray;
 440   border-color: gray;
 441 }
 442
 443 div.ppp_block {
 444   overflow:hidden;
 445   float:left;
 446   width: 350px;
 447 }
 448 div.ppp_block span.ppp_block_number,
 449 div.cpc_block span.cpc_block_number
 450 {
 451   float:left;
 452 }
 453 div.ppp_block span.ppp_block_description {
 454   float:right;
 455   font-weight:bold;
 456 }
 457 div.cpc_block span.cpc_block_description {
 458   float:left;
 459   margin-left:1em;
 460   font-weight:bold;
 461 }
 462 div.ppp_line span.ppp_block_description,
 463 div.cpc_line span.cpc_block_description
 464 {
 465   margin-left:1em;
 466   font-weight:bold;
 467 }
 468 div.ppp_line span.ppp_block_sellprice {
 469   display:none;
 470 }
 471 div.cpc_block span.cpc_block_balance {
 472   float:right;
 473 }
 474 div.cpc_block span.cpc_line_balance {
 475   display:none;
 476 }
 477 div.cpc_line span.cpc_block_second_row {
 478   display:none;
 479 }
 480 div.cpc_block span.cpc_block_second_row {
 481   font-size:80%;
 482 }
 483 span.toggle_selected {
 484   font-weight: bold;
 485 }
 486 .dunned_invoice {
 487   font-weight: bold;
 488   color: #f00;
 489 }
 490 .customer_dunning_level {
 491   font-weight: bold;
 492 }