Menü gefixt und richtig gestyled
[kivitendo-erp.git] / css / kivitendo / main.css
1 /* Stylesheet for kivitendo * Name:kivitendo.css*/
2 /* Colortable
3
4 Background:     #EBEBEB burlywood
5 Links:                  #006400 DarkGreen
6 Link-hover              #FE5F14 Orange / #FFFFE0 lightyellow
7 Titles, BG/VG:  #79B61B Mid-green FFFFFF White
8 Tabcolor: #CAFFA3
9 */
10
11
12 body {
13         font-family: Verdana, Arial, Helvetica;
14         background-color: #FFFFFF;
15         color: #000000;
16     font-size: 9pt;
17 }
18
19
20 /* The look of links */
21 a {
22         padding: 0 0.2em;
23         text-decoration: none;
24         /* border-bottom: thin solid; */
25         /* font-weight: bold; */
26 }
27 A:link, A:visited, A:active {
28         color: #000000;
29         border-bottom: thin solid #FE5F14;
30 }
31 a:hover {
32         color: #FE5F14;
33         background-color: #D1D1D1;
34 }
35 a.selected:hover {
36         color:#EBEBEB;
37 }
38 a.nomobile {
39         background-color:transparent;
40         border:none;
41 }
42
43 table {
44     font-size: 90% !important;
45         table-layout: auto;
46         border-spacing: 0.3em;
47 }
48
49 /* table a {
50         color:#FE5F14 !important;
51         border-bottom:none;
52 } */
53
54 ul {
55 }
56
57 hr {
58         background-color: #006400;
59         border: none;
60         color: #79B61B;
61         height: 2px;
62 }
63
64 /* I.E. & Chrome können das nicht! */
65 /* input[type="radio"], input[type="checkbox"]{
66         width:1.15em;
67         height:1.15em;
68         border:1px solid;
69         color: #006400;
70 } */
71 input:focus, textarea:focus, select:focus {
72         background-color: #FFFFA0;
73         border: 2px solid #FE5F14;
74         /* border-bottom: medium solid #FE5F14; */
75 }
76 /* Fängt den "Schrink" beim focus - problem für i.e. und chrome */
77 /* input[type="radio"]:focus, input[type="checkbox"]:focus{
78         width:1.2em;
79         height:1.2em;
80 } */
81 td {
82         color: #000000;
83         font-weight: normal;
84 }
85 /* td.hover:hover {
86         color: #006400;
87         background-color: #FFFFE0;
88 } */
89 th {
90         color: #000000;
91         font-weight: bold;
92 }
93 /* login and admin */
94 .login a, .login a:visited, .login a:hover {
95         text-decoration: none !important;
96         background-color:transparent !important;
97         border:none;
98 }
99 .login a:hover {
100         background: none;
101 }
102 body.login {
103         background-color: #FFFFE0;
104         color: #000000;
105 }
106 h1.login {
107 }
108 table.login {
109         background-color: #FFFFE0;
110         padding: 20px;
111 }
112 td.login {
113         text-align: center;
114 }
115 th.login {
116         text-align: right;
117 }
118 body.admin {
119         background-color: #FFFFE0;
120         color: #000000;
121 }
122 body.menu {
123         color: #000000;
124 }
125 /* Warnings */
126 .message_error_login {
127         color: #000000;
128         border: 1px solid #8b0000;
129         background-color: #ffcccc;
130         padding: 3px;
131 }
132 .message_ok {
133         padding: 5px;
134         background-color: #ADFFB6;
135         color: black;
136         font-weight: bolder;
137         text-align: center;
138         border-style: solid;
139         border-width: thin;
140 }
141 .message_error {
142         padding: 5px;
143         background-color: #CC0000;
144         color: white;
145         font-weight: bolder;
146         text-align: center;
147         border-style: solid;
148         border-width: thin;
149 }
150 .message_hint {
151         padding: 0.5em;
152         background-color: #FFEE66;
153         color: black;
154         font-weight: bolder;
155         text-align: center;
156         border-style: solid;
157         border-width: thin;
158 }
159 .message_error_label {
160         padding: 0.5em;
161         background-color: #E00000;
162   color: white;
163         font-weight: normal;
164         text-align: left;
165         border-style: solid;
166         border-width: thin;
167 }
168 /*    Headings */
169 .listtop, h1 {
170     font-size:125%;
171         background-color: #006400;
172         text-align: left;
173         padding: 0.5em;
174         color: #FFFFFF;
175         font-weight: bolder;
176         border-style: none;
177         border-width: thin;
178         -moz-border-radius:0.4em; /* Firefox */
179         -webkit-border-radius:0.4em; /* Safari, Chrome */
180         -khtml-border-radius:0.4em; /* Konqueror */
181         border-radius:0.4em; /* CSS3 */
182         behavior:url(border-radius.htc);
183 }
184
185 /* .listelement {
186         background-color: #f8ffb3;
187         color: #000000;
188 }
189 .listelement2 {
190         background-color: #8ee085;
191         color: #000000;
192 } */
193 .listheading {
194         padding: 0.2em;
195         background-color: #EBEBEB;
196         color: #006400;
197         font-weight: bolder;
198         text-align: left;
199         border-style: none;
200 }
201
202 /* .listheadingcontent {
203         background-color: #EBEBEB;
204         color: #006400;
205         font-weight: bolder;
206         text-align: left;
207 } */
208
209 .accountlistheading {
210         padding: 0.3em;
211         color: #006400;
212         font-weight: bold;
213         text-align: left;
214         background-color: #EBEBEB;
215 }
216 .subsubheading {
217         color: #000000;
218         font-weight: bolder;
219         text-decoration: underline;
220 }
221 .optionen {
222         border: dashed;
223         border-width: 1px;
224         background: #FFFFE0;
225 }
226 .listrow1 {
227         background-color: #FFFFFF;
228         color: black;
229         vertical-align: top;
230 }
231 .listrow0 {
232         background-color: #FFFF99;
233         color: black;
234         vertical-align: top;
235 }
236 .listsubtotal {
237         background-color: rgb(236,233,216);
238         color: black;
239         font-weight: bolder;
240 }
241 .listtotal, .listtotal td {
242         background-color: rgb(236,233,216);
243         color: black;
244         font-weight: bolder;
245 }
246 /* Verkaufsbericht */
247 .listmainsortheader {
248         background-color: rgb(236,233,216);
249         color: red;
250         font-weight: bolder;
251         padding-left: 10px;
252         padding-top: 0px;
253 }
254 .listmainsortsubtotal {
255         background-color: rgb(236,233,216);
256         color: red;
257         font-weight: bolder;
258         padding-left: 10px;
259 }
260 .listsubsortheader {
261         background-color: rgb(236,233,216);
262         color: green;
263         font-weight: bolder;
264         padding-left: 20px
265 }
266 .listsubsortsubtotal {
267         background-color: rgb(236,233,216);
268         color: green;
269         font-weight: bolder;
270         padding-left: 20px
271 }
272 .listsortdescription {
273         background-color: rgb(236,233,216);
274         color: black;
275         font-weight: normal;
276         padding-left: 30px
277 }
278 .submit {
279         font-family: Verdana, Arial, Helvetica;
280         color: #000000;
281 }
282 .checkbox, .radio {
283         font-family: Verdana, Arial, Helvetica;
284         color: #778899;
285 }
286 .plus0 {
287 /* font color for negative numbers */
288         color: red;
289 }
290 .plus1 {
291         color: green;
292 }
293 h2.confirm {
294         color: blue;
295 }
296 h2.error {
297         color: red;
298 }
299 fieldset {
300         margin-top: 15px;
301         color: black;
302         font-weight: bolder;
303 }
304 /* media stuff */
305 @media screen {
306 .noscreen {
307 /* items with this class won't display */
308         display: none;
309 }
310 }
311 @media print {
312 .noprint {
313 /* items with this class won't print */
314         display: none;
315 }
316 }
317 .filecontent {
318         border: 1px solid blue;
319         padding-left: 2px;
320         padding-right: 2px;
321 }
322 label {
323         cursor: pointer;
324         vertical-align: top;
325 }
326 .unbalanced_ledger {
327         background-color: #ffa0a0;
328 }
329 .clearfix:after {
330         clear: both;
331         content: ".";
332         display: block;
333         height: 0;
334         visibility: hidden;
335 }
336 .flash_message_error {
337         background-color: #FFD6D6;
338         border: 1px solid #AE0014;
339         margin-top: 5px;
340         margin-bottom: 5px;
341         padding: 5px;
342 }
343 .flash_message_warning {
344         background-color: #FFE8C7;
345         border: 1px solid #FF6600;
346         margin-top: 5px;
347         margin-bottom: 5px;
348         padding: 5px;
349 }
350 .flash_message_info {
351         background-color: #DCF2FF;
352         border: 1px solid #4690FF;
353         margin-top: 5px;
354         margin-bottom: 5px;
355         padding: 5px;
356 }