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