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;
81 background-color: white;
86 background: #FFF url(header.jpg) repeat-x left bottom;
99 font: bold 28px Helvetica;
100 text-decoration: none;
108 padding: 1em 1em 0 1em;
112 padding: 0 1em 1em 1em;
131 html>body ul.dropdowns {
164 ul.dropdowns ul li ul {
169 ul.dropdowns li.over ul ul,
170 ul.dropdowns li.focus ul ul,
171 ul.dropdowns li:hover ul ul,
172 ul.dropdowns li.over ul ul ul,
173 ul.dropdowns li.focus ul ul ul,
174 ul.dropdowns li:hover ul ul ul,
175 ul.dropdowns li.over ul ul ul ul,
176 ul.dropdowns li.focus ul ul ul ul,
177 ul.dropdowns li:hover ul ul ul ul {
181 ul.dropdowns li.over ul,
182 ul.dropdowns li.focus ul,
183 ul.dropdowns li:hover ul {
187 ul.dropdowns ul li.over ul,
188 ul.dropdowns ul li.focus ul,
189 ul.dropdowns ul li:hover ul,
190 ul.dropdowns ul ul li.over ul,
191 ul.dropdowns ul ul li.focus ul,
192 ul.dropdowns ul ul li:hover ul,
193 ul.dropdowns ul ul ul li.over ul,
194 ul.dropdowns ul ul ul li.focus ul,
195 ul.dropdowns ul ul ul li:hover ul {
208 background-color: #FFF;
211 #menubar ul.dropdowns {
217 #menubar ul.dropdowns li ul {
220 border-width: 0 1px 1px 1px;
221 border-style: dashed;
222 border-color: #5a5a5a;
225 #menubar ul.dropdowns ul li ul {
229 html #menubar a:link,
230 html #menubar a:visited {
236 text-decoration: none;
242 html #menubar a:link:hover,
243 html #menubar a:visited:hover,
244 html #menubar a:link:active,
245 html #menubar a:visited:active,
246 #menubar a:link:focus,
247 #menubar a:visited:focus {
252 html #menubar a:link.active,
253 html #menubar a:visited.active,
254 html #menubar a:link.preactive,
255 html #menubar a:visited.preactive {
260 html #menubar a:link.warning,
261 html #menubar a:visited.warning {
265 text-decoration: blink;
268 #menubar ul.dropdowns li.over>a,
269 #menubar ul.dropdowns li.focus>a,
270 #menubar ul.dropdowns li:hover>a {
273 .lang_de #submenu_mini_system { min-width: 13.3em; }
274 * html .lang_de #submenu_mini_system { width: 13.3em; }
276 .lang_pt-br #submenu_mini_network { min-width: 14em; }
277 * html .lang_pt-br #submenu_mini_network { width: 14em; }
279 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
280 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
282 .lang_ru #submenu_mini_system { min-width: 18em; }
283 * html .lang_ru #submenu_mini_system { width: 18em; }
285 .lang_pt-br #submenu_admin_index { min-width: 11em; }
286 * html .lang_pt-br #submenu_admin_index { width: 11em; }
288 .lang_ru #submenu_admin_index { min-width: 15.5em; }
289 * html .lang_ru #submenu_admin_index { width: 15.5em; }
291 .lang_ru #submenu_admin_status { min-width: 10.5em; }
292 * html .lang_ru #submenu_admin_status { width: 10.5em; }
294 .lang_de #submenu_admin_system { min-width: 13.3em; }
295 * html .lang_de #submenu_admin_system { width: 13.3em; }
297 .lang_fr #submenu_admin_system { min-width: 14.5em; }
298 * html .lang_fr #submenu_admin_system { width: 14.5em; }
300 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
301 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
303 .lang_ru #submenu_admin_system { min-width: 18em; }
304 * html .lang_ru #submenu_admin_system { width: 18em; }
306 #submenu_admin_services_chillispot { min-width: 15.5em; }
307 * html #submenu_admin_services_chillispot { width: 15.5em; }
309 #submenu_admin_services_coovachilli { min-width: 15em; }
310 * html #submenu_admin_services_coovachilli { width: 15em; }
312 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
313 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
315 #submenu_admin_network_firewall { min-width: 14em; }
316 * html #submenu_admin_network_firewall { width: 14em; }
318 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
319 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
321 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
322 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
342 .lang_de #submenu_admin_uci {
346 .lang_ru #submenu_admin_uci {
353 border: 3px solid #cccccc;
355 font-family: monospace;
366 background: #ffffff url(bg.jpg) repeat-x center bottom;
367 border: 1px dashed #CCCCCC;
371 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
372 margin: 0.25em 0 0.7em 0;
373 border-bottom: 1px solid;
374 padding: 10px 0 4px 0;
379 margin: 0.5em 0 1.1em 0;
380 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
389 margin-bottom: 0.5em;
391 border: 1px dotted #555555;
392 background-color: #ffffff;
396 .cbi-section legend {
401 background-color: transparent;
406 margin: 0em 0 0.5em -0.5em !important;
410 text-decoration: none !important;
411 font-weight: bold !important;
412 color: #555555 !important;
413 margin: 0.25em !important;
414 font-size: 100% !important;
418 margin-bottom: 0.5em;
424 text-decoration: none;
426 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
427 background-color: inherit;
436 margin-left: 0 !important;
438 list-style-type: none;
441 ul.cbi-tabmenu li.cbi-tab,
442 ul.cbi-tabmenu li.cbi-tab-disabled {
447 ul.cbi-tabmenu li.cbi-tab a,
448 ul.cbi-tabmenu li.cbi-tab-disabled a {
449 text-decoration: none;
452 border: 1px outset #000;
454 background-color: #EEEEEE;
458 ul.cbi-tabmenu li.cbi-tab-highlighted a {
460 background-color: #FFEEAA;
463 ul.cbi-tabmenu li a:hover {
467 ul.cbi-tabmenu li.cbi-tab a {
472 background-color: #FFFFFF;
476 background-image: url(/luci-static/resources/cbi/help.gif);
477 background-position: 0.25em 50%;
478 background-repeat: no-repeat;
479 border-bottom: 1px solid #CCCCCC;
480 margin: 0.25em 0.25em 2em;
481 padding: 0.5em 0.5em 0.5em 2em;
498 border: 1px solid #cccccc;
511 background-color: #ffffff;
517 input[type=password] {
523 td input[type=password] {
527 input.cbi-input-user {
528 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
529 background-color: inherit;
534 input.cbi-input-password {
535 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
536 background-color: inherit;
541 input.cbi-input-find {
542 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
543 background-color: inherit;
548 input.cbi-input-reload {
549 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
550 background-color: inherit;
556 input.cbi-button-add {
557 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
558 background-color: inherit;
562 border: 1px solid #FFF;
565 input.cbi-input-fieldadd,
566 input.cbi-button-fieldadd {
567 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
568 background-color: inherit;
574 input.cbi-input-reset,
575 input.cbi-button-reset {
576 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
577 background-color: inherit;
584 input.cbi-input-save,
585 input.cbi-button-save {
586 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
587 background-color: inherit;
594 input.cbi-input-apply,
595 input.cbi-button-apply {
596 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
597 background-color: inherit;
603 input.cbi-input-link,
604 input.cbi-button-link {
605 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
606 background-color: inherit;
613 input.cbi-input-remove,
614 div.cbi-section-remove input {
615 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
616 background-color: inherit;
620 border: 1px solid #fff;
623 div.cbi-section-remove input {
629 margin-bottom: 0.5em;
632 form > div > input[type=submit],
633 form > div > input[type=reset] {
646 border: 1px solid #666666;
651 border-collapse: collapse;
654 table.smalltext tr:hover td {
655 background-color: #bbddee;
659 table.smalltext tr th {
661 border-left: 1px solid #666666;
665 table.smalltext tr td {
667 border-top: 1px solid #666666;
668 border-left: 1px solid #666666;
671 table.cbi-section-table .cbi-rowstyle-1,
672 table.cbi-section-table .cbi-rowstyle-1 * {
673 background-color: #f1f6fa;
677 .cbi-section .cbi-rowstyle-1 h3 {
678 background-color: #f1f6fa;
688 vertical-align: middle;
689 padding-left: 0.25em;
690 border-bottom: 1px dashed #bbbbbb;
693 div.cbi-value:hover {
704 div.cbi-value-field {
710 div.cbi-value-description {
715 div.cbi-section-create {
721 div.cbi-tblsection-create {
722 border-bottom: 1px dotted #bbbbbb;
725 div.cbi-section-create .cbi-button {
729 input.cbi-section-create-name {
731 margin-right: -0.25em;
732 border-top-width: 1px;
733 border-right-width: 1px;
734 border-bottom-width: 1px;
735 border-left-width: 1px;
736 border-top-color: #999999;
737 border-right-color: #999999;
738 border-bottom-color: #999999;
739 border-left-color: #999999;
748 border-bottom: 1px dotted #bbbbbb;
751 div.cbi-section-remove {
757 border-top: 1px dotted #bbbbbb;
758 border-left: 1px dotted #bbbbbb;
759 border-right: 1px dotted #bbbbbb;
764 .cbi-section-node table div {
769 .cbi-section-node div.cbi-section-table-row {
773 table.cbi-section-table {
778 table.cbi-section-table th,
779 table.cbi-section-table td {
783 tr.cbi-section-table-descr th {
788 td.cbi-section-table-optionals {
789 text-align: left !important;
793 .cbi-value-helpicon img {
794 vertical-align: bottom;
801 background-color: #ffffff;
808 .cbi-value-error input,
809 .cbi-value-error select {
811 background-color: #ffcccc;
816 background-color: white;
818 border: 1px dotted red;
838 height: auto !important;
847 text-decoration: none;
857 border: 1px dotted #ff0000;
858 background-color: #ffffff;