6326cacadd9db57cbc328286e0ec7fdaa4a835b6
[project/luci.git] / themes / fledermaus / htdocs / luci-static / fledermaus / cascade.css
1 * {
2         margin: 0;
3         padding: 0;
4 }
5
6 body {
7         background-color: #e5e6ec;
8         color: #ffffff;
9         font-family: Verdana, Arial, sans-serif;
10         font-size: 100%;
11         line-height: 100%;
12 }
13
14 code {
15         font-family: monospace;
16         white-space: pre;
17 }
18
19 div#maincontent ul {
20         margin-left: 2em;
21 }
22
23 .warning {
24         color: red !important;
25         font-weight: bold;
26 }
27
28 .clear {
29         clear: both;
30         height: 1px;
31 }
32
33 .hidden {
34         display: none;
35 }
36
37 .error {
38         color: #ff0000;
39 }
40
41 #header {
42         min-height: 98px;
43         background-image: url(logo.png);
44         background-repeat: no-repeat;
45         background-position: left center;
46         background-color: #000000;
47         text-align: center;
48         border-bottom: 1px solid #dc0067;
49 }
50
51 #header2 {
52         min-height: 98px;
53         background-image: url(fledermaus.png);
54         background-repeat: no-repeat;
55         background-position: right center;
56 }
57
58 #header3 {
59         font-size: 2.6em;
60         font-family: serif;
61         color: #FFCB05;
62         letter-spacing: 0.35em;
63         font-weight: bold;
64         line-height: 1.4em;
65 }
66
67 #header4 {
68         font-size: 1.25em;
69         line-height: 1.2em;
70         letter-spacing: 0.2em;
71         color: white;
72 }
73
74 .pathbar {
75         display: none;
76 }
77
78 .menubar {
79         width: 100%;
80         min-height: 1.8em;
81         background: #000000;
82         color: #ffffff;
83 }
84
85 .mainmenu {
86         float: left;
87         width: auto;
88         min-height: 1.8em;
89         background: #000000;
90         color: #ffffff;
91 }
92
93 .mainmenu div {
94         float: left;
95 }
96
97 .mainmenu li {
98         white-space: nowrap;
99 }
100
101 .mainmenu div ul {
102         display: none;
103         position: absolute;
104         background: #000000;
105         color: #ffffff;
106         border-width: 0 1px 1px 1px;
107         border-style: solid;
108         border-color: #444444;
109         list-style-type: none;
110 }
111
112 .mainmenu ul li:hover > ul,
113 .mainmenu div:hover > ul {
114         display: block;
115 }
116
117 .mainmenu ul li > ul {
118         left: 100%;
119         margin-top: -1.8em;
120         border-width: 1px;
121 }
122
123 .modemenu a,
124 .mainmenu a {
125         display: block;
126         padding: 0.5em;
127         color: #ffffff;
128         text-decoration: none;
129         font-size: 80%;
130 }
131
132 .mainmenu .active a,
133 .modemenu .active a {
134         color: #ffff00;
135         font-weight: bold;
136 }
137
138 .mainmenu li:hover > span > a,
139 .mainmenu div:hover > a {
140         font-weight: bold;
141 }
142
143 .modemenu a:hover,
144 .modemenu a:focus,
145 .mainmenu a:hover,
146 .mainmenu a:focus {
147         color: #ffff00;
148         font-weight: bold;
149 }
150
151 .mainmenu div.preactive > a {
152         color: #ffff00;
153         font-weight: bold;
154 }
155
156 .modemenu ul {
157         width: auto;
158         background: #000000;
159         color: #ffffff;
160         list-style-type: none;
161 }
162
163 .modemenu li {
164         float: right;
165 }
166
167 #maincontent {
168         clear: both;
169         width: 90%;
170         margin: 0 auto;
171         padding: 0.5em;
172         background: #f8f9fe;
173         color: #000000;
174         font-size: 80%;
175 }
176
177 #maincontent h2 {
178         margin: 0.25em 0 0.5em 0;
179         font-size: 150%;
180         font-weight: normal;
181 }
182
183 #maincontent h3 {
184         margin: 0.5em 0;
185         font-size: 120%;
186         font-weight: normal;
187         text-decoration: underline;
188 }
189
190 #maincontent p {
191         margin-bottom: 1em;
192 }
193
194 textarea#syslog {
195         width: 98%;
196         min-height: 500px;
197         border: 3px solid #cccccc;
198         padding: 5px;
199         font-family: monospace;
200 }
201
202 .cbi-section {
203         margin-bottom: 0.5em;
204         padding: 0.5em 1em;
205         border: 1px dotted #555555;
206         background-color: #f2f3f9;
207 }
208
209 .cbi-section legend {
210         font-size: 110%;
211         font-weight: bold;
212         height: 1em;
213         padding: 0 0.25em;
214         color: #555555;
215 }
216
217 .cbi-section h2 {
218         margin: 0em 0 0.5em -0.5em !important;
219 }
220
221 .cbi-section h3 {
222         height: 1.5em;
223         font-size: 90%;
224         color: #555555;
225 }
226
227 .cbi-section-descr {
228         margin-bottom: 0.5em;
229         font-size: 95%;
230 }
231
232 .cbi-title-ref {
233         color: inherit;
234         text-decoration: none;
235         padding-right: 18px;
236         background: url('../resources/cbi/link.gif') no-repeat scroll right center;
237         background-color: inherit;
238 }
239
240 input[type=submit],
241 input[type=reset],
242 input[type=image],
243 label {
244         cursor: pointer;
245 }
246
247 select,
248 input,
249 textarea {
250         background: #eeeeee;
251         color: #000000;
252         border-width: 1px;
253         border-color: #000000;
254 }
255
256 input[type=image] {
257         border: none;
258 }
259
260
261 input:focus,
262 input:hover,
263 select:focus,
264 select:hover,
265 textarea:focus,
266 textarea:hover {
267         background-color: #f2f3f9;
268 }
269
270 select,
271 input[type=text],
272 input[type=password] {
273         width: 20em;
274 }
275
276 td select,
277 td input[type=text],
278 td input[type=password] {
279         width: 99%;
280 }
281
282 input.cbi-input-user {
283         background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
284         background-color: inherit;
285         padding-left: 17px;
286 }
287
288 input.cbi-input-password {
289         background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
290         background-color: inherit;
291         padding-left: 17px;
292 }
293
294 input.cbi-input-find {
295         background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
296         background-color: inherit;
297         padding-left: 17px;
298 }
299
300 input.cbi-input-reload {
301         background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
302         background-color: inherit;
303         padding-left: 17px;
304 }
305
306 input.cbi-input-add,
307 input.cbi-button-add {
308         background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
309         background-color: inherit;
310         padding-left: 17px;
311         padding-right: 1px;
312 }
313
314 input.cbi-input-fieldadd,
315 input.cbi-button-fieldadd {
316         background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
317         background-color: inherit;
318         padding-left: 17px;
319         padding-right: 1px;
320 }
321
322 input.cbi-input-reset,
323 input.cbi-button-reset {
324         background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
325         background-color: inherit;
326         padding-left: 17px;
327         padding-right: 1px;
328 }
329
330 input.cbi-input-save,
331 input.cbi-button-save {
332         background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
333         background-color: inherit;
334         padding-left: 17px;
335         padding-right: 1px;
336 }
337
338 input.cbi-input-apply,
339 input.cbi-button-apply {
340         background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
341         background-color: inherit;
342         padding-left: 17px;
343         padding-right: 1px;
344 }
345
346 input.cbi-input-remove,
347 div.cbi-section-remove input {
348         background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
349         background-color: inherit;
350         padding-left: 17px;
351         padding-right: 1px;
352 }
353
354 div.cbi-section-remove input {
355         border-bottom: none;
356 }
357
358 textarea {
359         margin-left: -1px;
360         margin-bottom: 0.5em;
361 }
362
363 form > div > input[type=submit],
364 form > div > input[type=reset] {
365         float: right;
366         margin-left: 0.5em;
367 }
368
369 table.smalltext {
370         background: #f5f5f5;
371         border-top: 1px solid #666666;
372         border-right: 1px solid #666666;
373         border-bottom: 1px solid #666666;
374         font-size: 90%;
375         width: 80%;
376         margin-left: auto;
377         margin-right: auto;
378         border-collapse: collapse;
379 }
380
381 table.smalltext tr:hover td {
382         background-color: #bbddee;
383 }
384
385 table.smalltext tr th {
386         padding: 0 0.25em;
387         border-left: 1px solid #666666;
388         text-align: left;
389 }
390
391 table.smalltext tr td {
392         padding: 0 0.25em;
393         border-top: 1px solid #666666;
394         border-left: 1px solid #666666;
395 }
396
397 .cbi-rowstyle-1 {
398         background-color: #eeeeff;
399 }
400
401 .cbi-rowstyle-2 {
402
403 }
404
405 div.cbi-value {
406         clear: left;
407         vertical-align: middle;
408         padding-left: 0.25em;
409         border-bottom: 1px dotted #bbbbbb;
410 }
411
412 div.cbi-value:hover {
413         background: #f8f8f8;
414 }
415
416 div.cbi-value:last-child {
417         border: none;
418 }
419
420 .cbi-value-title {
421         float: left;
422         width: 40%;
423 }
424
425 div.cbi-value-field {
426         width: 58%;
427         margin: 0.25em 0 0.25em 40%;
428 }
429
430 div.cbi-value-description {
431         font-size: 90%;
432 }
433
434 div.cbi-section-create {
435         clear: left;
436         white-space: nowrap;
437 }
438
439 div.cbi-map-descr {
440         margin-bottom: 1em;
441 }
442
443 div.cbi-optionals {
444         margin: 0.5em 0;
445         padding: 0 0.25em;
446 }
447
448 div.cbi-section-remove {
449         float: right;
450 }
451
452 .cbi-section-node {
453         clear: both;
454         border: 1px dotted #bbbbbb;
455         padding-bottom: 0;
456 }
457
458 .cbi-section-node div.cbi-section-table-row {
459         margin: 0.25em;
460 }
461
462 table.cbi-section-table {
463         width: 100%;
464         font-size: 95%;
465 }
466
467 table.cbi-section-table th,
468 table.cbi-section-table td {
469         text-align: center;
470 }
471
472 tr.cbi-section-table-descr th {
473         font-weight: normal;
474         font-size: 90%;
475 }
476
477 td.cbi-section-table-optionals {
478         text-align: left !important;
479         padding-top: 1em;
480 }
481
482 .cbi-value-helpicon img {
483         vertical-align: bottom;
484 }
485
486 div.cbi-error {
487         font-size: 95%;
488         font-weight: bold;
489         color: #FF0000;
490 }
491
492 td.cbi-value-error {
493         border-color: red !important;
494 }
495
496 .cbi-value-error input,
497 .cbi-value-error select {
498         color: red !important;
499         background-color: #FFCCCC;
500 }
501
502 .cbi-section-error {
503         color: red;
504         font-size: 95%;
505         border: 1px dotted red;
506         margin: 3px;
507         padding: 3px;
508 }
509
510 ul.cbi-apply {
511         font-size: 90%;
512 }
513
514 .right {
515         text-align: right;
516 }
517
518 .luci {
519         position: fixed;
520         bottom: 0;
521         left: 0;
522         text-align: right;
523 }
524
525 .luci a {
526         color: #666666;
527         text-decoration: none;
528         font-size: 70%;
529 }
530
531 .inline {
532         display: inline;
533 }
534
535 .error500 {
536         white-space: normal;
537         border: 1px dotted #FF0000;
538         background-color: #FFFFFF;
539         padding: 0.5em;
540 }
541
542 /* obligatory IE6 Voodoo Code */
543 * html body {
544         padding-left: 50% !important;
545 }
546
547 * html div#header {
548         margin-left: -100% !important;
549 }
550
551 * html div.menubar {
552         margin-left: -100% !important;
553         width: 200% !important;
554 }
555
556 * html div#maincontent {
557         margin-left: -80% !important;
558         width: 160% !important;
559 }
560
561 * html div.mainmenu div.hover ul,
562 * html div.mainmenu div li.hover ul,
563 * html div.mainmenu div li li.hover ul,
564 * html div.mainmenu div li li li.hover ul,
565 * html div.mainmenu div li li li li.hover ul {
566         display: block !important;
567         margin-left: 3em;
568 }
569
570 * html div.mainmenu div.hover ul {
571         margin-left: 0;
572 }
573
574 * html div.mainmenu .hover ul ul,
575 * html div.mainmenu .hover ul ul ul,
576 * html div.mainmenu .hover ul ul ul ul,
577 * html div.mainmenu .hover ul ul ul ul ul {
578         display: none !important;
579 }
580
581 * html div.mainmenu li {
582         height: 1em !important;
583         width: 10em !important;
584 }
585
586 * html .mainmenu {
587         height: 1.8em;
588 }
589
590 * html div.cbi-value-description {
591         margin-left: 40%;
592 }