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