1 /* Stylesheet for kivitendo * Name:kivitendo.css
6 Background: #EBEBEB burlywood
7 Links: #006400 DarkGreen
8 Link-hover #FE5F14 Orange / #FFFFE0 lightyellow
9 Titles, BG/VG: #79B61B Mid-green FFFFFF White
15 background-color: #FFFFFF;
17 font-family: Verdana, Arial, Helvetica, sans-serif;
25 div.cke_textarea_inline {
26 -moz-border-radius: 0;
27 -webkit-border-radius: 0;
28 -khtml-border-radius: 0;
29 background-color: white;
31 border-color: darkgray lightgray lightgray;
38 input[type="text"], input[type="password"]
41 -moz-appearance: none;
42 -webkit-appearance: none;
48 background: white url('../../image/select-down.png') no-repeat scroll right center;
55 div.cke_textarea_inline:focus {
56 background-color: #ffffa0;
57 border: 1px solid #fe5f14;
63 background-color: whitesmoke;
65 border-color: darkgray;
70 input[type="button"]:focus,
71 input[type="submit"]:focus,
73 background-color: #ffffa0;
74 border-color: #fe5f14;
78 input[type="button"]:hover:enabled,
79 input[type="submit"]:hover:enabled {
83 /* The look of links */
86 text-decoration: none;
88 A:link, A:visited, A:active {
90 border-bottom: thin solid #FE5F14;
94 background-color: whitesmoke;
100 background-color:transparent;
104 background-color: DarkGreen;
105 color: white !important;
109 background-color:#FF8000;
113 background-color:#FF0000;
118 font-size: 90% !important;
120 border-spacing: 0.3em;
124 background-color: #006400;
130 tr.rule-before th, tr.rule-before td {
132 border-top: 2px solid #EBEBEB;
143 /* login and admin */
144 a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
145 text-decoration: none !important;
146 background-color:transparent !important;
149 a.no-underlined-links:hover {
153 background-color: #FFFFE0;
161 background-color: #FFFFE0;
172 background-color: #fe5f14;
179 .message_error_login {
181 border: 1px solid #8b0000;
182 background-color: #ffcccc;
187 background-color: #ADFFB6;
196 background-color: #CC0000;
205 background-color: #FFEE66;
212 .message_error_label {
214 background-color: #E00000;
223 background-color: #006400;
231 -moz-border-radius:0.4em; /* Firefox */
232 -webkit-border-radius:0.4em; /* Safari, Chrome */
233 -khtml-border-radius:0.4em; /* Konqueror */
234 border-radius:0.4em; /* CSS3 */
235 behavior:url(border-radius.htc);
238 .listheading, #content h2 {
240 background-color: #EBEBEB;
248 .accountlistheading {
253 background-color: #EBEBEB;
258 text-decoration: underline;
265 .listrow1, .listrow:nth-child(even) {
266 background-color: #FFFFFF;
270 .listrow0, .listrow:nth-child(odd) {
271 background-color: #FFFF99;
275 .listrow_error1, .listrow_error:nth-child(even) {
276 background-color: #F6CECE;
280 .listrow_error0, .listrow_error:nth-child(odd) {
281 background-color: #F5A9A9;
286 background-color: #FFFFFF;
291 background-color: rgb(236,233,216);
295 .listtotal, .listtotal td {
296 background-color: rgb(236,233,216);
300 /* Verkaufsbericht */
301 .listmainsortheader {
302 background-color: rgb(236,233,216);
308 .listmainsortsubtotal {
309 background-color: rgb(236,233,216);
315 background-color: rgb(236,233,216);
320 .listsubsortsubtotal {
321 background-color: rgb(236,233,216);
326 .listsortdescription {
327 background-color: rgb(236,233,216);
333 font-family: Verdana, Arial, Helvetica;
337 font-family: Verdana, Arial, Helvetica;
341 /* font color for negative numbers */
359 border: 1px solid blue;
368 background-color: #ffa0a0;
370 .flash_message_error {
371 background-color: #FFD6D6;
372 border: 1px solid #AE0014;
378 background-color: #ADFFB6;
379 border: 1px solid #007F0F;
384 .flash_message_warning {
385 background-color: #FFE8C7;
386 border: 1px solid #FF6600;
391 .flash_message_info {
392 background-color: #DCF2FF;
393 border: 1px solid #4690FF;
415 display: inline-block;
417 .chart_picker:before,
418 .part_picker:before {
419 display: inline-block;
420 vertical-align: middle;
423 .customer-vendor-picker-undefined,
424 .chartpicker-undefined,
425 .projectpicker-undefined,
426 .partpicker-undefined {
431 div.part_picker_part,
432 div.chart_picker_chart {
436 border-color: darkgray;
438 -webkit-border-radius: 4px;
439 -moz-border-radius: 4px;
441 background-color: white;
444 div.part_picker_part:hover,
445 div.chart_picker_chart:hover {
455 span.cpc_popup_button,
456 span.ppp_popup_button {
457 display: inline-block;
458 vertical-align: middle;
463 background: url("../../image/search.svg") no-repeat center right;
464 background-size: contain;
466 span.chart_picker input,
467 span.part_picker input {
469 box-sizing: padding-box;
470 -moz-box-sizing: padding-box;
471 -webkit-box-sizing: padding-box;
477 div.ppp_block span.ppp_block_number,
478 div.cpc_block span.cpc_block_number
482 div.ppp_block span.ppp_block_description {
487 div.cpc_block span.cpc_block_description {
492 div.ppp_line span.ppp_block_description,
493 div.cpc_line span.cpc_block_description
498 div.cpc_block span.cpc_block_balance {
501 div.cpc_block span.cpc_line_balance {
504 div.cpc_line span.cpc_block_second_row {
507 div.cpc_block span.cpc_block_second_row {
509 span.toggle_selected {
516 .customer_dunning_level {
520 #expand_all, .expand {
527 /* Bank transactions */
528 #bank_transactions_proposals .invoice_number_highlight a,
529 #bank_transactions_proposals span.invoice_number_highlight {
530 background-color: #006400;
534 /* actionbar styling */
535 div.layout-actionbar {
536 background-color: white;
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;
549 div.layout-actionbar div.layout-actionbar-link:hover,
550 div.layout-actionbar div.layout-actionbar-submit:hover,
551 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
555 div.layout-actionbar div.layout-actionbar-action-disabled,
556 div.layout-actionbar div.layout-actionbar-action-disabled:hover {
558 background-color: whitesmoke;
559 border-color: lightgray;
562 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
563 border-color: darkgray;
564 background-color: whitesmoke;
567 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
571 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
572 border-color: black transparent;
575 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:after {
577 border-color: #FE5F14 transparent;
579 div.layout-actionbar .layout-actionbar-default-action {
583 /* Admin section: the menu itself doesn't occupy space. So make room
584 at the top of the div covering the whole admin area. */
591 padding: 0 !important;
594 margin-bottom: 0 !important;
595 margin-top: 0 !important;
598 padding: 0px; 6px !important;