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