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 #ccc;
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;
656 input.cbi-button-add {
657 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
658 background-color: inherit;
662 border: 1px solid #FFF;
665 input.cbi-input-fieldadd,
666 input.cbi-button-fieldadd {
667 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
668 background-color: inherit;
674 input.cbi-input-reset,
675 input.cbi-button-reset {
676 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
677 background-color: inherit;
684 input.cbi-input-save,
685 input.cbi-button-save {
686 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
687 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;
704 input.cbi-input-link,
705 input.cbi-button-link {
706 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
707 background-color: inherit;
714 input.cbi-input-remove,
715 div.cbi-section-remove input {
716 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
717 background-color: inherit;
721 border: 1px solid #fff;
724 input.cbi-button-up {
725 background-image: url('../resources/cbi/up.gif');
730 input.cbi-button-down {
731 background-image: url('../resources/cbi/down.gif');
736 input.cbi-button-edit {
737 background-image: url('../resources/cbi/edit.gif');
743 input.cbi-button-reload {
744 background-image: url('../resources/cbi/reload.gif');
750 input.cbi-button-reset {
751 background-image: url('../resources/cbi/reset.gif');
757 input.cbi-button-remove {
758 background-image: url('../resources/cbi/remove.gif');
765 background-image: url('../resources/cbi/reset.gif');
766 background-repeat: no-repeat;
767 background-position: right;
768 color: #FF0000 !important;
769 border-color: #FF0000;
772 div.cbi-section-remove input {
778 margin-bottom: 0.5em;
781 form > div > input[type=submit],
782 form > div > input[type=reset] {
795 border: 1px solid #666;
800 border-collapse: collapse;
803 table.smalltext tr:hover td {
804 background-color: #bbddee;
808 table.smalltext tr th {
810 border-left: 1px dotted #666;
814 table.smalltext tr td {
816 border-top: 1px dotted #666;
817 border-left: 1px dotted #666;
820 table.cbi-section-table .cbi-rowstyle-1 {
821 background-color: #f1f6fa;
825 table.cbi-section-table .cbi-rowstyle-1:hover,
826 table.cbi-section-table .cbi-rowstyle-2:hover {
827 background-color: #b2c8d4;
831 table.cbi-section-table .cbi-section-table-cell {
836 .cbi-section .cbi-rowstyle-1 h3 {
837 background-color: #f1f6fa;
847 vertical-align: middle;
848 padding-left: 0.25em;
849 border-bottom: 1px dotted #bbb;
852 div.cbi-value:hover {
863 div.cbi-value-field {
869 div.cbi-value-description {
874 div.cbi-section-create {
880 div.cbi-tblsection-create {
881 border-bottom: 1px dotted #bbb;
884 div.cbi-section-create .cbi-button {
888 input.cbi-section-create-name {
889 margin-right: -0.25em;
890 border-top-width: 1px;
891 border-right-width: 1px;
892 border-bottom-width: 1px;
893 border-left-width: 1px;
894 border-top-color: #999;
895 border-right-color: #999;
896 border-bottom-color: #999;
897 border-left-color: #999;
906 border-bottom: 1px dotted #bbb;
909 div.cbi-section-remove {
915 border-top: 1px dotted #bbb;
916 border-left: 1px dotted #bbb;
917 border-right: 1px dotted #bbb;
922 .cbi-section-node table div {
927 .cbi-section-node div.cbi-section-table-row {
931 table.cbi-section-table {
936 table.cbi-section-table th,
937 table.cbi-section-table td {
941 tr.cbi-section-table-descr th {
946 td.cbi-section-table-optionals {
947 text-align: left !important;
951 .cbi-value-helpicon img {
952 vertical-align: bottom;
959 background-color: #fff;
966 .cbi-value-error input,
967 .cbi-value-error select {
969 background-color: #fcc;
974 background-color: white;
976 border: 1px dotted red;
982 text-align: left !important;
986 text-align: right !important;
1000 height: auto !important;
1002 margin: 0 auto -2em;
1009 text-decoration: none;
1018 white-space: normal;
1019 border: 1px dotted #f00;
1020 background-color: #fff;
1026 font-family: monospace;
1029 .uci-change-list ins,
1030 .uci-change-legend-label ins {
1031 text-decoration: none;
1032 border: 1px solid #00FF00;
1033 background-color: #CCFFCC;
1038 .uci-change-list del,
1039 .uci-change-legend-label del {
1040 text-decoration: none;
1041 border: 1px solid #FF0000;
1042 background-color: #FFCCCC;
1048 .uci-change-list var,
1049 .uci-change-legend-label var {
1050 text-decoration: none;
1051 border: 1px solid #CCCCCC;
1052 background-color: #EEEEEE;
1058 .uci-change-list var ins,
1059 .uci-change-list var del {
1060 /*display: inline;*/
1067 .uci-change-legend {
1071 .uci-change-legend-label {
1077 .uci-change-legend-label>ins,
1078 .uci-change-legend-label>del,
1079 .uci-change-legend-label>var {
1087 .uci-change-legend-label var ins,
1088 .uci-change-legend-label var del {