Part Controller - falschen Code aus kivi.Order.js wieder entfernt
[kivitendo-erp.git] / css / kivitendo / main.css
1 /* Stylesheet for kivitendo * Name:kivitendo.css
2
3 Color table
4 -----------
5
6 Background:    #EBEBEB burlywood
7 Links:         #006400 DarkGreen
8 Link-hover     #FE5F14 Orange / #FFFFE0 lightyellow
9 Titles, BG/VG: #79B61B Mid-green FFFFFF White
10 Tabcolor:      #CAFFA3
11 */
12
13
14 body {
15   background-color: #FFFFFF;
16   color: #000000;
17   font-family: Verdana, Arial, Helvetica, sans-serif;
18   font-size: 80%;
19 }
20
21 /* Input elements */
22 input,
23 textarea,
24 select {
25   -moz-border-radius: 0;
26   -webkit-border-radius: 0;
27   -khtml-border-radius: 0;
28   background-color: white;
29   border: 1px;
30   border-color: darkgray lightgray lightgray;
31   border-radius: 0;
32   border-style: solid;
33   outline: none;
34   padding: 1px;
35 }
36
37 input[type="text"], input[type="password"]
38 textarea,
39 select {
40   -moz-appearance: none;
41   -webkit-appearance: none;
42   -o-appearance: none;
43 }
44
45 select {
46   appearance : none;
47   background: white url('../../image/select-down.png') no-repeat scroll right center;
48   padding: 0 14px 0 0;
49 }
50
51 input:focus,
52 textarea:focus,
53 select:focus {
54   background-color: #ffffa0;
55   border: 1px solid #fe5f14;
56 }
57
58 input[type="button"],
59 input[type="submit"],
60 button {
61   background-color: whitesmoke;
62   border: 1px;
63   border-color: darkgray;
64   border-style: solid;
65   padding: 0px 4px;
66 }
67
68 input[type="button"]:focus,
69 input[type="submit"]:focus,
70 button:focus {
71   background-color: #ffffa0;
72   border-color: #fe5f14;
73 }
74
75 button:hover:enabled,
76 input[type="button"]:hover:enabled,
77 input[type="submit"]:hover:enabled {
78   color: #fe5f14;
79 }
80
81 /* The look of links */
82 a {
83   padding: 0 0.2em;
84   text-decoration: none;
85 }
86 A:link, A:visited, A:active {
87   color: #000000;
88   border-bottom: thin solid #FE5F14;
89 }
90 a:hover {
91   color: #FE5F14;
92   background-color: #D1D1D1;
93 }
94 a.selected:hover {
95   color:#EBEBEB;
96 }
97 a.nomobile {
98   background-color:transparent;
99   border:none;
100 }
101 a.green {
102   background-color:#40FF00;
103   border:none;
104 }
105 a.orange {
106   background-color:#FF8000;
107   border:none;
108 }
109 a.red {
110   background-color:#FF0000;
111   border:none;
112 }
113
114 table {
115   font-size: 90% !important;
116   table-layout: auto;
117   border-spacing: 0.3em;
118 }
119
120 hr {
121   background-color: #006400;
122   border: none;
123   color: #79B61B;
124   height: 2px;
125 }
126
127 tr.rule-before th, tr.rule-before td {
128   padding-top: 2px;
129   border-top: 2px solid #EBEBEB;
130 }
131
132 td {
133   color: #000000;
134   font-weight: normal;
135 }
136 th {
137   color: #000000;
138   font-weight: bold;
139 }
140 /* login and admin */
141 a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
142   text-decoration: none !important;
143   background-color:transparent !important;
144   border:none;
145 }
146 a.no-underlined-links:hover {
147   background: none;
148 }
149 body.login {
150   background-color: #FFFFE0;
151   color: #000000;
152 }
153 .login h1 {
154   text-align: center;
155   font-size: 150%;
156 }
157 table.login {
158   background-color: #FFFFE0;
159   padding: 20px;
160   width: 500px;
161 }
162 td.login {
163   text-align: center;
164 }
165 th.login {
166   text-align: right;
167 }
168 .admin h1 {
169   background-color: #fe5f14;
170   text-color: #ffffff;
171 }
172 body.menu {
173   color: #000000;
174 }
175 /* Warnings */
176 .message_error_login {
177   color: #000000;
178   border: 1px solid #8b0000;
179   background-color: #ffcccc;
180   padding: 3px;
181 }
182 .message_ok {
183   padding: 5px;
184   background-color: #ADFFB6;
185   color: black;
186   font-weight: bolder;
187   text-align: center;
188   border-style: solid;
189   border-width: thin;
190 }
191 .message_error {
192   padding: 5px;
193   background-color: #CC0000;
194   color: white;
195   font-weight: bolder;
196   text-align: center;
197   border-style: solid;
198   border-width: thin;
199 }
200 .message_hint {
201   padding: 0.5em;
202   background-color: #FFEE66;
203   color: black;
204   font-weight: bolder;
205   text-align: center;
206   border-style: solid;
207   border-width: thin;
208 }
209 .message_error_label {
210   padding: 0.5em;
211   background-color: #E00000;
212   color: white;
213   font-weight: normal;
214   text-align: left;
215   border-style: solid;
216   border-width: thin;
217 }
218 /* Headings */
219 .listtop, h1 {
220   background-color: #006400;
221   text-align: left;
222   padding: 0.5em;
223   color: #FFFFFF;
224   font-size:100%;
225   font-weight: bolder;
226   border-style: none;
227   border-width: thin;
228   -moz-border-radius:0.4em; /* Firefox */
229   -webkit-border-radius:0.4em; /* Safari, Chrome */
230   -khtml-border-radius:0.4em; /* Konqueror */
231   border-radius:0.4em; /* CSS3 */
232   behavior:url(border-radius.htc);
233 }
234
235 .listheading, #content h2 {
236   padding: 0.2em;
237   background-color: #EBEBEB;
238   color: #006400;
239   font-size: 95%;
240   font-weight: bolder;
241   text-align: left;
242   border-style: none;
243 }
244
245 .accountlistheading {
246   padding: 0.3em;
247   color: #006400;
248   font-weight: bold;
249   text-align: left;
250   background-color: #EBEBEB;
251 }
252 .subsubheading {
253   color: #000000;
254   font-weight: bolder;
255   text-decoration: underline;
256 }
257 .optionen {
258   border: dashed;
259   border-width: 1px;
260   background: #FFFFE0;
261 }
262 .listrow1, .listrow:nth-child(even) {
263   background-color: #FFFFFF;
264   color: black;
265   vertical-align: top;
266 }
267 .listrow0, .listrow:nth-child(odd) {
268   background-color: #FFFF99;
269   color: black;
270   vertical-align: top;
271 }
272 .listrow_error1, .listrow_error:nth-child(even) {
273   background-color: #F6CECE;
274   color: black;
275   vertical-align: top;
276 }
277 .listrow_error0, .listrow_error:nth-child(odd) {
278   background-color: #F5A9A9;
279   color: black;
280   vertical-align: top;
281 }
282 .listrowempty {
283   background-color: #FFFFFF;
284   color: black;
285   vertical-align: top;
286 }
287 .listsubtotal {
288   background-color: rgb(236,233,216);
289   color: black;
290   font-weight: bolder;
291 }
292 .listtotal, .listtotal td {
293   background-color: rgb(236,233,216);
294   color: black;
295   font-weight: bolder;
296 }
297 /* Verkaufsbericht */
298 .listmainsortheader {
299   background-color: rgb(236,233,216);
300   color: red;
301   font-weight: bolder;
302   padding-left: 10px;
303   padding-top: 0px;
304 }
305 .listmainsortsubtotal {
306   background-color: rgb(236,233,216);
307   color: red;
308   font-weight: bolder;
309   padding-left: 10px;
310 }
311 .listsubsortheader {
312   background-color: rgb(236,233,216);
313   color: green;
314   font-weight: bolder;
315   padding-left: 20px
316 }
317 .listsubsortsubtotal {
318   background-color: rgb(236,233,216);
319   color: green;
320   font-weight: bolder;
321   padding-left: 20px
322 }
323 .listsortdescription {
324   background-color: rgb(236,233,216);
325   color: black;
326   font-weight: normal;
327   padding-left: 30px
328 }
329 .submit {
330   font-family: Verdana, Arial, Helvetica;
331   color: #000000;
332 }
333 .checkbox, .radio {
334   font-family: Verdana, Arial, Helvetica;
335   color: #778899;
336 }
337 .plus0 {
338   /* font color for negative numbers */
339   color: red;
340 }
341 .plus1 {
342   color: green;
343 }
344 h2.confirm {
345   color: blue;
346 }
347 h2.error {
348   color: red;
349 }
350 fieldset {
351   margin-top: 15px;
352   color: black;
353   font-weight: bolder;
354 }
355 .filecontent {
356   border: 1px solid blue;
357   padding-left: 2px;
358   padding-right: 2px;
359 }
360 label {
361   cursor: pointer;
362   vertical-align: top;
363 }
364 .unbalanced_ledger {
365   background-color: #ffa0a0;
366 }
367 .flash_message_error {
368   background-color: #FFD6D6;
369   border: 1px solid #AE0014;
370   margin-top: 5px;
371   margin-bottom: 5px;
372   padding: 5px;
373 }
374 .flash_message_ok {
375   background-color: #ADFFB6;
376   border: 1px solid #007F0F;
377   margin-top: 5px;
378   margin-bottom: 5px;
379   padding: 5px;
380 }
381 .flash_message_warning {
382   background-color: #FFE8C7;
383   border: 1px solid #FF6600;
384   margin-top: 5px;
385   margin-bottom: 5px;
386   padding: 5px;
387 }
388 .flash_message_info {
389   background-color: #DCF2FF;
390   border: 1px solid #4690FF;
391   margin-top: 5px;
392   margin-bottom: 5px;
393   padding: 5px;
394 }
395
396 .flash_title {
397   font-weight: bold;
398 }
399
400 .dimmed-text {
401   color: #ccc;
402   font-style: italic;
403 }
404
405 .link_separator {
406   margin-left: 6px;
407   margin-right: 6px;
408 }
409
410 .part_picker {
411   display: inline-block;
412 }
413 .part_picker:before {
414   display: inline-block;
415   vertical-align: middle;
416   height: 100%;
417 }
418 .chart_picker {
419   padding-right: 16px;
420 }
421 .customer-vendor-picker-undefined,
422 .chartpicker-undefined,
423 .projectpicker-undefined,
424 .partpicker-undefined {
425   color: red;
426   font-style: italic;
427 }
428
429 div.part_picker_part,
430 div.chart_picker_chart {
431   padding: 5px;
432   margin: 5px;
433   border: 1px;
434   border-color: darkgray;
435   border-style: solid;
436   -webkit-border-radius: 4px;
437   -moz-border-radius: 4px;
438   border-radius: 4px;
439   background-color: white;
440   cursor: pointer;
441 }
442 div.part_picker_part:hover,
443 div.chart_picker_chart:hover {
444   color: #FE5F14;
445 }
446
447 div.ppp_block {
448   overflow:hidden;
449   float:left;
450   width: 350px;
451 }
452 span.ppp_popup_button {
453   display: inline-block;
454   vertical-align: middle;
455   margin-left: -24px;
456   height: 20px;
457   width: 20px;
458   cursor: pointer;
459   background: url("../../image/search.svg") no-repeat center right;
460   background-size: contain;
461 }
462 span.part_picker input {
463   padding-right: 20px;
464   box-sizing: padding-box;
465   -moz-box-sizing: padding-box;
466   -webkit-box-sizing: padding-box;
467 }
468 span.part_picker {
469   white-space: nowrap;
470 }
471 div.ppp_block span.ppp_block_number,
472 div.cpc_block span.cpc_block_number
473 {
474   float:left;
475 }
476 div.ppp_block span.ppp_block_description {
477   float:right;
478   margin-left:1em;
479   font-weight:bold;
480 }
481 div.cpc_block span.cpc_block_description {
482   float:left;
483   margin-left:1em;
484   font-weight:bold;
485 }
486 div.ppp_line span.ppp_block_description,
487 div.cpc_line span.cpc_block_description
488 {
489   margin-left:1em;
490   font-weight:bold;
491 }
492 div.cpc_block span.cpc_block_balance {
493   float:right;
494 }
495 div.cpc_block span.cpc_line_balance {
496   display:none;
497 }
498 div.cpc_line span.cpc_block_second_row {
499   display:none;
500 }
501 div.cpc_block span.cpc_block_second_row {
502 }
503 span.toggle_selected {
504   font-weight: bold;
505 }
506 .dunned_invoice {
507   font-weight: bold;
508   color: #f00;
509 }
510 .customer_dunning_level {
511   font-weight: bold;
512 }