Inventory: production order und recipe features entfernt
[kivitendo-erp.git] / 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 }