a5cebeaeee25ec562cd3d12e7840db87eec2e6a6
[project/luci.git] / themes / freifunk-generic / htdocs / luci-static / freifunk-generic / cascade.css
1 @charset "utf-8";
2
3 @media all {
4
5 html {
6         min-height: 100%;
7         height: auto;
8 }
9
10 body {
11         color: #ccc;
12         background:#e5eef5 url(bg.jpg) repeat-x top left;
13         font-family: Verdana, Arial, sans-serif;
14         font-size: 100%;
15         line-height: 100%;
16         padding-bottom: 1.5em;
17 }
18
19 html, body {
20 height: 99%;
21 }
22
23 * {
24         margin: 0;
25         padding: 0;
26 }
27
28 abbr,
29 acronym {
30         font-style: normal;
31         font-variant: normal;
32 }
33
34 abbr[title],
35 acronym[title] {
36         border-bottom: 1px dotted;
37         cursor: help;
38 }
39
40 a:link abbr[title],
41 a:visited abbr[title],
42 a:link acronym[title],
43 a:visited acronym[title] {
44         cursor: pointer;
45 }
46
47 code {
48         font-family: monospace;
49         white-space: pre;
50 }
51
52 #maincontent ul {
53         margin-left: 2em;
54 }
55
56 .warning {
57         color: red;
58         background-color: white;
59         font-weight: bold;
60         text-decoration: blink;
61 }
62
63 .clear {
64         clear: both;
65 }
66
67 .skiplink,
68 .navigation,
69 .hidden {
70         position: absolute;
71         left: -1000px;
72         top: -1000px;
73         width: 0px;
74         height: 0px;
75         overflow: hidden;
76         display: inline;
77 }
78
79 .error {
80         color: #f00;
81         background-color: white;
82 }
83
84 .errorbox {
85 border: 1px solid #F00;
86 background-color: #FCC;
87 padding: 5px;
88 }
89
90 #header {
91         min-height: 100px;
92         background: #FFF url(header.jpg) repeat-x left bottom;
93         color: #ccc;
94         font-weight: bold;
95         text-align:right;
96 }
97
98 #header img {
99         border: 0;
100         padding-left: 10px;
101 }
102
103 #header_left{
104 text-align:left;
105 top: 42px;
106 float:left;
107 }
108
109 #header_left a{
110 color: #dc0067;
111 font: bold 28px Helvetica;
112 text-decoration: none;
113 }
114
115 #header p {
116         padding: 0 1em 1em 1em;
117 }
118
119 #header h1,
120 #header p {
121         font-size: 70%;
122         font-weight: normal;
123         line-height: 160%;
124         text-align: right;
125 }
126
127 ul.dropdowns {
128         float: left;
129         margin: 0;
130         padding: 0;
131         width: auto;
132         list-style: none;
133 }
134
135 html>body ul.dropdowns {
136         position: relative;
137 }
138
139 ul.dropdowns li,
140 ul.dropdowns ul {
141         margin: 0;
142         padding: 0;
143         list-style: none;
144 }
145
146 ul.dropdowns li {
147         float: left;
148         position: relative;
149         white-space: nowrap;
150 }
151
152 ul.dropdowns li ul {
153         position: absolute;
154         z-index: 1000;
155         top: auto;
156         min-width: 10em;
157 }
158
159 ul.dropdowns li li {
160         float: none;
161         position: relative;
162 }
163
164 ul.dropdowns li a {
165         display: block;
166 }
167
168 ul.dropdowns ul li ul {
169         top: 0;
170 }
171
172 ul.dropdowns li ul,
173 ul.dropdowns li.over ul ul,
174 ul.dropdowns li.focus ul ul,
175 ul.dropdowns li:hover ul ul,
176 ul.dropdowns li.over ul ul ul,
177 ul.dropdowns li.focus ul ul ul,
178 ul.dropdowns li:hover ul ul ul,
179 ul.dropdowns li.over ul ul ul ul,
180 ul.dropdowns li.focus ul ul ul ul,
181 ul.dropdowns li:hover ul ul ul ul {
182         left: -3000px;
183 }
184
185 ul.dropdowns li.over ul,
186 ul.dropdowns li.focus ul,
187 ul.dropdowns li:hover ul {
188         left: 0;
189 }
190
191 ul.dropdowns ul li.over ul,
192 ul.dropdowns ul li.focus ul,
193 ul.dropdowns ul li:hover ul,
194 ul.dropdowns ul ul li.over ul,
195 ul.dropdowns ul ul li.focus ul,
196 ul.dropdowns ul ul li:hover ul,
197 ul.dropdowns ul ul ul li.over ul,
198 ul.dropdowns ul ul ul li.focus ul,
199 ul.dropdowns ul ul ul li:hover ul {
200         left: 100%;
201 }
202
203 #menubar {
204         position: relative;
205         width: 100%;
206         background: #FFF;
207         color: #004a9c;
208 }
209
210 #menubar .warning {
211         color: red;
212         background-color: #FFF;
213 }
214
215 #menubar ul.dropdowns {
216         min-height: 1.8em;
217         background: #FFF;
218         color: #004a9c;
219 }
220
221 #menubar ul.dropdowns li ul {
222         background: #FFF;
223         color: #004a9c;
224         border-width: 0 1px 1px 1px;
225         border-style: dashed;
226         border-color: #5a5a5a;
227 }
228
229 #menubar ul.dropdowns ul li ul {
230         border-width: 1px;
231 }
232
233 html #menubar a:link,
234 html #menubar a:visited {
235         position: relative;
236         display: block;
237         padding: 0.5em;
238         background: #FFF;
239         color: #004a9c;
240         text-decoration: none;
241         font-size: 80%;
242         font-weight: normal;
243 }
244
245
246 html #menubar a:link:hover,
247 html #menubar a:visited:hover,
248 html #menubar a:link:active,
249 html #menubar a:visited:active,
250 #menubar a:link:focus,
251 #menubar a:visited:focus {
252         background: #F2F2F2;
253         color: #e60076;
254 }
255
256 html #menubar a:link.active,
257 html #menubar a:visited.active,
258 html #menubar a:link.preactive,
259 html #menubar a:visited.preactive {
260         background: #FFF;
261         color: #e60076;
262 }
263
264 html #menubar a:link.warning,
265 html #menubar a:visited.warning {
266         background: #FFF;
267         color: red;
268         font-weight: bold;
269         text-decoration: blink;
270 }
271
272 #menubar ul.dropdowns li.over>a,
273 #menubar ul.dropdowns li.focus>a,
274 #menubar ul.dropdowns li:hover>a {
275 }
276
277 .lang_de #submenu_mini_system { min-width: 13.3em; }
278 * html .lang_de #submenu_mini_system { width: 13.3em; }
279
280 .lang_pt-br #submenu_mini_network { min-width: 14em; }
281 * html .lang_pt-br #submenu_mini_network { width: 14em; }
282
283 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
284 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
285
286 .lang_ru #submenu_mini_system { min-width: 18em; }
287 * html .lang_ru #submenu_mini_system { width: 18em; }
288
289 .lang_pt-br #submenu_admin_index { min-width: 11em; }
290 * html .lang_pt-br #submenu_admin_index { width: 11em; }
291
292 .lang_ru #submenu_admin_index { min-width: 15.5em; }
293 * html .lang_ru #submenu_admin_index { width: 15.5em; }
294
295 .lang_ru #submenu_admin_status { min-width: 10.5em; }
296 * html .lang_ru #submenu_admin_status { width: 10.5em; }
297
298 .lang_de #submenu_admin_system { min-width: 13.3em; }
299 * html .lang_de #submenu_admin_system { width: 13.3em; }
300
301 .lang_fr #submenu_admin_system { min-width: 14.5em; }
302 * html .lang_fr #submenu_admin_system { width: 14.5em; }
303
304 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
305 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
306
307 .lang_ru #submenu_admin_system { min-width: 18em; }
308 * html .lang_ru #submenu_admin_system { width: 18em; }
309
310 #submenu_admin_services_chillispot { min-width: 15.5em; }
311 * html #submenu_admin_services_chillispot { width: 15.5em; }
312
313 #submenu_admin_services_coovachilli { min-width: 15em; }
314 * html #submenu_admin_services_coovachilli { width: 15em; }
315
316 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
317 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
318
319 #submenu_admin_network_firewall { min-width: 14em; }
320 * html #submenu_admin_network_firewall { width: 14em; }
321
322 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
323 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
324
325 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
326 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
327
328 #modemenu {
329         width: auto;
330         background: #000;
331         color: #fff;
332         list-style: none;
333         margin-right: 1px;
334 }
335
336 #modemenu li {
337         float: right;
338         list-style: none;
339 }
340
341 #savemenu {
342         float: right;
343         margin-right: 2em;
344 }
345
346 .lang_de #submenu_admin_uci {
347         width: 12em;
348 }
349
350 .lang_ru #submenu_admin_uci {
351         width: 11.5em;
352 }
353
354 textarea#syslog {
355         width: 98%;
356         min-height: 500px;
357         border: 3px solid #ccc;
358         padding: 5px;
359         font-family: monospace;
360 }
361
362 #maincontent {
363         clear: both;
364         width: 80%;
365         margin: 0 auto;
366         margin-top: 2em;
367         padding: 0.5em;
368         color: #000;
369         font-size: 80%;
370         background: #fff url(bg.jpg) repeat-x center bottom;
371         border: 1px dashed #ccc;
372 }
373
374 #maincontent h2 {
375         font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
376         margin: 0.25em 0 0.7em 0;
377         border-bottom: 1px solid;
378         padding: 10px 0 4px 0;
379         color: #404040;
380 }
381
382 #maincontent h3 {
383         margin: 0.5em 0 1.1em 0;
384         font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
385         color: #404040;
386 }
387
388 #maincontent p {
389         margin-bottom: 1em;
390 }
391
392 .cbi-section {
393         margin-bottom: 0.5em;
394         padding: 0.5em 1em;
395         border: 1px dotted #555;
396         background-color: #fff;
397         color: #000;
398 }
399
400 .cbi-section legend {
401         font-size: 110%;
402         font-weight: bold;
403         height: 1em;
404         padding: 0 0.25em;
405         background-color: transparent;
406         color: #404040 ;
407 }
408
409 .cbi-section h2 {
410         margin: 0em 0 0.5em -0.5em !important;
411 }
412
413 .cbi-section h3 {
414         text-decoration: none !important;
415         font-weight: bold !important;
416         color: #555 !important;
417         margin: 0.25em !important;
418         font-size: 100% !important;
419 }
420
421 .cbi-section-descr {
422         margin-bottom: 0.5em;
423         font-size: 95%;
424 }
425
426 .cbi-title-ref {
427         color: inherit;
428         text-decoration: none;
429         padding-right: 18px;
430         background: url('../resources/cbi/link.gif') no-repeat scroll right center;
431         background-color: inherit;
432 }
433
434 ul.cbi-apply {
435         font-size: 90%;
436 }
437
438 ul.cbi-tabmenu {
439         padding: 3px 0;
440         margin-left: 0 !important;
441         margin-bottom: -1px;
442         list-style-type: none;
443 }
444
445 ul.cbi-tabmenu li.cbi-tab,
446 ul.cbi-tabmenu li.cbi-tab-disabled {
447         display: inline;
448         margin: 0;
449 }
450
451 ul.cbi-tabmenu li.cbi-tab a,
452 ul.cbi-tabmenu li.cbi-tab-disabled a {
453         text-decoration: none;
454         padding: 3px 7px;
455         margin-right: 3px;
456         border: 1px outset #000;
457         border-bottom: none;
458         background-color: #eee;
459         color: #bbb;
460 }
461
462 ul.cbi-tabmenu li.cbi-tab-highlighted a {
463         color: #000;
464         background-color: #FFEEAA;
465 }
466
467 ul.cbi-tabmenu li a:hover {
468         color: #000;
469 }
470
471 ul.cbi-tabmenu li.cbi-tab a {
472         position: relative;
473         top: 1px;
474         padding-top: 4px;
475         color: #000;
476         background-color: #fff;
477 }
478
479 div.cbi-tab-descr {
480         background-image: url(/luci-static/resources/cbi/help.gif);
481         background-position: 0.25em 50%;
482         background-repeat: no-repeat;
483         border-bottom: 1px solid #ccc;
484         margin: 0.25em 0.25em 2em;
485         padding: 0.5em 0.5em 0.5em 2em;
486 }
487
488
489 input[type=submit],
490 input[type=reset],
491 input[type=image],
492 input[type=button] {
493         cursor: pointer;
494 }
495
496
497 select,
498 input,
499 textarea {
500         background: #fff;
501         color: #000;
502         border: 1px solid #ccc;
503 }
504
505 input[type=image] {
506         border: none;
507 }
508
509 input:focus,
510 input:hover,
511 select:focus,
512 select:hover,
513 textarea:focus,
514 textarea:hover {
515         background-color: #fff;
516         color: #000;
517 }
518
519 select,
520 input[type=text],
521 input[type=password] {
522         width: 20em;
523 }
524
525 td select,
526 td input[type=text],
527 td input[type=password] {
528         width: 99%;
529 }
530
531 input.cbi-input-user {
532         background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
533         background-color: inherit;
534         color: #000;
535         text-indent: 17px;
536 }
537
538 input.cbi-input-password {
539         background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
540         background-color: inherit;
541         color: #000;
542         text-indent: 17px;
543 }
544
545 input.cbi-input-find {
546         background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
547         background-color: inherit;
548         color: #000;
549         padding-left: 17px;
550 }
551
552 input.cbi-input-reload {
553         background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
554         background-color: inherit;
555         color: #000;
556         padding-left: 17px;
557 }
558
559 input.cbi-button{
560         margin-top: 1.3em;
561 }
562
563 input.cbi-input-add,
564 input.cbi-button-add {
565         background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
566         background-color: inherit;
567         color: #000;
568         padding-left: 17px;
569         padding-right: 1px;
570         border: 1px solid #FFF; 
571 }
572
573 input.cbi-input-fieldadd,
574 input.cbi-button-fieldadd {
575         background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
576         background-color: inherit;
577         color: #000;
578         padding-left: 17px;
579         padding-right: 1px;
580 }
581
582 input.cbi-input-reset,
583 input.cbi-button-reset {
584         background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
585         background-color: inherit;
586         color: #000;
587         padding-left: 17px;
588         padding-right: 1px;
589         border: none;
590 }
591
592 input.cbi-input-save,
593 input.cbi-button-save {
594         background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
595         background-color: inherit;
596         color: #000;
597         padding-left: 17px;
598         padding-right: 1px;
599         border: none;   
600 }
601
602 input.cbi-input-apply,
603 input.cbi-button-apply {
604         background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
605         background-color: inherit; 
606         color: #000; 
607         padding-left: 17px; 
608         padding-right: 1px; 
609
610
611 input.cbi-input-link, 
612         input.cbi-button-link { 
613         background: url('../resources/cbi/link.gif') no-repeat scroll 1px center; 
614         background-color: inherit;
615         color: #000;    
616         padding-left: 17px;
617         padding-right: 1px;
618         border: none;   
619 }
620
621 input.cbi-input-remove,
622 div.cbi-section-remove input {
623         background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
624         background-color: inherit;
625         color: #000;
626         padding-left: 17px;
627         padding-right: 1px;
628                 border: 1px solid #fff;
629 }
630
631 div.cbi-section-remove input {
632         border-bottom: none;
633 }
634
635 textarea {
636         margin-left: -1px;
637         margin-bottom: 0.5em;
638 }
639
640 form > div > input[type=submit],
641 form > div > input[type=reset] {
642         float: right;
643         margin-left: 0.5em;
644 }
645
646 table td,
647 table th {
648         color: #000;
649 }
650
651 table.smalltext {
652         background: #f5f5f5;
653         color: #000;
654         border: 1px solid #666;
655         font-size: 90%;
656         width: 80%;
657         margin-left: auto;
658         margin-right: auto;
659         border-collapse: collapse;
660 }
661
662 table.smalltext tr:hover td {
663         background-color: #bbddee;
664         color: #000;
665 }
666
667 table.smalltext tr th {
668         padding: 0 0.25em;
669         border-left: 1px dotted #666;
670         text-align: left;
671 }
672
673 table.smalltext tr td {
674         padding: 0.2em;
675         border-top: 1px dotted #666;
676         border-left: 1px dotted #666;
677 }
678
679 table.cbi-section-table .cbi-rowstyle-1,
680 table.cbi-section-table .cbi-rowstyle-1 * {
681         background-color: #f1f6fa;
682         color: #000;
683 }
684
685 .cbi-section .cbi-rowstyle-1 h3 {
686         background-color: #f1f6fa;
687         color: #555;
688 }
689
690 .cbi-rowstyle-2 {
691         color: #000;
692 }
693
694 div.cbi-value {
695         clear: left;
696         vertical-align: middle;
697         padding-left: 0.25em;
698         border-bottom: 1px dashed #bbb;
699 }
700
701 div.cbi-value:hover {
702         background: #f8f8f8;
703         color: #000;
704 }
705
706 .cbi-value-title {
707         float: left;
708         width: 40%;
709         line-height: 1.8em;
710 }
711
712 div.cbi-value-field {
713         width: 58%;
714         margin-left: 40%;
715         padding: 0.25em 0;
716 }
717
718 div.cbi-value-description {
719         font-size: 90%;
720         display: inline;
721 }
722
723 div.cbi-section-create {
724         clear: left;
725         white-space: nowrap;
726         vertical-align: top;
727 }
728
729 div.cbi-tblsection-create {
730         border-bottom: 1px dotted #bbb;
731 }
732
733 div.cbi-section-create .cbi-button {
734         margin: 0.25em;
735 }
736
737 input.cbi-section-create-name {
738         margin-right: -0.25em;
739         border-top-width: 1px;
740         border-right-width: 1px;
741         border-bottom-width: 1px;
742         border-left-width: 1px;
743         border-top-color: #999;
744         border-right-color: #999;
745         border-bottom-color: #999;
746         border-left-color: #999;
747 }
748
749 div.cbi-map-descr {
750         margin-bottom: 1em;
751 }
752
753 div.cbi-optionals {
754         padding: 0.25em;
755         border-bottom: 1px dotted #bbb;
756 }
757
758 div.cbi-section-remove {
759         float: right;
760 }
761
762 .cbi-section-node {
763         clear: both;
764         border-top: 1px dotted #bbb;
765         border-left: 1px dotted #bbb;
766         border-right: 1px dotted #bbb;
767         border-bottom: none;
768         padding-bottom: 0;
769 }
770
771 .cbi-section-node table div {
772         padding-bottom: 0;
773         border-bottom: none;
774 }
775
776 .cbi-section-node div.cbi-section-table-row {
777         margin: 0.25em;
778 }
779
780 table.cbi-section-table {
781         width: 100%;
782         font-size: 95%;
783 }
784
785 table.cbi-section-table th,
786 table.cbi-section-table td {
787         text-align: center;
788 }
789
790 tr.cbi-section-table-descr th {
791         font-weight: normal;
792         font-size: 90%;
793 }
794
795 td.cbi-section-table-optionals {
796         text-align: left !important;
797         padding-top: 1em;
798 }
799
800 .cbi-value-helpicon img {
801         vertical-align: bottom;
802 }
803
804 div.cbi-error {
805         font-size: 95%;
806         font-weight: bold;
807         color: #f00;
808         background-color: #fff;
809 }
810
811 td.cbi-value-error {
812         border-color: red;
813 }
814
815 .cbi-value-error input,
816 .cbi-value-error select {
817         color: red;
818         background-color: #fcc;
819 }
820
821 .cbi-section-error {
822         color: red;
823         background-color: white;
824         font-size: 95%;
825         border: 1px dotted red;
826         margin: 3px;
827         padding: 3px;
828 }
829
830 .right {
831         text-align: right;
832 }
833
834 .footer, .push {
835 height: 2em;
836 }
837
838 .footer {
839 width: 99%;
840 padding: 0.3em;
841 }
842
843 .wrapper {
844 min-height: 100%;
845 height: auto !important;
846 height: 100%;
847 margin: 0 auto -2em;
848 }
849
850 .luci a:link,
851 .luci a:visited,
852 .exectime {
853         color: #666;
854         text-decoration: none;
855         font-size: 70%;
856 }
857
858 .inline {
859         display: inline;
860 }
861
862 .error500 {
863         white-space: normal;
864         border: 1px dotted #f00;
865         background-color: #fff;
866         color: #000;
867         padding: 0.5em;
868 }
869 }