12 background-color: #fff;
\r
13 background-image: url(bg.jpg);
\r
14 background-position: bottom center;
\r
15 background-repeat: repeat-x;
\r
16 font-family: Verdana, Arial, sans-serif;
\r
19 padding-bottom: 1.5em;
\r
30 font-variant: normal;
\r
35 border-bottom: 1px dotted;
\r
40 a:visited abbr[title],
\r
41 a:link acronym[title],
\r
42 a:visited acronym[title] {
\r
47 font-family: monospace;
\r
57 background-color: white;
\r
59 text-decoration: blink;
\r
80 background-color: white;
\r
85 background-image: url(header.jpg);
\r
86 background-repeat: no-repeat;
\r
87 background-position: left bottom;
\r
88 background-color: #FFFFFF;
\r
95 padding: 1em 1em 0 1em;
\r
99 padding: 0 1em 1em 1em;
\r
105 font-weight: normal;
\r
118 html>body ul.dropdowns {
\r
119 position: relative;
\r
131 position: relative;
\r
132 white-space: nowrap;
\r
135 ul.dropdowns li ul {
\r
136 position: absolute;
\r
142 ul.dropdowns li li {
\r
144 position: relative;
\r
147 ul.dropdowns li a {
\r
151 ul.dropdowns ul li ul {
\r
155 ul.dropdowns li ul,
\r
156 ul.dropdowns li.over ul ul,
\r
157 ul.dropdowns li.focus ul ul,
\r
158 ul.dropdowns li:hover ul ul,
\r
159 ul.dropdowns li.over ul ul ul,
\r
160 ul.dropdowns li.focus ul ul ul,
\r
161 ul.dropdowns li:hover ul ul ul,
\r
162 ul.dropdowns li.over ul ul ul ul,
\r
163 ul.dropdowns li.focus ul ul ul ul,
\r
164 ul.dropdowns li:hover ul ul ul ul {
\r
168 ul.dropdowns li.over ul,
\r
169 ul.dropdowns li.focus ul,
\r
170 ul.dropdowns li:hover ul {
\r
174 ul.dropdowns ul li.over ul,
\r
175 ul.dropdowns ul li.focus ul,
\r
176 ul.dropdowns ul li:hover ul,
\r
177 ul.dropdowns ul ul li.over ul,
\r
178 ul.dropdowns ul ul li.focus ul,
\r
179 ul.dropdowns ul ul li:hover ul,
\r
180 ul.dropdowns ul ul ul li.over ul,
\r
181 ul.dropdowns ul ul ul li.focus ul,
\r
182 ul.dropdowns ul ul ul li:hover ul {
\r
187 position: relative;
\r
193 #menubar .warning {
\r
195 background-color: #FFF;
\r
198 #menubar ul.dropdowns {
\r
204 #menubar ul.dropdowns li ul {
\r
207 border-width: 0 1px 1px 1px;
\r
208 border-style: dashed;
\r
209 border-color: #5a5a5a;
\r
212 #menubar ul.dropdowns ul li ul {
\r
216 html #menubar a:link,
\r
217 html #menubar a:visited {
\r
218 position: relative;
\r
223 text-decoration: none;
\r
225 font-weight: normal;
\r
229 html #menubar a:link:hover,
\r
230 html #menubar a:visited:hover,
\r
231 html #menubar a:link:active,
\r
232 html #menubar a:visited:active,
\r
233 #menubar a:link:focus,
\r
234 #menubar a:visited:focus {
\r
235 background: #F2F2F2;
\r
239 html #menubar a:link.active,
\r
240 html #menubar a:visited.active,
\r
241 html #menubar a:link.preactive,
\r
242 html #menubar a:visited.preactive {
\r
247 html #menubar a:link.warning,
\r
248 html #menubar a:visited.warning {
\r
252 text-decoration: blink;
\r
255 #menubar ul.dropdowns li.over>a,
\r
256 #menubar ul.dropdowns li.focus>a,
\r
257 #menubar ul.dropdowns li:hover>a {
\r
260 .lang_de #submenu_mini_system { min-width: 13.3em; }
\r
261 * html .lang_de #submenu_mini_system { width: 13.3em; }
\r
263 .lang_pt-br #submenu_mini_network { min-width: 14em; }
\r
264 * html .lang_pt-br #submenu_mini_network { width: 14em; }
\r
266 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
\r
267 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
\r
269 .lang_ru #submenu_mini_system { min-width: 18em; }
\r
270 * html .lang_ru #submenu_mini_system { width: 18em; }
\r
272 .lang_pt-br #submenu_admin_index { min-width: 11em; }
\r
273 * html .lang_pt-br #submenu_admin_index { width: 11em; }
\r
275 .lang_ru #submenu_admin_index { min-width: 15.5em; }
\r
276 * html .lang_ru #submenu_admin_index { width: 15.5em; }
\r
278 .lang_ru #submenu_admin_status { min-width: 10.5em; }
\r
279 * html .lang_ru #submenu_admin_status { width: 10.5em; }
\r
281 .lang_de #submenu_admin_system { min-width: 13.3em; }
\r
282 * html .lang_de #submenu_admin_system { width: 13.3em; }
\r
284 .lang_fr #submenu_admin_system { min-width: 14.5em; }
\r
285 * html .lang_fr #submenu_admin_system { width: 14.5em; }
\r
287 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
\r
288 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
\r
290 .lang_ru #submenu_admin_system { min-width: 18em; }
\r
291 * html .lang_ru #submenu_admin_system { width: 18em; }
\r
293 #submenu_admin_services_chillispot { min-width: 15.5em; }
\r
294 * html #submenu_admin_services_chillispot { width: 15.5em; }
\r
296 #submenu_admin_services_coovachilli { min-width: 15em; }
\r
297 * html #submenu_admin_services_coovachilli { width: 15em; }
\r
299 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
\r
300 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
\r
302 #submenu_admin_network_firewall { min-width: 14em; }
\r
303 * html #submenu_admin_network_firewall { width: 14em; }
\r
305 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
\r
306 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
\r
308 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
\r
309 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
\r
313 background: #000000;
\r
329 .lang_de #submenu_admin_uci {
\r
333 .lang_ru #submenu_admin_uci {
\r
340 border: 3px solid #cccccc;
\r
342 font-family: monospace;
\r
352 background-color: #fff;
\r
353 background-image: url(bg.jpg);
\r
354 background-repeat: repeat-x;
\r
355 background-position: center bottom;
\r
356 border: 1px dashed #CCCCCC;
\r
361 font-family: "Trebuchet MS", Verdana, sans-serif;
\r
363 margin: 0.25em 0 0.7em 0;
\r
364 border-bottom: 1px solid;
\r
366 padding-bottom: 4px;
\r
371 margin: 0.5em 0 1.1em 0;
\r
374 font-style: italic;
\r
375 font-family: "Trebuchet MS", Verdana, sans-serif;
\r
380 margin-bottom: 1em;
\r
384 margin-bottom: 0.5em;
\r
385 padding: 0.5em 1em;
\r
386 border: 1px dotted #555555;
\r
387 background-color: #ffffff;
\r
391 .cbi-section legend {
\r
396 background-color: transparent;
\r
401 margin: 0em 0 0.5em -0.5em !important;
\r
405 text-decoration: none !important;
\r
406 font-weight: bold !important;
\r
407 color: #555555 !important;
\r
408 margin: 0.25em !important;
\r
409 font-size: 100% !important;
\r
412 .cbi-section-descr {
\r
413 margin-bottom: 0.5em;
\r
419 text-decoration: none;
\r
420 padding-right: 18px;
\r
421 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
\r
422 background-color: inherit;
\r
431 margin-left: 0 !important;
\r
432 margin-bottom: -1px;
\r
433 list-style-type: none;
\r
436 ul.cbi-tabmenu li.cbi-tab,
\r
437 ul.cbi-tabmenu li.cbi-tab-disabled {
\r
442 ul.cbi-tabmenu li.cbi-tab a,
\r
443 ul.cbi-tabmenu li.cbi-tab-disabled a {
\r
444 text-decoration: none;
\r
447 border: 1px outset #000;
\r
448 border-bottom: none;
\r
449 background-color: #eee;
\r
453 ul.cbi-tabmenu li.cbi-tab-highlighted a {
\r
455 background-color: #FFEEAA;
\r
458 ul.cbi-tabmenu li a:hover {
\r
462 ul.cbi-tabmenu li.cbi-tab a {
\r
463 position: relative;
\r
467 background-color: #fff;
\r
470 div.cbi-tab-descr {
\r
471 background-image: url(/luci-static/resources/cbi/help.gif);
\r
472 background-position: 0.25em 50%;
\r
473 background-repeat: no-repeat;
\r
474 border-bottom: 1px solid #ccc;
\r
475 margin: 0.25em 0.25em 2em;
\r
476 padding: 0.5em 0.5em 0.5em 2em;
\r
480 input[type=submit],
\r
482 input[type=image] {
\r
490 background: #eeeeee;
\r
495 input[type=image] {
\r
505 background-color: #ffffff;
\r
511 input[type=password] {
\r
516 td input[type=text],
\r
517 td input[type=password] {
\r
521 img.cbi-image-button {
\r
524 vertical-align: middle;
\r
527 input.cbi-input-user {
\r
528 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
\r
529 background-color: inherit;
\r
534 input.cbi-input-password {
\r
535 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
\r
536 background-color: inherit;
\r
541 input.cbi-input-find {
\r
542 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
\r
543 background-color: inherit;
\r
545 padding-left: 17px;
\r
548 input.cbi-input-reload {
\r
549 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
\r
550 background-color: inherit;
\r
552 padding-left: 17px;
\r
555 input.cbi-input-add,
\r
556 input.cbi-button-add {
\r
557 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
\r
558 background-color: inherit;
\r
560 padding-left: 17px;
\r
561 padding-right: 1px;
\r
562 border: 1px solid #FFF;
\r
565 input.cbi-input-fieldadd,
\r
566 input.cbi-button-fieldadd {
\r
567 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
\r
568 background-color: inherit;
\r
570 padding-left: 17px;
\r
571 padding-right: 1px;
\r
574 input.cbi-input-reset,
\r
575 input.cbi-button-reset {
\r
576 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
\r
577 background-color: inherit;
\r
579 padding-left: 17px;
\r
580 padding-right: 1px;
\r
584 input.cbi-input-save,
\r
585 input.cbi-button-save {
\r
586 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
\r
587 background-color: inherit;
\r
589 padding-left: 17px;
\r
590 padding-right: 1px;
\r
594 input.cbi-input-apply,
\r
595 input.cbi-button-apply {
\r
596 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
\r
597 background-color: inherit;
\r
599 padding-left: 17px;
\r
600 padding-right: 1px;
\r
604 input.cbi-input-remove,
\r
605 div.cbi-section-remove input {
\r
606 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
\r
607 background-color: inherit;
\r
609 padding-left: 17px;
\r
610 padding-right: 1px;
\r
611 border: 1px solid #fff;
\r
614 .cbi-input-invalid {
\r
615 background-image: url('../resources/cbi/reset.gif');
\r
616 background-repeat: no-repeat;
\r
617 background-position: right;
\r
618 color: #FF0000 !important;
\r
619 border-color: #FF0000;
\r
622 div.cbi-section-remove input {
\r
623 border-bottom: none;
\r
628 margin-bottom: 0.5em;
\r
631 form > div > input[type=submit],
\r
632 form > div > input[type=reset] {
\r
634 margin-left: 0.5em;
\r
643 background: #f5f5f5;
\r
645 border-top: 1px solid #666666;
\r
646 border-right: 1px solid #666666;
\r
647 border-bottom: 1px solid #666666;
\r
651 margin-right: auto;
\r
652 border-collapse: collapse;
\r
655 table.smalltext tr:hover td {
\r
656 background-color: #bbddee;
\r
660 table.smalltext tr th {
\r
662 border-left: 1px solid #666666;
\r
666 table.smalltext tr td {
\r
668 border-top: 1px solid #666666;
\r
669 border-left: 1px solid #666666;
\r
672 table.cbi-section-table .cbi-rowstyle-1,
\r
673 table.cbi-section-table .cbi-rowstyle-1 * {
\r
674 background-color: #f1f6fa;
\r
678 .cbi-section .cbi-rowstyle-1 h3 {
\r
679 background-color: #f1f6fa;
\r
689 vertical-align: middle;
\r
690 padding-left: 0.25em;
\r
691 border-bottom: 1px dashed #bbbbbb;
\r
694 div.cbi-value:hover {
\r
695 background: #f8f8f8;
\r
702 line-height: 1.8em;
\r
705 div.cbi-value-field {
\r
711 div.cbi-value-description {
\r
716 div.cbi-section-create {
\r
718 white-space: nowrap;
\r
719 vertical-align: top;
\r
722 div.cbi-tblsection-create {
\r
723 border-bottom: 1px dotted #bbbbbb;
\r
726 div.cbi-section-create .cbi-button {
\r
730 input.cbi-section-create-name {
\r
732 margin-right: -0.25em;
\r
733 border-top-width: 1px;
\r
734 border-right-width: 1px;
\r
735 border-bottom-width: 1px;
\r
736 border-left-width: 1px;
\r
737 border-top-color: #999999;
\r
738 border-right-color: #999999;
\r
739 border-bottom-color: #999999;
\r
740 border-left-color: #999999;
\r
743 div.cbi-map-descr {
\r
744 margin-bottom: 1em;
\r
747 div.cbi-optionals {
\r
749 border-bottom: 1px dotted #bbbbbb;
\r
752 div.cbi-section-remove {
\r
756 .cbi-section-node {
\r
758 border-top: 1px dotted #bbbbbb;
\r
759 border-left: 1px dotted #bbbbbb;
\r
760 border-right: 1px dotted #bbbbbb;
\r
761 border-bottom: none;
\r
765 .cbi-section-node table div {
\r
767 border-bottom: none;
\r
770 .cbi-section-node div.cbi-section-table-row {
\r
774 table.cbi-section-table {
\r
779 table.cbi-section-table th,
\r
780 table.cbi-section-table td {
\r
781 text-align: center;
\r
784 tr.cbi-section-table-descr th {
\r
785 font-weight: normal;
\r
789 td.cbi-section-table-optionals {
\r
790 text-align: left !important;
\r
794 .cbi-value-helpicon img {
\r
795 vertical-align: bottom;
\r
802 background-color: #ffffff;
\r
805 td.cbi-value-error {
\r
809 .cbi-value-error input,
\r
810 .cbi-value-error select {
\r
812 background-color: #ffcccc;
\r
815 .cbi-section-error {
\r
817 background-color: white;
\r
819 border: 1px dotted red;
\r
825 text-align: left !important;
\r
829 text-align: right !important;
\r
841 background-color: transparent;
\r
843 text-decoration: none;
\r
852 white-space: normal;
\r
853 border: 1px dotted #ff0000;
\r
854 background-color: #ffffff;
\r