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 background: #FFF url(header.jpg) repeat-x left bottom;
136 padding: 10px 10px 0px 10px;
155 font: bold 36px Helvetica;
156 text-decoration: none;
159 .header_left .spacer {
184 html>body ul.dropdowns {
217 ul.dropdowns ul li ul {
222 ul.dropdowns li.over ul ul,
223 ul.dropdowns li.focus ul ul,
224 ul.dropdowns li:hover ul ul,
225 ul.dropdowns li.over ul ul ul,
226 ul.dropdowns li.focus ul ul ul,
227 ul.dropdowns li:hover ul ul ul,
228 ul.dropdowns li.over ul ul ul ul,
229 ul.dropdowns li.focus ul ul ul ul,
230 ul.dropdowns li:hover ul ul ul ul {
234 ul.dropdowns li.over ul,
235 ul.dropdowns li.focus ul,
236 ul.dropdowns li:hover ul {
240 ul.dropdowns ul li.over ul,
241 ul.dropdowns ul li.focus ul,
242 ul.dropdowns ul li:hover ul,
243 ul.dropdowns ul ul li.over ul,
244 ul.dropdowns ul ul li.focus ul,
245 ul.dropdowns ul ul li:hover ul,
246 ul.dropdowns ul ul ul li.over ul,
247 ul.dropdowns ul ul ul li.focus ul,
248 ul.dropdowns ul ul ul li:hover ul {
256 #xhr_poll_status #xhr_poll_status_off {
261 #xhr_poll_status #xhr_poll_status_on {
271 border-bottom: 1px dotted #5A5A5A;
276 background-color: #FFF;
279 #menubar ul.dropdowns {
285 #menubar ul.dropdowns li ul {
288 border-width: 0 1px 1px 1px;
289 border-style: dotted;
290 border-color: #5a5a5a;
293 #menubar ul.dropdowns ul li ul {
297 html #menubar a:link,
298 html #menubar a:visited {
304 text-decoration: none;
309 html #menubar a:link:hover,
310 html #menubar a:visited:hover,
311 html #menubar a:link:active,
312 html #menubar a:visited:active,
313 #menubar a:link:focus,
314 #menubar a:visited:focus {
319 html #menubar a:link.active,
320 html #menubar a:visited.active,
321 html #menubar a:link.preactive,
322 html #menubar a:visited.preactive {
327 html #menubar a:link.warning,
328 html #menubar a:visited.warning {
332 text-decoration: blink;
335 #menubar ul.dropdowns li.over>a,
336 #menubar ul.dropdowns li.focus>a,
337 #menubar ul.dropdowns li:hover>a {
340 .lang_de #submenu_mini_system { min-width: 13.3em; }
341 * html .lang_de #submenu_mini_system { width: 13.3em; }
343 .lang_pt-br #submenu_mini_network { min-width: 14em; }
344 * html .lang_pt-br #submenu_mini_network { width: 14em; }
346 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
347 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
349 .lang_ru #submenu_mini_system { min-width: 18em; }
350 * html .lang_ru #submenu_mini_system { width: 18em; }
352 .lang_pt-br #submenu_admin_index { min-width: 11em; }
353 * html .lang_pt-br #submenu_admin_index { width: 11em; }
355 .lang_ru #submenu_admin_index { min-width: 15.5em; }
356 * html .lang_ru #submenu_admin_index { width: 15.5em; }
358 .lang_ru #submenu_admin_status { min-width: 10.5em; }
359 * html .lang_ru #submenu_admin_status { width: 10.5em; }
361 .lang_de #submenu_admin_system { min-width: 13.3em; }
362 * html .lang_de #submenu_admin_system { width: 13.3em; }
364 .lang_fr #submenu_admin_system { min-width: 14.5em; }
365 * html .lang_fr #submenu_admin_system { width: 14.5em; }
367 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
368 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
370 .lang_ru #submenu_admin_system { min-width: 18em; }
371 * html .lang_ru #submenu_admin_system { width: 18em; }
373 #submenu_admin_services_chillispot { min-width: 15.5em; }
374 * html #submenu_admin_services_chillispot { width: 15.5em; }
376 #submenu_admin_services_coovachilli { min-width: 15em; }
377 * html #submenu_admin_services_coovachilli { width: 15em; }
379 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
380 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
382 #submenu_admin_network_firewall { min-width: 14em; }
383 * html #submenu_admin_network_firewall { width: 14em; }
385 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
386 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
388 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
389 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
409 .lang_de #submenu_admin_uci {
413 .lang_ru #submenu_admin_uci {
420 border: 3px solid #ccc;
422 font-family: monospace;
435 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
436 margin: 0.25em 0 0.7em 0;
437 border-bottom: 1px solid;
438 padding: 10px 0 4px 0;
443 margin: 0.5em 0 1.1em 0;
444 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
453 margin-bottom: 0.5em;
455 border: 1px dotted #555;
456 background-color: #fff;
460 .cbi-section legend {
464 padding: 0.5em 0.25em;
465 background-color: transparent;
470 margin: 0em 0 0.5em -0.5em !important;
474 text-decoration: none !important;
475 font-weight: bold !important;
476 color: #555 !important;
477 margin: 0.25em !important;
478 font-size: 100% !important;
482 margin-bottom: 0.5em;
488 text-decoration: none;
490 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
491 background-color: inherit;
500 margin-left: 0 !important;
502 list-style-type: none;
505 ul.cbi-tabmenu li.cbi-tab,
506 ul.cbi-tabmenu li.cbi-tab-disabled {
511 ul.cbi-tabmenu li.cbi-tab a,
512 ul.cbi-tabmenu li.cbi-tab-disabled a {
513 text-decoration: none;
516 border: 1px dotted #bbb;
518 background-color: #eee;
522 ul.cbi-tabmenu li.cbi-tab-highlighted a {
524 background-color: #FFEEAA;
527 ul.cbi-tabmenu li a:hover {
531 ul.cbi-tabmenu li.cbi-tab a {
536 background-color: #fff;
540 background-image: url(/luci-static/resources/cbi/help.gif);
541 background-position: 0.25em 50%;
542 background-repeat: no-repeat;
543 border-bottom: 1px solid #ccc;
544 margin: 0.25em 0.25em 2em;
545 padding: 0.5em 0.5em 0.5em 2em;
560 border: 1px solid #ccc;
573 background-color: #fff;
579 input[type=password] {
585 td input[type=password] {
589 img.cbi-image-button {
592 vertical-align: middle;
595 input.cbi-input-user {
596 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
597 background-color: inherit;
602 input.cbi-input-password {
603 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
604 background-color: inherit;
609 input.cbi-input-find {
610 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
611 background-color: inherit;
617 input.cbi-input-reload {
618 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
619 background-color: inherit;
630 input.cbi-button-add {
631 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
632 background-color: inherit;
636 border: 1px solid #FFF;
639 input.cbi-input-fieldadd,
640 input.cbi-button-fieldadd {
641 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
642 background-color: inherit;
648 input.cbi-input-reset,
649 input.cbi-button-reset {
650 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
651 background-color: inherit;
658 input.cbi-input-save,
659 input.cbi-button-save {
660 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
661 background-color: inherit;
668 input.cbi-input-apply,
669 input.cbi-button-apply {
670 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
671 background-color: inherit;
678 input.cbi-input-link,
679 input.cbi-button-link {
680 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
681 background-color: inherit;
688 input.cbi-input-remove,
689 div.cbi-section-remove input {
690 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
691 background-color: inherit;
695 border: 1px solid #fff;
698 input.cbi-button-up {
699 background-image: url('../resources/cbi/up.gif');
704 input.cbi-button-down {
705 background-image: url('../resources/cbi/down.gif');
710 input.cbi-button-edit {
711 background-image: url('../resources/cbi/edit.gif');
717 input.cbi-button-reload {
718 background-image: url('../resources/cbi/reload.gif');
724 input.cbi-button-reset {
725 background-image: url('../resources/cbi/reset.gif');
731 input.cbi-button-remove {
732 background-image: url('../resources/cbi/remove.gif');
739 background-image: url('../resources/cbi/reset.gif');
740 background-repeat: no-repeat;
741 background-position: right;
742 color: #FF0000 !important;
743 border-color: #FF0000;
746 div.cbi-section-remove input {
752 margin-bottom: 0.5em;
755 form > div > input[type=submit],
756 form > div > input[type=reset] {
769 border: 1px solid #666;
774 border-collapse: collapse;
777 table.smalltext tr:hover td {
778 background-color: #bbddee;
782 table.smalltext tr th {
784 border-left: 1px dotted #666;
788 table.smalltext tr td {
790 border-top: 1px dotted #666;
791 border-left: 1px dotted #666;
794 table.cbi-section-table .cbi-rowstyle-1 {
795 background-color: #f1f6fa;
799 table.cbi-section-table .cbi-rowstyle-1:hover,
800 table.cbi-section-table .cbi-rowstyle-2:hover {
801 background-color: #b2c8d4;
805 table.cbi-section-table .cbi-section-table-cell {
810 .cbi-section .cbi-rowstyle-1 h3 {
811 background-color: #f1f6fa;
821 vertical-align: middle;
822 padding-left: 0.25em;
823 border-bottom: 1px dotted #bbb;
826 div.cbi-value:hover {
837 div.cbi-value-field {
843 div.cbi-value-description {
848 div.cbi-section-create {
854 div.cbi-tblsection-create {
855 border-bottom: 1px dotted #bbb;
858 div.cbi-section-create .cbi-button {
862 input.cbi-section-create-name {
863 margin-right: -0.25em;
864 border-top-width: 1px;
865 border-right-width: 1px;
866 border-bottom-width: 1px;
867 border-left-width: 1px;
868 border-top-color: #999;
869 border-right-color: #999;
870 border-bottom-color: #999;
871 border-left-color: #999;
880 border-bottom: 1px dotted #bbb;
883 div.cbi-section-remove {
889 border-top: 1px dotted #bbb;
890 border-left: 1px dotted #bbb;
891 border-right: 1px dotted #bbb;
896 .cbi-section-node table div {
901 .cbi-section-node div.cbi-section-table-row {
905 table.cbi-section-table {
910 table.cbi-section-table th,
911 table.cbi-section-table td {
915 tr.cbi-section-table-descr th {
920 td.cbi-section-table-optionals {
921 text-align: left !important;
925 .cbi-value-helpicon img {
926 vertical-align: bottom;
933 background-color: #fff;
940 .cbi-value-error input,
941 .cbi-value-error select {
943 background-color: #fcc;
948 background-color: white;
950 border: 1px dotted red;
956 text-align: left !important;
960 text-align: right !important;
974 height: auto !important;
983 text-decoration: none;
993 border: 1px dotted #f00;
994 background-color: #fff;
1000 font-family: monospace;
1003 .uci-change-list ins,
1004 .uci-change-legend-label ins {
1005 text-decoration: none;
1006 border: 1px solid #00FF00;
1007 background-color: #CCFFCC;
1012 .uci-change-list del,
1013 .uci-change-legend-label del {
1014 text-decoration: none;
1015 border: 1px solid #FF0000;
1016 background-color: #FFCCCC;
1022 .uci-change-list var,
1023 .uci-change-legend-label var {
1024 text-decoration: none;
1025 border: 1px solid #CCCCCC;
1026 background-color: #EEEEEE;
1032 .uci-change-list var ins,
1033 .uci-change-list var del {
1034 /*display: inline;*/
1041 .uci-change-legend {
1045 .uci-change-legend-label {
1051 .uci-change-legend-label>ins,
1052 .uci-change-legend-label>del,
1053 .uci-change-legend-label>var {
1061 .uci-change-legend-label var ins,
1062 .uci-change-legend-label var del {