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