Revision fb39b298
Von Moritz Bunkus vor etwa 8 Jahren hinzugefügt
css/kivitendo/main.css | ||
---|---|---|
1 | 1 |
/* Stylesheet for kivitendo * Name:kivitendo.css*/ |
2 | 2 |
/* Colortable |
3 | 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
|
|
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 | 8 |
Tabcolor: #CAFFA3 |
9 | 9 |
*/ |
10 | 10 |
|
11 | 11 |
|
12 | 12 |
body { |
13 |
font-family: Verdana, Arial, Helvetica;
|
|
14 |
background-color: #FFFFFF;
|
|
15 |
color: #000000;
|
|
16 |
font-size: 9pt;
|
|
13 |
font-family: Verdana, Arial, Helvetica;
|
|
14 |
background-color: #FFFFFF;
|
|
15 |
color: #000000;
|
|
16 |
font-size: 9pt; |
|
17 | 17 |
} |
18 | 18 |
|
19 | 19 |
/* Input elements */ |
... | ... | |
73 | 73 |
|
74 | 74 |
/* The look of links */ |
75 | 75 |
a { |
76 |
padding: 0 0.2em;
|
|
77 |
text-decoration: none;
|
|
78 |
/* border-bottom: thin solid; */
|
|
79 |
/* font-weight: bold; */
|
|
76 |
padding: 0 0.2em;
|
|
77 |
text-decoration: none;
|
|
78 |
/* border-bottom: thin solid; */
|
|
79 |
/* font-weight: bold; */
|
|
80 | 80 |
} |
81 | 81 |
A:link, A:visited, A:active { |
82 |
color: #000000;
|
|
83 |
border-bottom: thin solid #FE5F14;
|
|
82 |
color: #000000;
|
|
83 |
border-bottom: thin solid #FE5F14;
|
|
84 | 84 |
} |
85 | 85 |
a:hover { |
86 |
color: #FE5F14;
|
|
87 |
background-color: #D1D1D1;
|
|
86 |
color: #FE5F14;
|
|
87 |
background-color: #D1D1D1;
|
|
88 | 88 |
} |
89 | 89 |
a.selected:hover { |
90 |
color:#EBEBEB;
|
|
90 |
color:#EBEBEB;
|
|
91 | 91 |
} |
92 | 92 |
a.nomobile { |
93 |
background-color:transparent;
|
|
94 |
border:none;
|
|
93 |
background-color:transparent;
|
|
94 |
border:none;
|
|
95 | 95 |
} |
96 | 96 |
a.green { |
97 |
background-color:#40FF00;
|
|
98 |
border:none;
|
|
97 |
background-color:#40FF00;
|
|
98 |
border:none;
|
|
99 | 99 |
} |
100 | 100 |
a.orange { |
101 |
background-color:#FF8000;
|
|
102 |
border:none;
|
|
101 |
background-color:#FF8000;
|
|
102 |
border:none;
|
|
103 | 103 |
} |
104 | 104 |
a.red { |
105 |
background-color:#FF0000;
|
|
106 |
border:none;
|
|
105 |
background-color:#FF0000;
|
|
106 |
border:none;
|
|
107 | 107 |
} |
108 | 108 |
|
109 | 109 |
table { |
110 |
font-size: 90% !important;
|
|
111 |
table-layout: auto;
|
|
112 |
border-spacing: 0.3em;
|
|
110 |
font-size: 90% !important; |
|
111 |
table-layout: auto;
|
|
112 |
border-spacing: 0.3em;
|
|
113 | 113 |
} |
114 | 114 |
|
115 | 115 |
/* table a { |
116 |
color:#FE5F14 !important;
|
|
117 |
border-bottom:none;
|
|
116 |
color:#FE5F14 !important;
|
|
117 |
border-bottom:none;
|
|
118 | 118 |
} */ |
119 | 119 |
|
120 | 120 |
ul { |
121 | 121 |
} |
122 | 122 |
|
123 | 123 |
hr { |
124 |
background-color: #006400;
|
|
125 |
border: none;
|
|
126 |
color: #79B61B;
|
|
127 |
height: 2px;
|
|
124 |
background-color: #006400;
|
|
125 |
border: none;
|
|
126 |
color: #79B61B;
|
|
127 |
height: 2px;
|
|
128 | 128 |
} |
129 | 129 |
|
130 | 130 |
tr.rule-before th, tr.rule-before td { |
... | ... | |
133 | 133 |
} |
134 | 134 |
|
135 | 135 |
td { |
136 |
color: #000000;
|
|
137 |
font-weight: normal;
|
|
136 |
color: #000000;
|
|
137 |
font-weight: normal;
|
|
138 | 138 |
} |
139 | 139 |
/* td.hover:hover { |
140 |
color: #006400;
|
|
141 |
background-color: #FFFFE0;
|
|
140 |
color: #006400;
|
|
141 |
background-color: #FFFFE0;
|
|
142 | 142 |
} */ |
143 | 143 |
th { |
144 |
color: #000000;
|
|
145 |
font-weight: bold;
|
|
144 |
color: #000000;
|
|
145 |
font-weight: bold;
|
|
146 | 146 |
} |
147 | 147 |
/* login and admin */ |
148 | 148 |
a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover { |
149 |
text-decoration: none !important;
|
|
150 |
background-color:transparent !important;
|
|
151 |
border:none;
|
|
149 |
text-decoration: none !important;
|
|
150 |
background-color:transparent !important;
|
|
151 |
border:none;
|
|
152 | 152 |
} |
153 | 153 |
a.no-underlined-links:hover { |
154 |
background: none;
|
|
154 |
background: none;
|
|
155 | 155 |
} |
156 | 156 |
body.login { |
157 |
background-color: #FFFFE0;
|
|
158 |
color: #000000;
|
|
157 |
background-color: #FFFFE0;
|
|
158 |
color: #000000;
|
|
159 | 159 |
} |
160 | 160 |
.login h1 { |
161 | 161 |
text-align: center; |
162 | 162 |
font-size: 20px; |
163 | 163 |
} |
164 | 164 |
table.login { |
165 |
background-color: #FFFFE0;
|
|
166 |
padding: 20px;
|
|
165 |
background-color: #FFFFE0;
|
|
166 |
padding: 20px;
|
|
167 | 167 |
width: 500px; |
168 | 168 |
} |
169 | 169 |
td.login { |
170 |
text-align: center;
|
|
170 |
text-align: center;
|
|
171 | 171 |
} |
172 | 172 |
th.login { |
173 |
text-align: right;
|
|
173 |
text-align: right;
|
|
174 | 174 |
} |
175 | 175 |
.admin h1 { |
176 |
background-color: #fe5f14;
|
|
176 |
background-color: #fe5f14;
|
|
177 | 177 |
text-color: #ffffff; |
178 | 178 |
} |
179 | 179 |
body.menu { |
180 |
color: #000000;
|
|
180 |
color: #000000;
|
|
181 | 181 |
} |
182 | 182 |
/* Warnings */ |
183 | 183 |
.message_error_login { |
184 |
color: #000000;
|
|
185 |
border: 1px solid #8b0000;
|
|
186 |
background-color: #ffcccc;
|
|
187 |
padding: 3px;
|
|
184 |
color: #000000;
|
|
185 |
border: 1px solid #8b0000;
|
|
186 |
background-color: #ffcccc;
|
|
187 |
padding: 3px;
|
|
188 | 188 |
} |
189 | 189 |
.message_ok { |
190 |
padding: 5px;
|
|
191 |
background-color: #ADFFB6;
|
|
192 |
color: black;
|
|
193 |
font-weight: bolder;
|
|
194 |
text-align: center;
|
|
195 |
border-style: solid;
|
|
196 |
border-width: thin;
|
|
190 |
padding: 5px;
|
|
191 |
background-color: #ADFFB6;
|
|
192 |
color: black;
|
|
193 |
font-weight: bolder;
|
|
194 |
text-align: center;
|
|
195 |
border-style: solid;
|
|
196 |
border-width: thin;
|
|
197 | 197 |
} |
198 | 198 |
.message_error { |
199 |
padding: 5px;
|
|
200 |
background-color: #CC0000;
|
|
201 |
color: white;
|
|
202 |
font-weight: bolder;
|
|
203 |
text-align: center;
|
|
204 |
border-style: solid;
|
|
205 |
border-width: thin;
|
|
199 |
padding: 5px;
|
|
200 |
background-color: #CC0000;
|
|
201 |
color: white;
|
|
202 |
font-weight: bolder;
|
|
203 |
text-align: center;
|
|
204 |
border-style: solid;
|
|
205 |
border-width: thin;
|
|
206 | 206 |
} |
207 | 207 |
.message_hint { |
208 |
padding: 0.5em;
|
|
209 |
background-color: #FFEE66;
|
|
210 |
color: black;
|
|
211 |
font-weight: bolder;
|
|
212 |
text-align: center;
|
|
213 |
border-style: solid;
|
|
214 |
border-width: thin;
|
|
208 |
padding: 0.5em;
|
|
209 |
background-color: #FFEE66;
|
|
210 |
color: black;
|
|
211 |
font-weight: bolder;
|
|
212 |
text-align: center;
|
|
213 |
border-style: solid;
|
|
214 |
border-width: thin;
|
|
215 | 215 |
} |
216 | 216 |
.message_error_label { |
217 |
padding: 0.5em;
|
|
218 |
background-color: #E00000;
|
|
217 |
padding: 0.5em;
|
|
218 |
background-color: #E00000;
|
|
219 | 219 |
color: white; |
220 |
font-weight: normal;
|
|
221 |
text-align: left;
|
|
222 |
border-style: solid;
|
|
223 |
border-width: thin;
|
|
220 |
font-weight: normal;
|
|
221 |
text-align: left;
|
|
222 |
border-style: solid;
|
|
223 |
border-width: thin;
|
|
224 | 224 |
} |
225 | 225 |
/* Headings */ |
226 | 226 |
.listtop, h1 { |
227 |
font-size:125%;
|
|
228 |
background-color: #006400;
|
|
229 |
text-align: left;
|
|
230 |
padding: 0.5em;
|
|
231 |
color: #FFFFFF;
|
|
232 |
font-weight: bolder;
|
|
233 |
border-style: none;
|
|
234 |
border-width: thin;
|
|
235 |
-moz-border-radius:0.4em; /* Firefox */
|
|
236 |
-webkit-border-radius:0.4em; /* Safari, Chrome */
|
|
237 |
-khtml-border-radius:0.4em; /* Konqueror */
|
|
238 |
border-radius:0.4em; /* CSS3 */
|
|
239 |
behavior:url(border-radius.htc);
|
|
227 |
font-size:125%; |
|
228 |
background-color: #006400;
|
|
229 |
text-align: left;
|
|
230 |
padding: 0.5em;
|
|
231 |
color: #FFFFFF;
|
|
232 |
font-weight: bolder;
|
|
233 |
border-style: none;
|
|
234 |
border-width: thin;
|
|
235 |
-moz-border-radius:0.4em; /* Firefox */
|
|
236 |
-webkit-border-radius:0.4em; /* Safari, Chrome */
|
|
237 |
-khtml-border-radius:0.4em; /* Konqueror */
|
|
238 |
border-radius:0.4em; /* CSS3 */
|
|
239 |
behavior:url(border-radius.htc);
|
|
240 | 240 |
} |
241 | 241 |
|
242 | 242 |
/* .listelement { |
243 |
background-color: #f8ffb3;
|
|
244 |
color: #000000;
|
|
243 |
background-color: #f8ffb3;
|
|
244 |
color: #000000;
|
|
245 | 245 |
} |
246 | 246 |
.listelement2 { |
247 |
background-color: #8ee085;
|
|
248 |
color: #000000;
|
|
247 |
background-color: #8ee085;
|
|
248 |
color: #000000;
|
|
249 | 249 |
} */ |
250 | 250 |
.listheading, #content h2 { |
251 |
padding: 0.2em;
|
|
252 |
background-color: #EBEBEB;
|
|
253 |
color: #006400;
|
|
254 |
font-weight: bolder;
|
|
255 |
text-align: left;
|
|
256 |
border-style: none;
|
|
251 |
padding: 0.2em;
|
|
252 |
background-color: #EBEBEB;
|
|
253 |
color: #006400;
|
|
254 |
font-weight: bolder;
|
|
255 |
text-align: left;
|
|
256 |
border-style: none;
|
|
257 | 257 |
} |
258 | 258 |
|
259 | 259 |
/* .listheadingcontent { |
260 |
background-color: #EBEBEB;
|
|
261 |
color: #006400;
|
|
262 |
font-weight: bolder;
|
|
263 |
text-align: left;
|
|
260 |
background-color: #EBEBEB;
|
|
261 |
color: #006400;
|
|
262 |
font-weight: bolder;
|
|
263 |
text-align: left;
|
|
264 | 264 |
} */ |
265 | 265 |
|
266 | 266 |
.accountlistheading { |
267 |
padding: 0.3em;
|
|
268 |
color: #006400;
|
|
269 |
font-weight: bold;
|
|
270 |
text-align: left;
|
|
271 |
background-color: #EBEBEB;
|
|
267 |
padding: 0.3em;
|
|
268 |
color: #006400;
|
|
269 |
font-weight: bold;
|
|
270 |
text-align: left;
|
|
271 |
background-color: #EBEBEB;
|
|
272 | 272 |
} |
273 | 273 |
.subsubheading { |
274 |
color: #000000;
|
|
275 |
font-weight: bolder;
|
|
276 |
text-decoration: underline;
|
|
274 |
color: #000000;
|
|
275 |
font-weight: bolder;
|
|
276 |
text-decoration: underline;
|
|
277 | 277 |
} |
278 | 278 |
.optionen { |
279 |
border: dashed;
|
|
280 |
border-width: 1px;
|
|
281 |
background: #FFFFE0;
|
|
279 |
border: dashed;
|
|
280 |
border-width: 1px;
|
|
281 |
background: #FFFFE0;
|
|
282 | 282 |
} |
283 | 283 |
.listrow1, .listrow:nth-child(even) { |
284 |
background-color: #FFFFFF;
|
|
285 |
color: black;
|
|
286 |
vertical-align: top;
|
|
284 |
background-color: #FFFFFF;
|
|
285 |
color: black;
|
|
286 |
vertical-align: top;
|
|
287 | 287 |
} |
288 | 288 |
.listrow0, .listrow:nth-child(odd) { |
289 |
background-color: #FFFF99;
|
|
290 |
color: black;
|
|
291 |
vertical-align: top;
|
|
289 |
background-color: #FFFF99;
|
|
290 |
color: black;
|
|
291 |
vertical-align: top;
|
|
292 | 292 |
} |
293 | 293 |
.listrow_error1, .listrow_error:nth-child(even) { |
294 |
background-color: #F6CECE;
|
|
295 |
color: black;
|
|
296 |
vertical-align: top;
|
|
294 |
background-color: #F6CECE;
|
|
295 |
color: black;
|
|
296 |
vertical-align: top;
|
|
297 | 297 |
} |
298 | 298 |
.listrow_error0, .listrow_error:nth-child(odd) { |
299 |
background-color: #F5A9A9;
|
|
300 |
color: black;
|
|
301 |
vertical-align: top;
|
|
299 |
background-color: #F5A9A9;
|
|
300 |
color: black;
|
|
301 |
vertical-align: top;
|
|
302 | 302 |
} |
303 | 303 |
.listrowempty { |
304 |
background-color: #FFFFFF;
|
|
305 |
color: black;
|
|
306 |
vertical-align: top;
|
|
304 |
background-color: #FFFFFF;
|
|
305 |
color: black;
|
|
306 |
vertical-align: top;
|
|
307 | 307 |
} |
308 | 308 |
.listsubtotal { |
309 |
background-color: rgb(236,233,216);
|
|
310 |
color: black;
|
|
311 |
font-weight: bolder;
|
|
309 |
background-color: rgb(236,233,216);
|
|
310 |
color: black;
|
|
311 |
font-weight: bolder;
|
|
312 | 312 |
} |
313 | 313 |
.listtotal, .listtotal td { |
314 |
background-color: rgb(236,233,216);
|
|
315 |
color: black;
|
|
316 |
font-weight: bolder;
|
|
314 |
background-color: rgb(236,233,216);
|
|
315 |
color: black;
|
|
316 |
font-weight: bolder;
|
|
317 | 317 |
} |
318 | 318 |
/* Verkaufsbericht */ |
319 | 319 |
.listmainsortheader { |
320 |
background-color: rgb(236,233,216);
|
|
321 |
color: red;
|
|
322 |
font-weight: bolder;
|
|
323 |
padding-left: 10px;
|
|
324 |
padding-top: 0px;
|
|
320 |
background-color: rgb(236,233,216);
|
|
321 |
color: red;
|
|
322 |
font-weight: bolder;
|
|
323 |
padding-left: 10px;
|
|
324 |
padding-top: 0px;
|
|
325 | 325 |
} |
326 | 326 |
.listmainsortsubtotal { |
327 |
background-color: rgb(236,233,216);
|
|
328 |
color: red;
|
|
329 |
font-weight: bolder;
|
|
330 |
padding-left: 10px;
|
|
327 |
background-color: rgb(236,233,216);
|
|
328 |
color: red;
|
|
329 |
font-weight: bolder;
|
|
330 |
padding-left: 10px;
|
|
331 | 331 |
} |
332 | 332 |
.listsubsortheader { |
333 |
background-color: rgb(236,233,216);
|
|
334 |
color: green;
|
|
335 |
font-weight: bolder;
|
|
336 |
padding-left: 20px
|
|
333 |
background-color: rgb(236,233,216);
|
|
334 |
color: green;
|
|
335 |
font-weight: bolder;
|
|
336 |
padding-left: 20px
|
|
337 | 337 |
} |
338 | 338 |
.listsubsortsubtotal { |
339 |
background-color: rgb(236,233,216);
|
|
340 |
color: green;
|
|
341 |
font-weight: bolder;
|
|
342 |
padding-left: 20px
|
|
339 |
background-color: rgb(236,233,216);
|
|
340 |
color: green;
|
|
341 |
font-weight: bolder;
|
|
342 |
padding-left: 20px
|
|
343 | 343 |
} |
344 | 344 |
.listsortdescription { |
345 |
background-color: rgb(236,233,216);
|
|
346 |
color: black;
|
|
347 |
font-weight: normal;
|
|
348 |
padding-left: 30px
|
|
345 |
background-color: rgb(236,233,216);
|
|
346 |
color: black;
|
|
347 |
font-weight: normal;
|
|
348 |
padding-left: 30px
|
|
349 | 349 |
} |
350 | 350 |
.submit { |
351 |
font-family: Verdana, Arial, Helvetica;
|
|
352 |
color: #000000;
|
|
351 |
font-family: Verdana, Arial, Helvetica;
|
|
352 |
color: #000000;
|
|
353 | 353 |
} |
354 | 354 |
.checkbox, .radio { |
355 |
font-family: Verdana, Arial, Helvetica;
|
|
356 |
color: #778899;
|
|
355 |
font-family: Verdana, Arial, Helvetica;
|
|
356 |
color: #778899;
|
|
357 | 357 |
} |
358 | 358 |
.plus0 { |
359 |
/* font color for negative numbers */ |
|
360 |
color: red;
|
|
359 |
/* font color for negative numbers */
|
|
360 |
color: red;
|
|
361 | 361 |
} |
362 | 362 |
.plus1 { |
363 |
color: green;
|
|
363 |
color: green;
|
|
364 | 364 |
} |
365 | 365 |
h2.confirm { |
366 |
color: blue;
|
|
366 |
color: blue;
|
|
367 | 367 |
} |
368 | 368 |
h2.error { |
369 |
color: red;
|
|
369 |
color: red;
|
|
370 | 370 |
} |
371 | 371 |
fieldset { |
372 |
margin-top: 15px;
|
|
373 |
color: black;
|
|
374 |
font-weight: bolder;
|
|
372 |
margin-top: 15px;
|
|
373 |
color: black;
|
|
374 |
font-weight: bolder;
|
|
375 | 375 |
} |
376 | 376 |
.filecontent { |
377 |
border: 1px solid blue;
|
|
378 |
padding-left: 2px;
|
|
379 |
padding-right: 2px;
|
|
377 |
border: 1px solid blue;
|
|
378 |
padding-left: 2px;
|
|
379 |
padding-right: 2px;
|
|
380 | 380 |
} |
381 | 381 |
label { |
382 |
cursor: pointer;
|
|
383 |
vertical-align: top;
|
|
382 |
cursor: pointer;
|
|
383 |
vertical-align: top;
|
|
384 | 384 |
} |
385 | 385 |
.unbalanced_ledger { |
386 |
background-color: #ffa0a0;
|
|
386 |
background-color: #ffa0a0;
|
|
387 | 387 |
} |
388 | 388 |
.flash_message_error { |
389 |
background-color: #FFD6D6;
|
|
390 |
border: 1px solid #AE0014;
|
|
391 |
margin-top: 5px;
|
|
392 |
margin-bottom: 5px;
|
|
393 |
padding: 5px;
|
|
389 |
background-color: #FFD6D6;
|
|
390 |
border: 1px solid #AE0014;
|
|
391 |
margin-top: 5px;
|
|
392 |
margin-bottom: 5px;
|
|
393 |
padding: 5px;
|
|
394 | 394 |
} |
395 | 395 |
.flash_message_ok { |
396 |
background-color: #ADFFB6;
|
|
397 |
border: 1px solid #007F0F;
|
|
398 |
margin-top: 5px;
|
|
399 |
margin-bottom: 5px;
|
|
400 |
padding: 5px;
|
|
396 |
background-color: #ADFFB6;
|
|
397 |
border: 1px solid #007F0F;
|
|
398 |
margin-top: 5px;
|
|
399 |
margin-bottom: 5px;
|
|
400 |
padding: 5px;
|
|
401 | 401 |
} |
402 | 402 |
.flash_message_warning { |
403 |
background-color: #FFE8C7;
|
|
404 |
border: 1px solid #FF6600;
|
|
405 |
margin-top: 5px;
|
|
406 |
margin-bottom: 5px;
|
|
407 |
padding: 5px;
|
|
403 |
background-color: #FFE8C7;
|
|
404 |
border: 1px solid #FF6600;
|
|
405 |
margin-top: 5px;
|
|
406 |
margin-bottom: 5px;
|
|
407 |
padding: 5px;
|
|
408 | 408 |
} |
409 | 409 |
.flash_message_info { |
410 |
background-color: #DCF2FF;
|
|
411 |
border: 1px solid #4690FF;
|
|
412 |
margin-top: 5px;
|
|
413 |
margin-bottom: 5px;
|
|
414 |
padding: 5px;
|
|
410 |
background-color: #DCF2FF;
|
|
411 |
border: 1px solid #4690FF;
|
|
412 |
margin-top: 5px;
|
|
413 |
margin-bottom: 5px;
|
|
414 |
padding: 5px;
|
|
415 | 415 |
} |
416 | 416 |
|
417 | 417 |
.flash_title { |
Auch abrufbar als: Unified diff
kivitendo-CSS: keine Tabs, Einrückung gefixt