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 -moz-border-radius: 0;
26 -webkit-border-radius: 0;
27 -khtml-border-radius: 0;
28 background-color: white;
30 border-color: darkgray lightgray lightgray;
37 input[type="text"], input[type="password"]
40 -moz-appearance: none;
41 -webkit-appearance: none;
47 background: white url('../../image/select-down.png') no-repeat scroll right center;
54 background-color: #ffffa0;
55 border: 1px solid #fe5f14;
61 background-color: whitesmoke;
63 border-color: darkgray;
68 input[type="button"]:focus,
69 input[type="submit"]:focus,
71 background-color: #ffffa0;
72 border-color: #fe5f14;
76 input[type="button"]:hover:enabled,
77 input[type="submit"]:hover:enabled {
81 /* The look of links */
84 text-decoration: none;
86 A:link, A:visited, A:active {
88 border-bottom: thin solid #FE5F14;
92 background-color: whitesmoke;
98 background-color:transparent;
102 background-color: DarkGreen;
103 color: white !important;
107 background-color:#FF8000;
111 background-color:#FF0000;
116 font-size: 90% !important;
118 border-spacing: 0.3em;
122 background-color: #006400;
128 tr.rule-before th, tr.rule-before td {
130 border-top: 2px solid #EBEBEB;
141 /* login and admin */
142 a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
143 text-decoration: none !important;
144 background-color:transparent !important;
147 a.no-underlined-links:hover {
151 background-color: #FFFFE0;
159 background-color: #FFFFE0;
170 background-color: #fe5f14;
177 .message_error_login {
179 border: 1px solid #8b0000;
180 background-color: #ffcccc;
185 background-color: #ADFFB6;
194 background-color: #CC0000;
203 background-color: #FFEE66;
210 .message_error_label {
212 background-color: #E00000;
221 background-color: #006400;
229 -moz-border-radius:0.4em; /* Firefox */
230 -webkit-border-radius:0.4em; /* Safari, Chrome */
231 -khtml-border-radius:0.4em; /* Konqueror */
232 border-radius:0.4em; /* CSS3 */
233 behavior:url(border-radius.htc);
236 .listheading, #content h2 {
238 background-color: #EBEBEB;
246 .accountlistheading {
251 background-color: #EBEBEB;
256 text-decoration: underline;
263 .listrow1, .listrow:nth-child(even) {
264 background-color: #FFFFFF;
268 .listrow0, .listrow:nth-child(odd) {
269 background-color: #FFFF99;
273 .listrow_error1, .listrow_error:nth-child(even) {
274 background-color: #F6CECE;
278 .listrow_error0, .listrow_error:nth-child(odd) {
279 background-color: #F5A9A9;
284 background-color: #FFFFFF;
289 background-color: rgb(236,233,216);
293 .listtotal, .listtotal td {
294 background-color: rgb(236,233,216);
298 /* Verkaufsbericht */
299 .listmainsortheader {
300 background-color: rgb(236,233,216);
306 .listmainsortsubtotal {
307 background-color: rgb(236,233,216);
313 background-color: rgb(236,233,216);
318 .listsubsortsubtotal {
319 background-color: rgb(236,233,216);
324 .listsortdescription {
325 background-color: rgb(236,233,216);
331 font-family: Verdana, Arial, Helvetica;
335 font-family: Verdana, Arial, Helvetica;
339 /* font color for negative numbers */
357 border: 1px solid blue;
366 background-color: #ffa0a0;
368 .flash_message_error {
369 background-color: #FFD6D6;
370 border: 1px solid #AE0014;
376 background-color: #ADFFB6;
377 border: 1px solid #007F0F;
382 .flash_message_warning {
383 background-color: #FFE8C7;
384 border: 1px solid #FF6600;
389 .flash_message_info {
390 background-color: #DCF2FF;
391 border: 1px solid #4690FF;
413 display: inline-block;
415 .chart_picker:before,
416 .part_picker:before {
417 display: inline-block;
418 vertical-align: middle;
421 .customer-vendor-picker-undefined,
422 .chartpicker-undefined,
423 .projectpicker-undefined,
424 .partpicker-undefined {
429 div.part_picker_part,
430 div.chart_picker_chart {
434 border-color: darkgray;
436 -webkit-border-radius: 4px;
437 -moz-border-radius: 4px;
439 background-color: white;
442 div.part_picker_part:hover,
443 div.chart_picker_chart:hover {
453 span.cpc_popup_button,
454 span.ppp_popup_button {
455 display: inline-block;
456 vertical-align: middle;
461 background: url("../../image/search.svg") no-repeat center right;
462 background-size: contain;
464 span.chart_picker input,
465 span.part_picker input {
467 box-sizing: padding-box;
468 -moz-box-sizing: padding-box;
469 -webkit-box-sizing: padding-box;
475 div.ppp_block span.ppp_block_number,
476 div.cpc_block span.cpc_block_number
480 div.ppp_block span.ppp_block_description {
485 div.cpc_block span.cpc_block_description {
490 div.ppp_line span.ppp_block_description,
491 div.cpc_line span.cpc_block_description
496 div.cpc_block span.cpc_block_balance {
499 div.cpc_block span.cpc_line_balance {
502 div.cpc_line span.cpc_block_second_row {
505 div.cpc_block span.cpc_block_second_row {
507 span.toggle_selected {
514 .customer_dunning_level {
518 #expand_all, .expand {
525 /* Bank transactions */
526 #bank_transactions_proposals .invoice_number_highlight a,
527 #bank_transactions_proposals span.invoice_number_highlight {
528 background-color: #006400;
532 /* actionbar styling */
533 div.layout-actionbar {
534 background-color: white;
537 div.layout-actionbar div.layout-actionbar-link,
538 div.layout-actionbar div.layout-actionbar-submit,
539 div.layout-actionbar div.layout-actionbar-scriptbutton,
540 div.layout-actionbar div.layout-actionbar-link:focus,
541 div.layout-actionbar div.layout-actionbar-submit:focus,
542 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
543 border-color: darkgray;
544 background-color: whitesmoke;
547 div.layout-actionbar div.layout-actionbar-link:hover,
548 div.layout-actionbar div.layout-actionbar-submit:hover,
549 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
553 div.layout-actionbar div.layout-actionbar-action-disabled,
554 div.layout-actionbar div.layout-actionbar-action-disabled:hover {
556 background-color: whitesmoke;
557 border-color: lightgray;
560 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
561 border-color: darkgray;
562 background-color: whitesmoke;
565 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
569 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
570 border-color: black transparent;
573 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:after {
575 border-color: #FE5F14 transparent;
577 div.layout-actionbar .layout-actionbar-default-action {
581 /* Admin section: the menu itself doesn't occupy space. So make room
582 at the top of the div covering the whole admin area. */