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 }
 381 .kivi-validator-invalid,
 382 .customer-vendor-picker-undefined,
 383 .chartpicker-undefined,
 384 .projectpicker-undefined,
 385 .partpicker-undefined {
 386   color: red;
 387   font-style: italic;
 388 }
 389 div.part_picker_part,
 390 div.chart_picker_chart {
 391   padding: 5px;
 392   margin: 5px;
 393   border: 1px;
 394   border-color: darkgray;
 395   border-style: solid;
 396   -webkit-border-radius: 2px;
 397   -moz-border-radius: 2px;
 398   border-radius: 2px;
 399   background-color: whitesmoke;
 400   cursor: pointer;
 401 }
 402 div.part_picker_part:hover,
 403 div.chart_picker_chart:hover {
 404   background-color: lightgray;
 405   border-color: gray;
 406 }
 407
 408 div.cpc_block,
 409 div.ppp_block {
 410   overflow:hidden;
 411   float:left;
 412   width: 350px;
 413 }
 414 span.cpc_popup_button,
 415 span.ppp_popup_button {
 416   display: inline-block;
 417   position: relative;
 418   margin-left: -18px;
 419   margin-top: 3px;
 420   height: 16px;
 421   width: 16px;
 422   cursor: pointer;
 423 }
 424
 425 td span.cpc_popup_button,
 426 th span.cpc_popup_button,
 427 td span.ppp_popup_button,
 428 th span.ppp_popup_button {
 429   height: 9px;
 430   width: 9px;
 431   margin-left: -13px;
 432 }
 433 span.chart_picker input,
 434 span.part_picker input {
 435   padding-right: 20px;
 436   background: white url("../../image/search.svg") no-repeat center right;
 437   background-size: contain;
 438   box-sizing: padding-box;
 439   -moz-box-sizing: padding-box;
 440   -webkit-box-sizing: padding-box;
 441 }
 442
 443 td span.chart_picker input,
 444 th span.chart_picker input,
 445 td span.part_picker input,
 446 th span.part_picker input {
 447   padding-right: 15px;
 448 }
 449
 450 span.chart_picker,
 451 span.part_picker {
 452  /* white-space: nowrap;*/
 453 }
 454
 455 div.ppp_block span.ppp_block_number,
 456 div.cpc_block span.cpc_block_number
 457 {
 458   float:left;
 459 }
 460 div.ppp_block span.ppp_block_description {
 461   float:right;
 462   font-weight:bold;
 463 }
 464 div.ppp_block span.ppp_block_ean {
 465   float:left;
 466   margin-left:1em;
 467 }
 468 div.cpc_block span.cpc_block_description {
 469   float:left;
 470   margin-left:1em;
 471   font-weight:bold;
 472 }
 473 div.ppp_line span.ppp_block_number,
 474 div.ppp_line span.ppp_block_ean {
 475   float:left;
 476   margin-left:1em;
 477 }
 478 div.ppp_line span.ppp_block_description,
 479 div.cpc_line span.cpc_block_description
 480 {
 481   margin-left:1em;
 482   font-weight:bold;
 483 }
 484 div.ppp_line span.ppp_block_sellprice {
 485   display:none;
 486 }
 487 div.cpc_block span.cpc_block_balance {
 488   float:right;
 489 }
 490 div.cpc_block span.cpc_line_balance {
 491   display:none;
 492 }
 493 div.cpc_line span.cpc_block_second_row {
 494   display:none;
 495 }
 496 div.cpc_block span.cpc_block_second_row {
 497 }
 498 span.toggle_selected {
 499   font-weight: bold;
 500 }
 501 .dunned_invoice {
 502   font-weight: bold;
 503   color: #f00;
 504 }
 505 .customer_dunning_level {
 506   font-weight: bold;
 507 }
 508 a.green {
 509       background-color: DarkGreen;
 510       color: white !important;
 511       border:none;
 512 }
 513 a.orange {
 514        background-color:#FF8000;
 515        border:none;
 516 }
 517 a.red {
 518        background-color:#FF0000;
 519        border:none;
 520 }
 521
 522 #expand_all, .expand {
 523     cursor: pointer;
 524     display: block;
 525     max-width: 16px;
 526     max-height: 16px;
 527 }
 528 #update_from_master {
 529     cursor: pointer;
 530     display: block;
 531     max-width: 16px;
 532     max-height: 16px;
 533 }
 534 #update_from_master:hover {
 535     background: darkgrey;
 536 }
 537
 538 /* Bank transactions */
 539 #bank_transactions_proposals .invoice_number_highlight a,
 540 #bank_transactions_proposals span.invoice_number_highlight {
 541   background-color: #006400;
 542   color: #FFFFFF;
 543
 544 }
 545
 546 /* actionbar styling */
 547 div.layout-actionbar {
 548   background-color: #d0cfc9;
 549 }
 550
 551 div.layout-actionbar div.layout-actionbar-link,
 552 div.layout-actionbar div.layout-actionbar-submit,
 553 div.layout-actionbar div.layout-actionbar-scriptbutton,
 554 div.layout-actionbar div.layout-actionbar-link:focus,
 555 div.layout-actionbar div.layout-actionbar-submit:focus,
 556 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
 557   border-color: darkgray;
 558   background-color: whitesmoke;
 559   -webkit-border-radius: 2px;
 560   -moz-border-radius: 2px;
 561   border-radius: 2px;
 562 }
 563
 564 div.layout-actionbar div.layout-actionbar-link:hover,
 565 div.layout-actionbar div.layout-actionbar-submit:hover,
 566 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
 567   background-color: lightgray;
 568   border-color: gray;
 569   -webkit-border-radius: 2px;
 570   -moz-border-radius: 2px;
 571   border-radius: 2px;
 572 }
 573
 574 div.layout-actionbar div.layout-actionbar-action-disabled,
 575 div.layout-actionbar div.layout-actionbar-action-disabled:hover {
 576   color: gray;
 577   background-color: whitesmoke;
 578   border-color: lightgray;
 579 }
 580
 581 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
 582   border-color: darkgray;
 583   background-color: whitesmoke;
 584   -webkit-border-top-right-radius: 2px;
 585   -webkit-border-bottom-right-radius: 2px;
 586   -moz-border-radius-topright: 2px;
 587   -moz-border-radius-bottomright: 2px;
 588   border-top-right-radius: 2px;
 589   border-bottom-right-radius: 2px;
 590 }
 591
 592 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
 593   background-color: lightgray;
 594 }
 595
 596 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
 597   border-color: black transparent;
 598 }
 599 div.layout-actionbar .layout-actionbar-default-action {
 600   font-weight: bold;
 601 }
 602
 603 /* cke editor */
 604 .cke_top {
 605   padding: 0 !important;
 606 }
 607 .cke_toolgroup {
 608   margin-bottom: 0 !important;
 609   margin-top: 0 !important;
 610 }
 611 .cke_button {
 612   padding: 0px; 6px !important;
 613 }
 614
 615 /* selects with text filters */
 616 div.filtered_select input, div.filtered_select select {
 617   display: block;
 618 }
 619
 620 div.filtered_select > input {
 621   background-image: url(../../image/glass14x14.png);
 622   background-repeat: no-repeat;
 623   background-position: 2px 2px;
 624   border-radius: 0px;
 625   border: solid #a0a0a0 1px;
 626   border-bottom: none;
 627   padding: 0px;
 628   padding-left: 20px;
 629   margin: 0;
 630   width: 500px;
 631 }
 632
 633 div.filtered_select select {
 634   width: 522px;
 635 }