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   appearance : none;
  31   background: white url('../../image/select-down.png') no-repeat scroll right center;
  32   padding: 0 14px 0 0;
  33 }
  34
  35 input:focus, textarea:focus, select:focus {
  36   background-color: whitesmoke;
  37   border: 1px;
  38   border-color: gray lightgray lightgray;
  39   border-style: solid;
  40 }
  41
  42 input:hover, textarea:hover, select:hover {
  43   border-color: dimgray darkgray darkgray;
  44 }
  45
  46 input[type="button"],
  47 input[type="submit"],
  48 button,
  49 input[type="button"]:focus,
  50 input[type="submit"]:focus,
  51 button:focus {
  52   border: 1px;
  53   border-color: darkgray;
  54   border-style: solid;
  55   padding: 0px 4px;
  56   -webkit-border-radius: 2px;
  57   -moz-border-radius: 2px;
  58   border-radius: 2px;
  59   background-color: whitesmoke;
  60 }
  61
  62 button:hover:enabled,
  63 input[type="button"]:hover:enabled,
  64 input[type="submit"]:hover:enabled {
  65   border: 1px;
  66   background-color: lightgray;
  67   border-color: gray;
  68   border-style: solid;
  69   -webkit-border-radius: 2px;
  70   -moz-border-radius: 2px;
  71   border-radius: 2px;
  72 }
  73
  74 html {
  75   height: 100%;
  76 }
  77
  78 body {
  79   font-family: Verdana, Arial, Helvetica, sans-serif;
  80   font-size: 80%;
  81   background-color: white;
  82   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
  83   color: black;
  84   height: 100%;
  85 }
  86
  87 td {
  88   font-family: Verdana, Arial, Helvetica, sans-serif;
  89   color: black;
  90   font-weight: normal;
  91 }
  92 td.hover:hover {
  93   color: black;
  94 }
  95
  96
  97 th {
  98   font-family: Verdana, Arial, Helvetica, sans-serif;
  99   color: black;
 100   font-weight: normal;
 101 }
 102
 103 /* login and admin */
 104 .login {
 105   font-family: Verdana, Arial, Helvetica, sans-serif;
 106 }
 107 div.login {
 108   min-height: 100%;
 109   height: auto !important;
 110   height: 100%;
 111   background: #b8d1f3;
 112   color: #A0A0A0;
 113 }
 114 .login h1 {
 115   text-align: center;
 116   font-size: 150%;
 117 }
 118 table.login {
 119   background-color: #efedde;
 120   padding: 20px;
 121 }
 122 td.login {
 123   text-align: center;
 124 }
 125 th.login {
 126   text-align: right;
 127 }
 128
 129 div.admin {
 130   color: black;
 131   margin: 8px;
 132 }
 133
 134 .message_error_login {
 135     color: #000000;
 136     border: 1px solid #8b0000;
 137     background-color: #ffcccc;
 138     padding: 3px;
 139 }
 140 .message_ok {
 141     padding:5px;
 142     background-color: #ADFFB6;
 143     color: black;
 144     font-weight: bolder;
 145     text-align:center;
 146     border-style:solid;
 147     border-width:thin;
 148 }
 149 .message_error {
 150     padding:5px;
 151     background-color: #FFAAAA;
 152     color: black;
 153     font-weight: bolder;
 154     text-align:center;
 155     border-style:solid;
 156     border-width:thin;
 157 }
 158 .message_hint {
 159     padding:5px;
 160     background-color: #FFFE66;
 161     color: black;
 162     font-weight: bolder;
 163     text-align:center;
 164     border-style:solid;
 165     border-width:thin;
 166 }
 167 .message_error_label {
 168     padding:5px;
 169     background-color: #FEE;
 170     font-weight:normal;
 171     text-align:left;
 172     border-style:solid;
 173     border-width:thin;
 174 }
 175
 176 /*
 177     Überschriftsbalken
 178 */
 179 .listtop, h1 {
 180     background-color: rgb(236,233,216);
 181     font-size: 100%;
 182     text-align:left;
 183     padding:5px;
 184     color: black;
 185     font-weight: bolder;
 186     border-style:dashed;
 187     border-width:thin;
 188 }
 189
 190
 191 .listelement {
 192     background-image: url("../../image/fade2.png");
 193     background-repeat:repeat-x;
 194     border-style:dashed;
 195     border-width:thin;
 196 }
 197
 198 .listelement2 {
 199     background-image: url("../../image/fade2.png");
 200     background-repeat:repeat-x;
 201     border-style:dashed;
 202     border-width:thin;
 203 }
 204
 205 .listheading, .listheading th, #content h2 {
 206     font-size: 95%;
 207     padding:3px;
 208     background-color:
 209     rgb(236,233,216);
 210     color: black;
 211     font-weight: bold;
 212     text-align:left;
 213     background-image: url("../../image/fade.png");
 214     border-style:dotted;
 215     border-width:thin;
 216 }
 217
 218 .listheadingcontent {
 219     background-color:
 220     rgb(236,233,216);
 221     color: black;
 222     font-weight: bolder;
 223     text-align:left;
 224 }
 225
 226 .accountlistheading {
 227     padding:3px;
 228     color: white;
 229     font-weight: bold;
 230     text-align:left;
 231     background-color:rgb(133,132,129);
 232 }
 233
 234 .subsubheading {
 235   color: black;
 236   font-weight: bolder;
 237   text-decoration: underline;
 238 }
 239
 240 .optionen {
 241     border:dashed;
 242 /*  padding-top:10px;
 243     padding-bottom:10px;
 244     padding-left:10px;
 245 */
 246     border-width:1px;
 247     background:#efedde;
 248 }
 249
 250
 251 .listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 252 .listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
 253 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
 254 .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; }
 255 .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; color: black; vertical-align: top; }
 256
 257 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 258 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
 259
 260 .listsubtotal { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 261
 262 .listtotal, .listtotal td { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 263
 264 /* Verkaufsbericht */
 265 .listmainsortheader { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
 266 .listmainsortsubtotal { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
 267 .listsubsortheader { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 268 .listsubsortsubtotal { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
 269 .listsortdescription { background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
 270
 271
 272 .submit {
 273   font-family: Verdana, Arial, Helvetica, sans-serif;
 274   color: #000000;
 275 }
 276 .checkbox, .radio {
 277   font-family: Verdana, Arial, Helvetica, sans-serif;
 278   color: #778899;
 279 }
 280
 281 .plus0 {    /* font color for negative numbers */
 282   color: red;
 283 }
 284
 285 .plus1 {
 286   color: green;
 287 }
 288
 289 h2.confirm {
 290   color: blue;
 291 }
 292
 293 h2.error {
 294   color: red;
 295 }
 296
 297 fieldset {
 298   margin-top:15px;
 299   color: black;
 300   font-weight: bolder;
 301 }
 302
 303
 304 .filecontent {
 305   border: 1px solid blue;
 306   padding-left: 2px;
 307   padding-right: 2px;
 308 }
 309
 310 label {
 311   cursor:pointer;
 312 }
 313
 314 .unbalanced_ledger {
 315   background-color: #ffa0a0;
 316 }
 317
 318 .flash_message_error {
 319   background-color:#FFD6D6;
 320   border: 1px solid #AE0014;
 321   margin-top: 5px;
 322   margin-bottom: 5px;
 323   padding: 5px;
 324 }
 325
 326 .flash_message_warning {
 327   background-color:#FFE8C7;
 328   border: 1px solid #FF6600;
 329   margin-top: 5px;
 330   margin-bottom: 5px;
 331   padding: 5px;
 332 }
 333
 334 .flash_message_info {
 335   background-color:#DCF2FF;
 336   border: 1px solid #4690FF;
 337   margin-top: 5px;
 338   margin-bottom: 5px;
 339   padding: 5px;
 340 }
 341
 342 .flash_title {
 343   font-weight: bold;
 344 }
 345
 346 /* Kontenliste Styles */
 347
 348 .coa_listrow1 {
 349   background-color: rgb(208,207,201);
 350   color: black;
 351   vertical-align: top;
 352 }
 353
 354 .coa_listrow0 {
 355   background-color: rgb(236,233,216);
 356   color: black;
 357   vertical-align: top;
 358 }
 359
 360 .coa_detail_emph {
 361   font-weight:bold;
 362   color:darkred;
 363 }
 364
 365 .coa_details_header {
 366   padding:3px;
 367   font-weight:bolder;
 368   text-align:center;
 369   border-style:none;
 370   border-width:thin;
 371 }
 372
 373 .coa_details_header2 {
 374   padding:3px;
 375   font-weight:normal;
 376   text-align:left;
 377   border-style:none;
 378   border-width:thin;
 379 }
 380
 381 .dimmed-text {
 382   color: #aaa;
 383   font-style: italic;
 384 }
 385
 386 .link_separator {
 387   margin-left: 6px;
 388   margin-right: 6px;
 389 }
 390
 391 .chart_picker,
 392 .part_picker {
 393 }
 394 .customer-vendor-picker-undefined,
 395 .chartpicker-undefined,
 396 .projectpicker-undefined,
 397 .partpicker-undefined {
 398   color: red;
 399   font-style: italic;
 400 }
 401 div.part_picker_part,
 402 div.chart_picker_chart {
 403   padding: 5px;
 404   margin: 5px;
 405   border: 1px;
 406   border-color: darkgray;
 407   border-style: solid;
 408   -webkit-border-radius: 2px;
 409   -moz-border-radius: 2px;
 410   border-radius: 2px;
 411   background-color: whitesmoke;
 412   cursor: pointer;
 413 }
 414 div.part_picker_part:hover,
 415 div.chart_picker_chart:hover {
 416   background-color: lightgray;
 417   border-color: gray;
 418 }
 419
 420 div.cpc_block,
 421 div.ppp_block {
 422   overflow:hidden;
 423   float:left;
 424   width: 350px;
 425 }
 426 span.cpc_popup_button,
 427 span.ppp_popup_button {
 428   display: inline-block;
 429   position: relative;
 430   margin-left: -18px;
 431   margin-top: 3px;
 432   height: 16px;
 433   width: 16px;
 434   cursor: pointer;
 435 }
 436
 437 td span.cpc_popup_button,
 438 th span.cpc_popup_button,
 439 td span.ppp_popup_button,
 440 th span.ppp_popup_button {
 441   height: 9px;
 442   width: 9px;
 443   margin-left: -13px;
 444 }
 445 span.chart_picker input,
 446 span.part_picker input {
 447   padding-right: 20px;
 448   background: white url("../../image/search.svg") no-repeat center right;
 449   background-size: contain;
 450   box-sizing: padding-box;
 451   -moz-box-sizing: padding-box;
 452   -webkit-box-sizing: padding-box;
 453 }
 454
 455 td span.chart_picker input,
 456 th span.chart_picker input,
 457 td span.part_picker input,
 458 th span.part_picker input {
 459   padding-right: 15px;
 460 }
 461
 462 span.chart_picker,
 463 span.part_picker {
 464  /* white-space: nowrap;*/
 465 }
 466
 467 div.ppp_block span.ppp_block_number,
 468 div.cpc_block span.cpc_block_number
 469 {
 470   float:left;
 471 }
 472 div.ppp_block span.ppp_block_description {
 473   float:right;
 474   font-weight:bold;
 475 }
 476 div.cpc_block span.cpc_block_description {
 477   float:left;
 478   margin-left:1em;
 479   font-weight:bold;
 480 }
 481 div.ppp_line span.ppp_block_description,
 482 div.cpc_line span.cpc_block_description
 483 {
 484   margin-left:1em;
 485   font-weight:bold;
 486 }
 487 div.ppp_line span.ppp_block_sellprice {
 488   display:none;
 489 }
 490 div.cpc_block span.cpc_block_balance {
 491   float:right;
 492 }
 493 div.cpc_block span.cpc_line_balance {
 494   display:none;
 495 }
 496 div.cpc_line span.cpc_block_second_row {
 497   display:none;
 498 }
 499 div.cpc_block span.cpc_block_second_row {
 500 }
 501 span.toggle_selected {
 502   font-weight: bold;
 503 }
 504 .dunned_invoice {
 505   font-weight: bold;
 506   color: #f00;
 507 }
 508 .customer_dunning_level {
 509   font-weight: bold;
 510 }
 511 a.green {
 512       background-color: DarkGreen;
 513       color: white !important;
 514       border:none;
 515 }
 516 a.orange {
 517        background-color:#FF8000;
 518        border:none;
 519 }
 520 a.red {
 521        background-color:#FF0000;
 522        border:none;
 523 }
 524
 525 #expand_all, .expand {
 526     cursor: pointer;
 527     display: block;
 528     max-width: 16px;
 529     max-height: 16px;
 530 }
 531
 532 /* Bank transactions */
 533 #bank_transactions_proposals .invoice_number_highlight a,
 534 #bank_transactions_proposals span.invoice_number_highlight {
 535   background-color: #006400;
 536   color: #FFFFFF;
 537
 538 }
 539
 540 /* actionbar styling */
 541 div.layout-actionbar {
 542   position: fixed;
 543   height: 25px;
 544   top: 20px;
 545   z-index: 20;
 546 /*  background-color: whitesmoke; */
 547 }
 548
 549 div.layout-actionbar-action {
 550   -webkit-touch-callout: none; /* iOS Safari */
 551   -webkit-user-select: none;   /* Chrome/Safari/Opera */
 552   -khtml-user-select: none;    /* Konqueror */
 553   -moz-user-select: none;      /* Firefox */
 554   -ms-user-select: none;       /* Internet Explorer/Edge */
 555   user-select: none;           /* don't select text on double click */
 556   transition: background-color 0s;
 557   -moz-transition: background-color 0s;
 558   -webkit-transition: background-color 0s;
 559 }
 560
 561 div.layout-actionbar ~ div {
 562   padding-top: 25px;
 563 }
 564
 565 div.layout-actionbar-separator {
 566   display: inline-block;
 567   width: 20px;
 568 }
 569
 570 div.layout-actionbar div.layout-actionbar-submit,
 571 div.layout-actionbar div.layout-actionbar-scriptbutton,
 572 div.layout-actionbar div.layout-actionbar-submit:focus,
 573 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
 574   display: inline-block;
 575   width: 120px;
 576   box-sizing: border-box;
 577   text-align: center;
 578   border: 1px;
 579   border-color: darkgray;
 580   border-style: solid;
 581   padding: 4px 4px;
 582   -webkit-border-radius: 2px;
 583   -moz-border-radius: 2px;
 584   border-radius: 2px;
 585   background-color: whitesmoke;
 586   cursor: default;
 587 }
 588
 589 div.layout-actionbar div.layout-actionbar-submit:hover,
 590 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
 591   border: 1px;
 592   background-color: lightgray;
 593   border-color: gray;
 594   border-style: solid;
 595   -webkit-border-radius: 2px;
 596   -moz-border-radius: 2px;
 597   border-radius: 2px;
 598 }
 599
 600 div.layout-actionbar div.layout-actionbar-action-disabled,
 601 div.layout-actionbar div.layout-actionbar-action-disabled:hover {
 602   color: gray;
 603   background-color: whitesmoke;
 604   border-color: lightgray;
 605 }
 606
 607 div.layout-actionbar-combobox {
 608   position: relative;
 609   display: inline-block;
 610 }
 611
 612 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
 613   width: 100px
 614 }
 615
 616 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
 617   display: inline-block;
 618   border-width: 1px 1px 1px 1px;
 619   border-style: solid;
 620   border-color: darkgray;
 621   padding: 4px;
 622   width: 14px;
 623   height: 15px;
 624   position: absolute;
 625   top: 0;
 626   right: 0;
 627   -webkit-border-top-right-radius: 2px;
 628   -webkit-border-bottom-right-radius: 2px;
 629   -moz-border-radius-topright: 2px;
 630   -moz-border-radius-bottomright: 2px;
 631   border-top-right-radius: 2px;
 632   border-bottom-right-radius: 2px;
 633   background-color: whitesmoke;
 634 }
 635
 636 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
 637   background-color: lightgray;
 638 }
 639
 640 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
 641   content: "";
 642   width: 0;
 643   height: 0;
 644   position: absolute;
 645   right: 8px;
 646   top: 50%;
 647   margin-top: -3px;
 648   border-width: 3px 3px 0 3px;
 649   border-style: solid;
 650   border-color: black transparent;
 651 }
 652
 653 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
 654   border-width: 0 3px 3px 3px;
 655 }
 656
 657
 658 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
 659   padding-right: 20px;
 660   white-space: nowrap;
 661   display: block;
 662 }
 663
 664 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
 665   position: absolute;
 666   display: none;
 667   min-width: 120px;
 668 }
 669
 670 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
 671   display: inline-block;
 672   z-index: 10;
 673 }
 674
 675 div.layout-actionbar-combobox-list div.layout-actionbar-action {
 676   white-space: nowrap;
 677   display: block;
 678   position: relative;
 679   width: 100%;
 680   text-align: left;
 681   padding: 4px;
 682 }