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