12 background:#e5eef5 url(bg.jpg) repeat-x top left;
13 font-family: Verdana, Arial, sans-serif;
16 padding-bottom: 1.5em;
36 border-bottom: 1px dotted;
41 a:visited abbr[title],
42 a:link acronym[title],
43 a:visited acronym[title] {
48 font-family: monospace;
58 background-color: white;
60 text-decoration: blink;
85 background-color: white;
89 border: 1px solid #F00;
90 background-color: #FCC;
94 #header {height: auto;
95 background: #FFF url(header.jpg) repeat-x left bottom;
102 padding: 10px 10px 0px 10px;
121 font: bold 36px Helvetica;
122 text-decoration: none;
125 .header_left .spacer {
150 html>body ul.dropdowns {
183 ul.dropdowns ul li ul {
188 ul.dropdowns li.over ul ul,
189 ul.dropdowns li.focus ul ul,
190 ul.dropdowns li:hover ul ul,
191 ul.dropdowns li.over ul ul ul,
192 ul.dropdowns li.focus ul ul ul,
193 ul.dropdowns li:hover ul ul ul,
194 ul.dropdowns li.over ul ul ul ul,
195 ul.dropdowns li.focus ul ul ul ul,
196 ul.dropdowns li:hover ul ul ul ul {
200 ul.dropdowns li.over ul,
201 ul.dropdowns li.focus ul,
202 ul.dropdowns li:hover ul {
206 ul.dropdowns ul li.over ul,
207 ul.dropdowns ul li.focus ul,
208 ul.dropdowns ul li:hover ul,
209 ul.dropdowns ul ul li.over ul,
210 ul.dropdowns ul ul li.focus ul,
211 ul.dropdowns ul ul li:hover ul,
212 ul.dropdowns ul ul ul li.over ul,
213 ul.dropdowns ul ul ul li.focus ul,
214 ul.dropdowns ul ul ul li:hover ul {
222 #xhr_poll_status #xhr_poll_status_off {
227 #xhr_poll_status #xhr_poll_status_on {
237 border-bottom: 1px dotted #5A5A5A;
242 background-color: #FFF;
245 #menubar ul.dropdowns {
251 #menubar ul.dropdowns li ul {
254 border-width: 0 1px 1px 1px;
255 border-style: dotted;
256 border-color: #5a5a5a;
259 #menubar ul.dropdowns ul li ul {
263 html #menubar a:link,
264 html #menubar a:visited {
270 text-decoration: none;
275 html #menubar a:link:hover,
276 html #menubar a:visited:hover,
277 html #menubar a:link:active,
278 html #menubar a:visited:active,
279 #menubar a:link:focus,
280 #menubar a:visited:focus {
285 html #menubar a:link.active,
286 html #menubar a:visited.active,
287 html #menubar a:link.preactive,
288 html #menubar a:visited.preactive {
293 html #menubar a:link.warning,
294 html #menubar a:visited.warning {
298 text-decoration: blink;
301 #menubar ul.dropdowns li.over>a,
302 #menubar ul.dropdowns li.focus>a,
303 #menubar ul.dropdowns li:hover>a {
306 .lang_de #submenu_mini_system { min-width: 13.3em; }
307 * html .lang_de #submenu_mini_system { width: 13.3em; }
309 .lang_pt-br #submenu_mini_network { min-width: 14em; }
310 * html .lang_pt-br #submenu_mini_network { width: 14em; }
312 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
313 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
315 .lang_ru #submenu_mini_system { min-width: 18em; }
316 * html .lang_ru #submenu_mini_system { width: 18em; }
318 .lang_pt-br #submenu_admin_index { min-width: 11em; }
319 * html .lang_pt-br #submenu_admin_index { width: 11em; }
321 .lang_ru #submenu_admin_index { min-width: 15.5em; }
322 * html .lang_ru #submenu_admin_index { width: 15.5em; }
324 .lang_ru #submenu_admin_status { min-width: 10.5em; }
325 * html .lang_ru #submenu_admin_status { width: 10.5em; }
327 .lang_de #submenu_admin_system { min-width: 13.3em; }
328 * html .lang_de #submenu_admin_system { width: 13.3em; }
330 .lang_fr #submenu_admin_system { min-width: 14.5em; }
331 * html .lang_fr #submenu_admin_system { width: 14.5em; }
333 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
334 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
336 .lang_ru #submenu_admin_system { min-width: 18em; }
337 * html .lang_ru #submenu_admin_system { width: 18em; }
339 #submenu_admin_services_chillispot { min-width: 15.5em; }
340 * html #submenu_admin_services_chillispot { width: 15.5em; }
342 #submenu_admin_services_coovachilli { min-width: 15em; }
343 * html #submenu_admin_services_coovachilli { width: 15em; }
345 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
346 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
348 #submenu_admin_network_firewall { min-width: 14em; }
349 * html #submenu_admin_network_firewall { width: 14em; }
351 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
352 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
354 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
355 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
375 .lang_de #submenu_admin_uci {
379 .lang_ru #submenu_admin_uci {
386 border: 3px solid #ccc;
388 font-family: monospace;
401 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
402 margin: 0.25em 0 0.7em 0;
403 border-bottom: 1px solid;
404 padding: 10px 0 4px 0;
409 margin: 0.5em 0 1.1em 0;
410 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
419 margin-bottom: 0.5em;
421 border: 1px dotted #555;
422 background-color: #fff;
426 .cbi-section legend {
430 padding: 0.5em 0.25em;
431 background-color: transparent;
436 margin: 0em 0 0.5em -0.5em !important;
440 text-decoration: none !important;
441 font-weight: bold !important;
442 color: #555 !important;
443 margin: 0.25em !important;
444 font-size: 100% !important;
448 margin-bottom: 0.5em;
454 text-decoration: none;
456 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
457 background-color: inherit;
466 margin-left: 0 !important;
468 list-style-type: none;
471 ul.cbi-tabmenu li.cbi-tab,
472 ul.cbi-tabmenu li.cbi-tab-disabled {
477 ul.cbi-tabmenu li.cbi-tab a,
478 ul.cbi-tabmenu li.cbi-tab-disabled a {
479 text-decoration: none;
482 border: 1px dotted #bbb;
484 background-color: #eee;
488 ul.cbi-tabmenu li.cbi-tab-highlighted a {
490 background-color: #FFEEAA;
493 ul.cbi-tabmenu li a:hover {
497 ul.cbi-tabmenu li.cbi-tab a {
502 background-color: #fff;
506 background-image: url(/luci-static/resources/cbi/help.gif);
507 background-position: 0.25em 50%;
508 background-repeat: no-repeat;
509 border-bottom: 1px solid #ccc;
510 margin: 0.25em 0.25em 2em;
511 padding: 0.5em 0.5em 0.5em 2em;
526 border: 1px solid #ccc;
539 background-color: #fff;
545 input[type=password] {
551 td input[type=password] {
555 img.cbi-image-button {
558 vertical-align: middle;
561 input.cbi-input-user {
562 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
563 background-color: inherit;
568 input.cbi-input-password {
569 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
570 background-color: inherit;
575 input.cbi-input-find {
576 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
577 background-color: inherit;
583 input.cbi-input-reload {
584 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
585 background-color: inherit;
596 input.cbi-button-add {
597 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
598 background-color: inherit;
602 border: 1px solid #FFF;
605 input.cbi-input-fieldadd,
606 input.cbi-button-fieldadd {
607 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
608 background-color: inherit;
614 input.cbi-input-reset,
615 input.cbi-button-reset {
616 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
617 background-color: inherit;
624 input.cbi-input-save,
625 input.cbi-button-save {
626 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
627 background-color: inherit;
634 input.cbi-input-apply,
635 input.cbi-button-apply {
636 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
637 background-color: inherit;
644 input.cbi-input-link,
645 input.cbi-button-link {
646 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
647 background-color: inherit;
654 input.cbi-input-remove,
655 div.cbi-section-remove input {
656 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
657 background-color: inherit;
661 border: 1px solid #fff;
664 input.cbi-button-up {
665 background-image: url('../resources/cbi/up.gif');
670 input.cbi-button-down {
671 background-image: url('../resources/cbi/down.gif');
676 input.cbi-button-edit {
677 background-image: url('../resources/cbi/edit.gif');
683 input.cbi-button-reload {
684 background-image: url('../resources/cbi/reload.gif');
690 input.cbi-button-reset {
691 background-image: url('../resources/cbi/reset.gif');
697 input.cbi-button-remove {
698 background-image: url('../resources/cbi/remove.gif');
705 background-image: url('../resources/cbi/reset.gif');
706 background-repeat: no-repeat;
707 background-position: right;
708 color: #FF0000 !important;
709 border-color: #FF0000;
712 div.cbi-section-remove input {
718 margin-bottom: 0.5em;
721 form > div > input[type=submit],
722 form > div > input[type=reset] {
735 border: 1px solid #666;
740 border-collapse: collapse;
743 table.smalltext tr:hover td {
744 background-color: #bbddee;
748 table.smalltext tr th {
750 border-left: 1px dotted #666;
754 table.smalltext tr td {
756 border-top: 1px dotted #666;
757 border-left: 1px dotted #666;
760 table.cbi-section-table .cbi-rowstyle-1 {
761 background-color: #f1f6fa;
765 table.cbi-section-table .cbi-rowstyle-1:hover,
766 table.cbi-section-table .cbi-rowstyle-2:hover {
767 background-color: #b2c8d4;
771 .cbi-section .cbi-rowstyle-1 h3 {
772 background-color: #f1f6fa;
782 vertical-align: middle;
783 padding-left: 0.25em;
784 border-bottom: 1px dotted #bbb;
787 div.cbi-value:hover {
798 div.cbi-value-field {
804 div.cbi-value-description {
809 div.cbi-section-create {
815 div.cbi-tblsection-create {
816 border-bottom: 1px dotted #bbb;
819 div.cbi-section-create .cbi-button {
823 input.cbi-section-create-name {
824 margin-right: -0.25em;
825 border-top-width: 1px;
826 border-right-width: 1px;
827 border-bottom-width: 1px;
828 border-left-width: 1px;
829 border-top-color: #999;
830 border-right-color: #999;
831 border-bottom-color: #999;
832 border-left-color: #999;
841 border-bottom: 1px dotted #bbb;
844 div.cbi-section-remove {
850 border-top: 1px dotted #bbb;
851 border-left: 1px dotted #bbb;
852 border-right: 1px dotted #bbb;
857 .cbi-section-node table div {
862 .cbi-section-node div.cbi-section-table-row {
866 table.cbi-section-table {
871 table.cbi-section-table th,
872 table.cbi-section-table td {
876 tr.cbi-section-table-descr th {
881 td.cbi-section-table-optionals {
882 text-align: left !important;
886 .cbi-value-helpicon img {
887 vertical-align: bottom;
894 background-color: #fff;
901 .cbi-value-error input,
902 .cbi-value-error select {
904 background-color: #fcc;
909 background-color: white;
911 border: 1px dotted red;
917 text-align: left !important;
921 text-align: right !important;
935 height: auto !important;
944 text-decoration: none;
954 border: 1px dotted #f00;
955 background-color: #fff;
961 font-family: monospace;
964 .uci-change-list ins,
965 .uci-change-legend-label ins {
966 text-decoration: none;
967 border: 1px solid #00FF00;
968 background-color: #CCFFCC;
973 .uci-change-list del,
974 .uci-change-legend-label del {
975 text-decoration: none;
976 border: 1px solid #FF0000;
977 background-color: #FFCCCC;
983 .uci-change-list var,
984 .uci-change-legend-label var {
985 text-decoration: none;
986 border: 1px solid #CCCCCC;
987 background-color: #EEEEEE;
993 .uci-change-list var ins,
994 .uci-change-list var del {
1002 .uci-change-legend {
1006 .uci-change-legend-label {
1012 .uci-change-legend-label>ins,
1013 .uci-change-legend-label>del,
1014 .uci-change-legend-label>var {
1022 .uci-change-legend-label var ins,
1023 .uci-change-legend-label var del {