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 solid #cccccc;
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;
659 padding: 0 1px 0 17px;
660 border: 1px solid #FFF;
663 input.cbi-input-fieldadd,
664 input.cbi-button-fieldadd {
665 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
666 background-color: inherit;
668 padding: 0 1px 0 17px;
671 input.cbi-input-reset,
672 input.cbi-button-reset {
673 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
674 background-color: inherit;
676 padding: 0 1px 0 17px;
682 input.cbi-input-save,
683 input.cbi-button-save {
684 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
685 background-color: inherit;
687 padding: 0 1px 0 17px;
690 input.cbi-input-apply,
691 input.cbi-button-apply {
692 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
693 background-color: inherit;
695 padding: 0 1px 0 17px;
698 input.cbi-input-link,
699 input.cbi-button-link {
700 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
701 background-color: inherit;
703 padding: 0 1px 0 17px;
707 input.cbi-input-remove,
708 div.cbi-section-remove input {
709 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
710 background-color: inherit;
712 padding: 0 1px 0 17px;
713 border: 1px solid #fff;
716 input.cbi-button-up {
717 background-image: url('../resources/cbi/up.gif');
718 padding: 0 1px 0 11px;
721 input.cbi-button-down {
722 background-image: url('../resources/cbi/down.gif');
723 padding: 0 1px 0 11px;
726 input.cbi-button-edit {
727 background: url('../resources/cbi/edit.gif') no-repeat scroll 1px center;
729 padding: 0 1px 0 17px;
732 input.cbi-button-reload {
733 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
735 padding: 0 1px 0 17px;
738 input.cbi-button-remove {
739 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
741 padding: 0 1px 0 17px;
745 background-image: url('../resources/cbi/reset.gif');
746 background-repeat: no-repeat;
747 background-position: right;
748 color: #FF0000 !important;
749 border-color: #FF0000;
752 div.cbi-section-remove input {
758 margin-bottom: 0.5em;
761 form > div > input[type=submit],
762 form > div > input[type=reset] {
775 border: 1px solid #666;
780 border-collapse: collapse;
783 table.smalltext tr:hover td {
784 background-color: #bbddee;
788 table.smalltext tr th {
790 border-left: 1px dotted #666;
794 table.smalltext tr td {
796 border-top: 1px dotted #666;
797 border-left: 1px dotted #666;
800 table.cbi-section-table .cbi-rowstyle-1 {
801 background-color: #f1f6fa;
805 table.cbi-section-table .cbi-rowstyle-1:hover,
806 table.cbi-section-table .cbi-rowstyle-2:hover {
807 background-color: #b2c8d4;
811 table.cbi-section-table .cbi-section-table-cell {
816 .cbi-section .cbi-rowstyle-1 h3 {
817 background-color: #f1f6fa;
827 vertical-align: middle;
828 padding-left: 0.25em;
829 border-bottom: 1px dotted #bbb;
832 div.cbi-value:hover {
843 div.cbi-value-field {
849 div.cbi-value-description {
854 div.cbi-section-create {
860 div.cbi-tblsection-create {
861 border-bottom: 1px dotted #bbb;
864 div.cbi-section-create .cbi-button {
868 input.cbi-section-create-name {
869 margin-right: -0.25em;
870 border: 1px solid #999;
879 border-bottom: 1px dotted #bbb;
882 div.cbi-section-remove {
888 border: 1px dotted #bbb;
893 .cbi-section-node table div {
898 .cbi-section-node div.cbi-section-table-row {
902 table.cbi-section-table {
907 table.cbi-section-table th,
908 table.cbi-section-table td {
912 tr.cbi-section-table-descr th {
917 td.cbi-section-table-optionals {
918 text-align: left !important;
922 .cbi-value-helpicon img {
923 vertical-align: bottom;
930 background-color: #fff;
937 .cbi-value-error input,
938 .cbi-value-error select {
940 background-color: #fcc;
945 background-color: white;
947 border: 1px dotted red;
953 text-align: left !important;
957 text-align: right !important;
971 height: auto !important;
980 text-decoration: none;
990 border: 1px dotted #f00;
991 background-color: #fff;
997 font-family: monospace;
1000 .uci-change-list ins,
1001 .uci-change-legend-label ins {
1002 text-decoration: none;
1003 border: 1px solid #00FF00;
1004 background-color: #CCFFCC;
1009 .uci-change-list del,
1010 .uci-change-legend-label del {
1011 text-decoration: none;
1012 border: 1px solid #FF0000;
1013 background-color: #FFCCCC;
1019 .uci-change-list var,
1020 .uci-change-legend-label var {
1021 text-decoration: none;
1022 border: 1px solid #CCCCCC;
1023 background-color: #EEEEEE;
1029 .uci-change-list var ins,
1030 .uci-change-list var del {
1031 /*display: inline;*/
1038 .uci-change-legend {
1042 .uci-change-legend-label {
1048 .uci-change-legend-label>ins,
1049 .uci-change-legend-label>del,
1050 .uci-change-legend-label>var {
1058 .uci-change-legend-label var ins,
1059 .uci-change-legend-label var del {