'templates' nicht aus %::myconfig, sondern aus Defaults-Tabelle holen
[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 a, div {
13   transition: background-color 0.2s;
14   -moz-transition: background-color 0.2s;
15   -webkit-transition: background-color 0.2s;
16 }
17
18 input, textarea, select {
19   border: 1px;
20   border-color: darkgray lightgray lightgray;
21   border-style: solid;
22   padding: 1px;
23   background-color: white;
24 }
25
26 select {
27   padding: 0px;
28 }
29
30 input:focus, textarea:focus, select: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 {
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,
58 input[type="button"]:hover,
59 input[type="submit"]:hover {
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: 10pt;
76   background-color: white;
77   background-image: url("../../image/fade.png"); background-repeat:repeat-x;
78   color: black;
79   height: 100%;
80 }
81
82 td {
83   font-family: Verdana, Arial, Helvetica, sans-serif;
84   color: black;
85   font-size: 8pt;
86   font-weight: normal;
87 }
88 td.hover:hover {
89     color: black;
90 /*          background-color: #FFFFCC;
91           font-size: 8pt;
92           text-decoration: none;
93           border:none;
94           borderWidth:0px;
95           borderColor:2557AD;
96 */
97 }
98
99
100 th {
101   font-family: Verdana, Arial, Helvetica, sans-serif;
102   color: black;
103   font-size: 8pt;
104   font-weight: normal;
105 }
106
107 /* login and admin */
108 .login {
109   font-family: Verdana, Arial, Helvetica, sans-serif;
110 }
111 div.login {
112   min-height: 100%;
113   height: auto !important;
114   height: 100%;
115   background: #b8d1f3;
116   color: #A0A0A0;
117 }
118 h1.login {
119   font-size: 18pt;
120 }
121 table.login {
122   background-color: #efedde;
123   padding: 20px;
124 }
125 td.login {
126   text-align: center;
127 }
128 th.login {
129   text-align: right;
130 }
131
132 div.admin {
133   color: black;
134   margin: 8px;
135 }
136
137 .message_error_login {
138     color: #000000;
139     border: 1px solid #8b0000;
140     background-color: #ffcccc;
141     padding: 3px;
142 }
143 .message_ok {
144     font-size: 12pt;
145     padding:5px;
146     background-color: #ADFFB6;
147     color: black;
148     font-weight: bolder;
149     text-align:center;
150     border-style:solid;
151     border-width:thin;
152 }
153 .message_error {
154     font-size: 12pt;
155     padding:5px;
156     background-color: #FFAAAA;
157     color: black;
158     font-weight: bolder;
159     text-align:center;
160     border-style:solid;
161     border-width:thin;
162 }
163 .message_hint {
164     font-size: 12pt;
165     padding:5px;
166     background-color: #FFFE66;
167     color: black;
168     font-weight: bolder;
169     text-align:center;
170     border-style:solid;
171     border-width:thin;
172 }
173 .message_error_label {
174     font-size: 0.8em;
175     padding:5px;
176     background-color: #FEE;
177     font-weight:normal;
178     text-align:left;
179     border-style:solid;
180     border-width:thin;
181 }
182
183 /*
184     Überschriftsbalken
185 */
186 .listtop, h1 {
187     background-color: rgb(236,233,216);
188     text-align:left;
189     padding:5px;
190     font-size: 10pt;
191     color: black;
192     font-weight: bolder;
193     border-style:dashed;
194     border-width:thin;
195 }
196
197
198 .listelement {
199     background-image: url("../../image/fade2.png");
200     background-repeat:repeat-x;
201     border-style:dashed;
202     border-width:thin;
203 }
204
205 .listelement2 {
206     background-image: url("../../image/fade2.png");
207     background-repeat:repeat-x;
208     border-style:dashed;
209     border-width:thin;
210 }
211
212 .listheading, .listheading th, h2 {
213     font-size: 9pt;
214     padding:3px;
215     background-color:
216     rgb(236,233,216);
217     color: black;
218     font-weight: bolder;
219     text-align:left;
220     background-image: url("../../image/fade.png");
221     border-style:dotted;
222     border-width:thin;
223 }
224
225 .listheadingcontent {
226     font-size: 9pt;
227     background-color:
228     rgb(236,233,216);
229     color: black;
230     font-weight: bolder;
231     text-align:left;
232 }
233
234 .accountlistheading {
235     font-size: 10pt;
236     padding:3px;
237     color: white;
238     font-weight: bold;
239     text-align:left;
240     background-color:rgb(133,132,129);
241 }
242
243 .subsubheading {
244   color: black;
245   font-weight: bolder;
246   text-decoration: underline;
247 }
248
249 .optionen {
250     border:dashed;
251 /*  padding-top:10px;
252     padding-bottom:10px;
253     padding-left:10px;
254 */
255     border-width:1px;
256     background:#efedde;
257 }
258
259
260 .listrow1, .listrow:nth-child(odd)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
261 .listrow0, .listrow:nth-child(even) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
262 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
263
264 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
265 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
266
267 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
268 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
269
270 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
271
272 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
273
274 /* Verkaufsbericht */
275 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
276 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
277 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
278 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
279 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
280
281
282 .submit {
283   font-family: Verdana, Arial, Helvetica, sans-serif;
284   color: #000000;
285 }
286 .checkbox, .radio {
287   font-family: Verdana, Arial, Helvetica, sans-serif;
288   color: #778899;
289 }
290
291 .plus0 {    /* font color for negative numbers */
292   color: red;
293 }
294
295 .plus1 {
296   color: green;
297 }
298
299 td.numeric { /* class for numeric columns in tables */
300   text-align: right
301 }
302
303 h2.confirm {
304   color: blue;
305   font-size: 14pt;
306 }
307
308 h2.error {
309   color: red;
310   font-size: 14pt;
311 }
312
313 fieldset {
314   margin-top:15px;
315   color: black;
316   font-weight: bolder;
317 }
318
319 /* media stuff */
320
321 @media screen {
322   .noscreen {   /* items with this class won't display */
323     display: none;
324   }
325 }
326
327 @media print {
328   .noprint {   /* items with this class won't print */
329     display: none;
330   }
331 }
332
333 .filecontent {
334   border: 1px solid blue;
335   padding-left: 2px;
336   padding-right: 2px;
337 }
338
339 label {
340   cursor:pointer;
341 }
342
343 .unbalanced_ledger {
344   background-color: #ffa0a0;
345 }
346
347 .clearfix:after {
348   clear:both;
349   content:".";
350   display:block;
351   font-size:0;
352   height:0;
353   visibility:hidden;
354 }
355
356 .flash_message_error {
357   background-color:#FFD6D6;
358   border: 1px solid #AE0014;
359   margin-top: 5px;
360   margin-bottom: 5px;
361   padding: 5px;
362 }
363
364 .flash_message_warning {
365   background-color:#FFE8C7;
366   border: 1px solid #FF6600;
367   margin-top: 5px;
368   margin-bottom: 5px;
369   padding: 5px;
370 }
371
372 .flash_message_info {
373   background-color:#DCF2FF;
374   border: 1px solid #4690FF;
375   margin-top: 5px;
376   margin-bottom: 5px;
377   padding: 5px;
378 }
379
380 .flash_title {
381   font-weight: bold;
382 }
383
384 /* Kontenliste Styles */
385
386 .coa_listrow1 {
387   background-color: rgb(208,207,201);
388   color: black;
389   vertical-align: top;
390 }
391
392 .coa_listrow0 {
393   background-color: rgb(236,233,216);
394   color: black;
395   vertical-align: top;
396 }
397
398 .coa_detail_emph {
399   font-size:10pt;
400   font-weight:bold;
401   color:darkred;
402 }
403
404 .coa_details_header {
405   font-size:8pt;
406   padding:3px;
407   font-weight:bolder;
408   text-align:center;
409   border-style:none;
410   border-width:thin;
411 }
412
413 .coa_details_header2 {
414   font-size:8pt;
415   padding:3px;
416   font-weight:normal;
417   text-align:left;
418   border-style:none;
419   border-width:thin;
420 }
421
422 .dimmed-text {
423   color: #aaa;
424   font-style: italic;
425 }
426
427 .link_separator {
428   margin-left: 6px;
429   margin-right: 6px;
430 }