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