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