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;
96 background-color: #FFFFFF;
97 border: 1px solid #CCCCCC;
103 .ifacebox .ifacebox-head {
104 border-bottom: 1px solid #CCCCCC;
108 .ifacebox .ifacebox-body {
114 background-color: #FFFFFF;
115 border: 1px solid #CCCCCC;
121 border-color: #000000;
128 background: #FFF url(header.jpg) repeat-x left bottom;
135 padding: 10px 10px 0px 10px;
154 font: bold 36px Helvetica;
155 text-decoration: none;
158 .header_left .spacer {
183 html>body ul.dropdowns {
216 ul.dropdowns ul li ul {
221 ul.dropdowns li.over ul ul,
222 ul.dropdowns li.focus ul ul,
223 ul.dropdowns li:hover ul ul,
224 ul.dropdowns li.over ul ul ul,
225 ul.dropdowns li.focus ul ul ul,
226 ul.dropdowns li:hover ul ul ul,
227 ul.dropdowns li.over ul ul ul ul,
228 ul.dropdowns li.focus ul ul ul ul,
229 ul.dropdowns li:hover ul ul ul ul {
233 ul.dropdowns li.over ul,
234 ul.dropdowns li.focus ul,
235 ul.dropdowns li:hover ul {
239 ul.dropdowns ul li.over ul,
240 ul.dropdowns ul li.focus ul,
241 ul.dropdowns ul li:hover ul,
242 ul.dropdowns ul ul li.over ul,
243 ul.dropdowns ul ul li.focus ul,
244 ul.dropdowns ul ul li:hover ul,
245 ul.dropdowns ul ul ul li.over ul,
246 ul.dropdowns ul ul ul li.focus ul,
247 ul.dropdowns ul ul ul li:hover ul {
255 #xhr_poll_status #xhr_poll_status_off {
260 #xhr_poll_status #xhr_poll_status_on {
270 border-bottom: 1px dotted #5A5A5A;
275 background-color: #FFF;
278 #menubar ul.dropdowns {
284 #menubar ul.dropdowns li ul {
287 border-width: 0 1px 1px 1px;
288 border-style: dotted;
289 border-color: #5a5a5a;
292 #menubar ul.dropdowns ul li ul {
296 html #menubar a:link,
297 html #menubar a:visited {
303 text-decoration: none;
308 html #menubar a:link:hover,
309 html #menubar a:visited:hover,
310 html #menubar a:link:active,
311 html #menubar a:visited:active,
312 #menubar a:link:focus,
313 #menubar a:visited:focus {
318 html #menubar a:link.active,
319 html #menubar a:visited.active,
320 html #menubar a:link.preactive,
321 html #menubar a:visited.preactive {
326 html #menubar a:link.warning,
327 html #menubar a:visited.warning {
331 text-decoration: blink;
334 #menubar ul.dropdowns li.over>a,
335 #menubar ul.dropdowns li.focus>a,
336 #menubar ul.dropdowns li:hover>a {
339 .lang_de #submenu_mini_system { min-width: 13.3em; }
340 * html .lang_de #submenu_mini_system { width: 13.3em; }
342 .lang_pt-br #submenu_mini_network { min-width: 14em; }
343 * html .lang_pt-br #submenu_mini_network { width: 14em; }
345 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
346 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
348 .lang_ru #submenu_mini_system { min-width: 18em; }
349 * html .lang_ru #submenu_mini_system { width: 18em; }
351 .lang_pt-br #submenu_admin_index { min-width: 11em; }
352 * html .lang_pt-br #submenu_admin_index { width: 11em; }
354 .lang_ru #submenu_admin_index { min-width: 15.5em; }
355 * html .lang_ru #submenu_admin_index { width: 15.5em; }
357 .lang_ru #submenu_admin_status { min-width: 10.5em; }
358 * html .lang_ru #submenu_admin_status { width: 10.5em; }
360 .lang_de #submenu_admin_system { min-width: 13.3em; }
361 * html .lang_de #submenu_admin_system { width: 13.3em; }
363 .lang_fr #submenu_admin_system { min-width: 14.5em; }
364 * html .lang_fr #submenu_admin_system { width: 14.5em; }
366 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
367 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
369 .lang_ru #submenu_admin_system { min-width: 18em; }
370 * html .lang_ru #submenu_admin_system { width: 18em; }
372 #submenu_admin_services_chillispot { min-width: 15.5em; }
373 * html #submenu_admin_services_chillispot { width: 15.5em; }
375 #submenu_admin_services_coovachilli { min-width: 15em; }
376 * html #submenu_admin_services_coovachilli { width: 15em; }
378 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
379 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
381 #submenu_admin_network_firewall { min-width: 14em; }
382 * html #submenu_admin_network_firewall { width: 14em; }
384 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
385 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
387 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
388 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
408 .lang_de #submenu_admin_uci {
412 .lang_ru #submenu_admin_uci {
419 border: 3px solid #ccc;
421 font-family: monospace;
434 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
435 margin: 0.25em 0 0.7em 0;
436 border-bottom: 1px solid;
437 padding: 10px 0 4px 0;
442 margin: 0.5em 0 1.1em 0;
443 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
452 margin-bottom: 0.5em;
454 border: 1px dotted #555;
455 background-color: #fff;
459 .cbi-section legend {
463 padding: 0.5em 0.25em;
464 background-color: transparent;
469 margin: 0em 0 0.5em -0.5em !important;
473 text-decoration: none !important;
474 font-weight: bold !important;
475 color: #555 !important;
476 margin: 0.25em !important;
477 font-size: 100% !important;
481 margin-bottom: 0.5em;
487 text-decoration: none;
489 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
490 background-color: inherit;
499 margin-left: 0 !important;
501 list-style-type: none;
504 ul.cbi-tabmenu li.cbi-tab,
505 ul.cbi-tabmenu li.cbi-tab-disabled {
510 ul.cbi-tabmenu li.cbi-tab a,
511 ul.cbi-tabmenu li.cbi-tab-disabled a {
512 text-decoration: none;
515 border: 1px dotted #bbb;
517 background-color: #eee;
521 ul.cbi-tabmenu li.cbi-tab-highlighted a {
523 background-color: #FFEEAA;
526 ul.cbi-tabmenu li a:hover {
530 ul.cbi-tabmenu li.cbi-tab a {
535 background-color: #fff;
539 background-image: url(/luci-static/resources/cbi/help.gif);
540 background-position: 0.25em 50%;
541 background-repeat: no-repeat;
542 border-bottom: 1px solid #ccc;
543 margin: 0.25em 0.25em 2em;
544 padding: 0.5em 0.5em 0.5em 2em;
559 border: 1px solid #ccc;
572 background-color: #fff;
578 input[type=password] {
584 td input[type=password] {
588 img.cbi-image-button {
591 vertical-align: middle;
594 input.cbi-input-user {
595 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
596 background-color: inherit;
601 input.cbi-input-password {
602 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
603 background-color: inherit;
608 input.cbi-input-find {
609 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
610 background-color: inherit;
616 input.cbi-input-reload {
617 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
618 background-color: inherit;
629 input.cbi-button-add {
630 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
631 background-color: inherit;
635 border: 1px solid #FFF;
638 input.cbi-input-fieldadd,
639 input.cbi-button-fieldadd {
640 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
641 background-color: inherit;
647 input.cbi-input-reset,
648 input.cbi-button-reset {
649 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
650 background-color: inherit;
657 input.cbi-input-save,
658 input.cbi-button-save {
659 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
660 background-color: inherit;
667 input.cbi-input-apply,
668 input.cbi-button-apply {
669 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
670 background-color: inherit;
677 input.cbi-input-link,
678 input.cbi-button-link {
679 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
680 background-color: inherit;
687 input.cbi-input-remove,
688 div.cbi-section-remove input {
689 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
690 background-color: inherit;
694 border: 1px solid #fff;
697 input.cbi-button-up {
698 background-image: url('../resources/cbi/up.gif');
703 input.cbi-button-down {
704 background-image: url('../resources/cbi/down.gif');
709 input.cbi-button-edit {
710 background-image: url('../resources/cbi/edit.gif');
716 input.cbi-button-reload {
717 background-image: url('../resources/cbi/reload.gif');
723 input.cbi-button-reset {
724 background-image: url('../resources/cbi/reset.gif');
730 input.cbi-button-remove {
731 background-image: url('../resources/cbi/remove.gif');
738 background-image: url('../resources/cbi/reset.gif');
739 background-repeat: no-repeat;
740 background-position: right;
741 color: #FF0000 !important;
742 border-color: #FF0000;
745 div.cbi-section-remove input {
751 margin-bottom: 0.5em;
754 form > div > input[type=submit],
755 form > div > input[type=reset] {
768 border: 1px solid #666;
773 border-collapse: collapse;
776 table.smalltext tr:hover td {
777 background-color: #bbddee;
781 table.smalltext tr th {
783 border-left: 1px dotted #666;
787 table.smalltext tr td {
789 border-top: 1px dotted #666;
790 border-left: 1px dotted #666;
793 table.cbi-section-table .cbi-rowstyle-1 {
794 background-color: #f1f6fa;
798 table.cbi-section-table .cbi-rowstyle-1:hover,
799 table.cbi-section-table .cbi-rowstyle-2:hover {
800 background-color: #b2c8d4;
804 table.cbi-section-table .cbi-section-table-cell {
809 .cbi-section .cbi-rowstyle-1 h3 {
810 background-color: #f1f6fa;
820 vertical-align: middle;
821 padding-left: 0.25em;
822 border-bottom: 1px dotted #bbb;
825 div.cbi-value:hover {
836 div.cbi-value-field {
842 div.cbi-value-description {
847 div.cbi-section-create {
853 div.cbi-tblsection-create {
854 border-bottom: 1px dotted #bbb;
857 div.cbi-section-create .cbi-button {
861 input.cbi-section-create-name {
862 margin-right: -0.25em;
863 border-top-width: 1px;
864 border-right-width: 1px;
865 border-bottom-width: 1px;
866 border-left-width: 1px;
867 border-top-color: #999;
868 border-right-color: #999;
869 border-bottom-color: #999;
870 border-left-color: #999;
879 border-bottom: 1px dotted #bbb;
882 div.cbi-section-remove {
888 border-top: 1px dotted #bbb;
889 border-left: 1px dotted #bbb;
890 border-right: 1px dotted #bbb;
895 .cbi-section-node table div {
900 .cbi-section-node div.cbi-section-table-row {
904 table.cbi-section-table {
909 table.cbi-section-table th,
910 table.cbi-section-table td {
914 tr.cbi-section-table-descr th {
919 td.cbi-section-table-optionals {
920 text-align: left !important;
924 .cbi-value-helpicon img {
925 vertical-align: bottom;
932 background-color: #fff;
939 .cbi-value-error input,
940 .cbi-value-error select {
942 background-color: #fcc;
947 background-color: white;
949 border: 1px dotted red;
955 text-align: left !important;
959 text-align: right !important;
973 height: auto !important;
982 text-decoration: none;
992 border: 1px dotted #f00;
993 background-color: #fff;
999 font-family: monospace;
1002 .uci-change-list ins,
1003 .uci-change-legend-label ins {
1004 text-decoration: none;
1005 border: 1px solid #00FF00;
1006 background-color: #CCFFCC;
1011 .uci-change-list del,
1012 .uci-change-legend-label del {
1013 text-decoration: none;
1014 border: 1px solid #FF0000;
1015 background-color: #FFCCCC;
1021 .uci-change-list var,
1022 .uci-change-legend-label var {
1023 text-decoration: none;
1024 border: 1px solid #CCCCCC;
1025 background-color: #EEEEEE;
1031 .uci-change-list var ins,
1032 .uci-change-list var del {
1033 /*display: inline;*/
1040 .uci-change-legend {
1044 .uci-change-legend-label {
1050 .uci-change-legend-label>ins,
1051 .uci-change-legend-label>del,
1052 .uci-change-legend-label>var {
1060 .uci-change-legend-label var ins,
1061 .uci-change-legend-label var del {