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;
118 display: inline-block;
122 border-color: #000000;
129 display: inline-block;
137 display: inline-block;
146 border: 1px dashed #AAAAAA;
155 background: #FFF url(header.jpg) repeat-x left bottom;
162 padding: 10px 10px 0px 10px;
181 font: bold 36px Helvetica;
182 text-decoration: none;
185 .header_left .spacer {
210 html>body ul.dropdowns {
243 ul.dropdowns ul li ul {
248 ul.dropdowns li.over ul ul,
249 ul.dropdowns li.focus ul ul,
250 ul.dropdowns li:hover ul ul,
251 ul.dropdowns li.over ul ul ul,
252 ul.dropdowns li.focus ul ul ul,
253 ul.dropdowns li:hover ul ul ul,
254 ul.dropdowns li.over ul ul ul ul,
255 ul.dropdowns li.focus ul ul ul ul,
256 ul.dropdowns li:hover ul ul ul ul {
260 ul.dropdowns li.over ul,
261 ul.dropdowns li.focus ul,
262 ul.dropdowns li:hover ul {
266 ul.dropdowns ul li.over ul,
267 ul.dropdowns ul li.focus ul,
268 ul.dropdowns ul li:hover ul,
269 ul.dropdowns ul ul li.over ul,
270 ul.dropdowns ul ul li.focus ul,
271 ul.dropdowns ul ul li:hover ul,
272 ul.dropdowns ul ul ul li.over ul,
273 ul.dropdowns ul ul ul li.focus ul,
274 ul.dropdowns ul ul ul li:hover ul {
282 #xhr_poll_status #xhr_poll_status_off {
287 #xhr_poll_status #xhr_poll_status_on {
297 border-bottom: 1px dotted #5A5A5A;
302 background-color: #FFF;
305 #menubar ul.dropdowns {
311 #menubar ul.dropdowns li ul {
314 border-width: 0 1px 1px 1px;
315 border-style: dotted;
316 border-color: #5a5a5a;
319 #menubar ul.dropdowns ul li ul {
323 html #menubar a:link,
324 html #menubar a:visited {
330 text-decoration: none;
335 html #menubar a:link:hover,
336 html #menubar a:visited:hover,
337 html #menubar a:link:active,
338 html #menubar a:visited:active,
339 #menubar a:link:focus,
340 #menubar a:visited:focus {
345 html #menubar a:link.active,
346 html #menubar a:visited.active,
347 html #menubar a:link.preactive,
348 html #menubar a:visited.preactive {
353 html #menubar a:link.warning,
354 html #menubar a:visited.warning {
358 text-decoration: blink;
361 #menubar ul.dropdowns li.over>a,
362 #menubar ul.dropdowns li.focus>a,
363 #menubar ul.dropdowns li:hover>a {
366 .lang_de #submenu_mini_system { min-width: 13.3em; }
367 * html .lang_de #submenu_mini_system { width: 13.3em; }
369 .lang_pt-br #submenu_mini_network { min-width: 14em; }
370 * html .lang_pt-br #submenu_mini_network { width: 14em; }
372 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
373 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
375 .lang_ru #submenu_mini_system { min-width: 18em; }
376 * html .lang_ru #submenu_mini_system { width: 18em; }
378 .lang_pt-br #submenu_admin_index { min-width: 11em; }
379 * html .lang_pt-br #submenu_admin_index { width: 11em; }
381 .lang_ru #submenu_admin_index { min-width: 15.5em; }
382 * html .lang_ru #submenu_admin_index { width: 15.5em; }
384 .lang_ru #submenu_admin_status { min-width: 10.5em; }
385 * html .lang_ru #submenu_admin_status { width: 10.5em; }
387 .lang_de #submenu_admin_system { min-width: 13.3em; }
388 * html .lang_de #submenu_admin_system { width: 13.3em; }
390 .lang_fr #submenu_admin_system { min-width: 14.5em; }
391 * html .lang_fr #submenu_admin_system { width: 14.5em; }
393 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
394 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
396 .lang_ru #submenu_admin_system { min-width: 18em; }
397 * html .lang_ru #submenu_admin_system { width: 18em; }
399 #submenu_admin_services_chillispot { min-width: 15.5em; }
400 * html #submenu_admin_services_chillispot { width: 15.5em; }
402 #submenu_admin_services_coovachilli { min-width: 15em; }
403 * html #submenu_admin_services_coovachilli { width: 15em; }
405 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
406 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
408 #submenu_admin_network_firewall { min-width: 14em; }
409 * html #submenu_admin_network_firewall { width: 14em; }
411 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
412 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
414 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
415 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
435 .lang_de #submenu_admin_uci {
439 .lang_ru #submenu_admin_uci {
446 border: 3px solid #ccc;
448 font-family: monospace;
461 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
462 margin: 0.25em 0 0.7em 0;
463 border-bottom: 1px solid;
464 padding: 10px 0 4px 0;
469 margin: 0.5em 0 1.1em 0;
470 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
479 margin-bottom: 0.5em;
481 border: 1px dotted #555;
482 background-color: #fff;
486 .cbi-section legend {
490 padding: 0.5em 0.25em;
491 background-color: transparent;
496 margin: 0em 0 0.5em -0.5em !important;
500 text-decoration: none !important;
501 font-weight: bold !important;
502 color: #555 !important;
503 margin: 0.25em !important;
504 font-size: 100% !important;
508 margin-bottom: 0.5em;
514 text-decoration: none;
516 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
517 background-color: inherit;
526 margin-left: 0 !important;
528 list-style-type: none;
531 ul.cbi-tabmenu li.cbi-tab,
532 ul.cbi-tabmenu li.cbi-tab-disabled {
537 ul.cbi-tabmenu li.cbi-tab a,
538 ul.cbi-tabmenu li.cbi-tab-disabled a {
539 text-decoration: none;
542 border: 1px dotted #bbb;
544 background-color: #eee;
548 ul.cbi-tabmenu li.cbi-tab-highlighted a {
550 background-color: #FFEEAA;
553 ul.cbi-tabmenu li a:hover {
557 ul.cbi-tabmenu li.cbi-tab a {
562 background-color: #fff;
566 background-image: url(/luci-static/resources/cbi/help.gif);
567 background-position: 0.25em 50%;
568 background-repeat: no-repeat;
569 border-bottom: 1px solid #ccc;
570 margin: 0.25em 0.25em 2em;
571 padding: 0.5em 0.5em 0.5em 2em;
586 border: 1px outset #aaaaaa;
599 background-color: #fff;
605 input[type=password] {
611 td input[type=password] {
615 img.cbi-image-button {
618 vertical-align: middle;
621 input.cbi-input-user {
622 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
623 background-color: inherit;
628 input.cbi-input-password {
629 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
630 background-color: inherit;
635 input.cbi-input-find {
636 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
637 background-color: inherit;
643 input.cbi-input-reload {
644 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
645 background-color: inherit;
655 input.cbi-button-add {
656 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
657 background-color: inherit;
661 border: 1px solid #FFF;
664 input.cbi-input-fieldadd,
665 input.cbi-button-fieldadd {
666 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
667 background-color: inherit;
673 input.cbi-input-reset,
674 input.cbi-button-reset {
675 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
676 background-color: inherit;
685 input.cbi-input-save,
686 input.cbi-button-save {
687 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
688 background-color: inherit;
694 input.cbi-input-apply,
695 input.cbi-button-apply {
696 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
697 background-color: inherit;
703 input.cbi-input-link,
704 input.cbi-button-link {
705 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
706 background-color: inherit;
713 input.cbi-input-remove,
714 div.cbi-section-remove input {
715 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
716 background-color: inherit;
720 border: 1px solid #fff;
723 input.cbi-button-up {
724 background-image: url('../resources/cbi/up.gif');
729 input.cbi-button-down {
730 background-image: url('../resources/cbi/down.gif');
735 input.cbi-button-edit {
736 background: url('../resources/cbi/edit.gif') no-repeat scroll 1px center;
742 input.cbi-button-reload {
743 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
749 input.cbi-button-remove {
750 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
757 background-image: url('../resources/cbi/reset.gif');
758 background-repeat: no-repeat;
759 background-position: right;
760 color: #FF0000 !important;
761 border-color: #FF0000;
764 div.cbi-section-remove input {
770 margin-bottom: 0.5em;
773 form > div > input[type=submit],
774 form > div > input[type=reset] {
787 border: 1px solid #666;
792 border-collapse: collapse;
795 table.smalltext tr:hover td {
796 background-color: #bbddee;
800 table.smalltext tr th {
802 border-left: 1px dotted #666;
806 table.smalltext tr td {
808 border-top: 1px dotted #666;
809 border-left: 1px dotted #666;
812 table.cbi-section-table .cbi-rowstyle-1 {
813 background-color: #f1f6fa;
817 table.cbi-section-table .cbi-rowstyle-1:hover,
818 table.cbi-section-table .cbi-rowstyle-2:hover {
819 background-color: #b2c8d4;
823 table.cbi-section-table .cbi-section-table-cell {
828 .cbi-section .cbi-rowstyle-1 h3 {
829 background-color: #f1f6fa;
839 vertical-align: middle;
840 padding-left: 0.25em;
841 border-bottom: 1px dotted #bbb;
844 div.cbi-value:hover {
855 div.cbi-value-field {
861 div.cbi-value-description {
866 div.cbi-section-create {
872 div.cbi-tblsection-create {
873 border-bottom: 1px dotted #bbb;
876 div.cbi-section-create .cbi-button {
880 input.cbi-section-create-name {
881 margin-right: -0.25em;
882 border-top-width: 1px;
883 border-right-width: 1px;
884 border-bottom-width: 1px;
885 border-left-width: 1px;
886 border-top-color: #999;
887 border-right-color: #999;
888 border-bottom-color: #999;
889 border-left-color: #999;
898 border-bottom: 1px dotted #bbb;
901 div.cbi-section-remove {
907 border-top: 1px dotted #bbb;
908 border-left: 1px dotted #bbb;
909 border-right: 1px dotted #bbb;
914 .cbi-section-node table div {
919 .cbi-section-node div.cbi-section-table-row {
923 table.cbi-section-table {
928 table.cbi-section-table th,
929 table.cbi-section-table td {
933 tr.cbi-section-table-descr th {
938 td.cbi-section-table-optionals {
939 text-align: left !important;
943 .cbi-value-helpicon img {
944 vertical-align: bottom;
951 background-color: #fff;
958 .cbi-value-error input,
959 .cbi-value-error select {
961 background-color: #fcc;
966 background-color: white;
968 border: 1px dotted red;
974 text-align: left !important;
978 text-align: right !important;
992 height: auto !important;
1001 text-decoration: none;
1010 white-space: normal;
1011 border: 1px dotted #f00;
1012 background-color: #fff;
1018 font-family: monospace;
1021 .uci-change-list ins,
1022 .uci-change-legend-label ins {
1023 text-decoration: none;
1024 border: 1px solid #00FF00;
1025 background-color: #CCFFCC;
1030 .uci-change-list del,
1031 .uci-change-legend-label del {
1032 text-decoration: none;
1033 border: 1px solid #FF0000;
1034 background-color: #FFCCCC;
1040 .uci-change-list var,
1041 .uci-change-legend-label var {
1042 text-decoration: none;
1043 border: 1px solid #CCCCCC;
1044 background-color: #EEEEEE;
1050 .uci-change-list var ins,
1051 .uci-change-list var del {
1052 /*display: inline;*/
1059 .uci-change-legend {
1063 .uci-change-legend-label {
1069 .uci-change-legend-label>ins,
1070 .uci-change-legend-label>del,
1071 .uci-change-legend-label>var {
1079 .uci-change-legend-label var ins,
1080 .uci-change-legend-label var del {