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: #FFF url(header.jpg) repeat-x left bottom;
115 font: bold 28px Helvetica;
116 text-decoration: none;
120 padding: 0 1em 1em 1em;
139 html>body ul.dropdowns {
172 ul.dropdowns ul li ul {
177 ul.dropdowns li.over ul ul,
178 ul.dropdowns li.focus ul ul,
179 ul.dropdowns li:hover ul ul,
180 ul.dropdowns li.over ul ul ul,
181 ul.dropdowns li.focus ul ul ul,
182 ul.dropdowns li:hover ul ul ul,
183 ul.dropdowns li.over ul ul ul ul,
184 ul.dropdowns li.focus ul ul ul ul,
185 ul.dropdowns li:hover ul ul ul ul {
189 ul.dropdowns li.over ul,
190 ul.dropdowns li.focus ul,
191 ul.dropdowns li:hover ul {
195 ul.dropdowns ul li.over ul,
196 ul.dropdowns ul li.focus ul,
197 ul.dropdowns ul li:hover ul,
198 ul.dropdowns ul ul li.over ul,
199 ul.dropdowns ul ul li.focus ul,
200 ul.dropdowns ul ul li:hover ul,
201 ul.dropdowns ul ul ul li.over ul,
202 ul.dropdowns ul ul ul li.focus ul,
203 ul.dropdowns ul ul ul li:hover ul {
216 background-color: #FFF;
219 #menubar ul.dropdowns {
225 #menubar ul.dropdowns li ul {
228 border-width: 0 1px 1px 1px;
229 border-style: dashed;
230 border-color: #5a5a5a;
233 #menubar ul.dropdowns ul li ul {
237 html #menubar a:link,
238 html #menubar a:visited {
244 text-decoration: none;
249 html #menubar a:link:hover,
250 html #menubar a:visited:hover,
251 html #menubar a:link:active,
252 html #menubar a:visited:active,
253 #menubar a:link:focus,
254 #menubar a:visited:focus {
259 html #menubar a:link.active,
260 html #menubar a:visited.active,
261 html #menubar a:link.preactive,
262 html #menubar a:visited.preactive {
267 html #menubar a:link.warning,
268 html #menubar a:visited.warning {
272 text-decoration: blink;
275 #menubar ul.dropdowns li.over>a,
276 #menubar ul.dropdowns li.focus>a,
277 #menubar ul.dropdowns li:hover>a {
280 .lang_de #submenu_mini_system { min-width: 13.3em; }
281 * html .lang_de #submenu_mini_system { width: 13.3em; }
283 .lang_pt-br #submenu_mini_network { min-width: 14em; }
284 * html .lang_pt-br #submenu_mini_network { width: 14em; }
286 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
287 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
289 .lang_ru #submenu_mini_system { min-width: 18em; }
290 * html .lang_ru #submenu_mini_system { width: 18em; }
292 .lang_pt-br #submenu_admin_index { min-width: 11em; }
293 * html .lang_pt-br #submenu_admin_index { width: 11em; }
295 .lang_ru #submenu_admin_index { min-width: 15.5em; }
296 * html .lang_ru #submenu_admin_index { width: 15.5em; }
298 .lang_ru #submenu_admin_status { min-width: 10.5em; }
299 * html .lang_ru #submenu_admin_status { width: 10.5em; }
301 .lang_de #submenu_admin_system { min-width: 13.3em; }
302 * html .lang_de #submenu_admin_system { width: 13.3em; }
304 .lang_fr #submenu_admin_system { min-width: 14.5em; }
305 * html .lang_fr #submenu_admin_system { width: 14.5em; }
307 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
308 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
310 .lang_ru #submenu_admin_system { min-width: 18em; }
311 * html .lang_ru #submenu_admin_system { width: 18em; }
313 #submenu_admin_services_chillispot { min-width: 15.5em; }
314 * html #submenu_admin_services_chillispot { width: 15.5em; }
316 #submenu_admin_services_coovachilli { min-width: 15em; }
317 * html #submenu_admin_services_coovachilli { width: 15em; }
319 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
320 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
322 #submenu_admin_network_firewall { min-width: 14em; }
323 * html #submenu_admin_network_firewall { width: 14em; }
325 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
326 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
328 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
329 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
349 .lang_de #submenu_admin_uci {
353 .lang_ru #submenu_admin_uci {
360 border: 3px solid #ccc;
362 font-family: monospace;
373 background: #fff url(bg.jpg) repeat-x center bottom;
374 border: 1px dashed #ccc;
378 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
379 margin: 0.25em 0 0.7em 0;
380 border-bottom: 1px solid;
381 padding: 10px 0 4px 0;
386 margin: 0.5em 0 1.1em 0;
387 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
396 margin-bottom: 0.5em;
398 border: 1px dotted #555;
399 background-color: #fff;
403 .cbi-section legend {
408 background-color: transparent;
413 margin: 0em 0 0.5em -0.5em !important;
417 text-decoration: none !important;
418 font-weight: bold !important;
419 color: #555 !important;
420 margin: 0.25em !important;
421 font-size: 100% !important;
425 margin-bottom: 0.5em;
431 text-decoration: none;
433 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
434 background-color: inherit;
443 margin-left: 0 !important;
445 list-style-type: none;
448 ul.cbi-tabmenu li.cbi-tab,
449 ul.cbi-tabmenu li.cbi-tab-disabled {
454 ul.cbi-tabmenu li.cbi-tab a,
455 ul.cbi-tabmenu li.cbi-tab-disabled a {
456 text-decoration: none;
459 border: 1px outset #000;
461 background-color: #eee;
465 ul.cbi-tabmenu li.cbi-tab-highlighted a {
467 background-color: #FFEEAA;
470 ul.cbi-tabmenu li a:hover {
474 ul.cbi-tabmenu li.cbi-tab a {
479 background-color: #fff;
483 background-image: url(/luci-static/resources/cbi/help.gif);
484 background-position: 0.25em 50%;
485 background-repeat: no-repeat;
486 border-bottom: 1px solid #ccc;
487 margin: 0.25em 0.25em 2em;
488 padding: 0.5em 0.5em 0.5em 2em;
503 border: 1px solid #ccc;
516 background-color: #fff;
522 input[type=password] {
528 td input[type=password] {
532 input.cbi-input-user {
533 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
534 background-color: inherit;
539 input.cbi-input-password {
540 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
541 background-color: inherit;
546 input.cbi-input-find {
547 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
548 background-color: inherit;
553 input.cbi-input-reload {
554 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
555 background-color: inherit;
565 input.cbi-button-add {
566 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
567 background-color: inherit;
571 border: 1px solid #FFF;
574 input.cbi-input-fieldadd,
575 input.cbi-button-fieldadd {
576 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
577 background-color: inherit;
583 input.cbi-input-reset,
584 input.cbi-button-reset {
585 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
586 background-color: inherit;
593 input.cbi-input-save,
594 input.cbi-button-save {
595 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
596 background-color: inherit;
603 input.cbi-input-apply,
604 input.cbi-button-apply {
605 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
606 background-color: inherit;
612 input.cbi-input-link,
613 input.cbi-button-link {
614 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
615 background-color: inherit;
622 input.cbi-input-remove,
623 div.cbi-section-remove input {
624 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
625 background-color: inherit;
629 border: 1px solid #fff;
632 div.cbi-section-remove input {
638 margin-bottom: 0.5em;
641 form > div > input[type=submit],
642 form > div > input[type=reset] {
655 border: 1px solid #666;
660 border-collapse: collapse;
663 table.smalltext tr:hover td {
664 background-color: #bbddee;
668 table.smalltext tr th {
670 border-left: 1px dotted #666;
674 table.smalltext tr td {
676 border-top: 1px dotted #666;
677 border-left: 1px dotted #666;
680 table.cbi-section-table .cbi-rowstyle-1,
681 table.cbi-section-table .cbi-rowstyle-1 * {
682 background-color: #f1f6fa;
686 .cbi-section .cbi-rowstyle-1 h3 {
687 background-color: #f1f6fa;
697 vertical-align: middle;
698 padding-left: 0.25em;
699 border-bottom: 1px dashed #bbb;
702 div.cbi-value:hover {
713 div.cbi-value-field {
719 div.cbi-value-description {
724 div.cbi-section-create {
730 div.cbi-tblsection-create {
731 border-bottom: 1px dotted #bbb;
734 div.cbi-section-create .cbi-button {
738 input.cbi-section-create-name {
739 margin-right: -0.25em;
740 border-top-width: 1px;
741 border-right-width: 1px;
742 border-bottom-width: 1px;
743 border-left-width: 1px;
744 border-top-color: #999;
745 border-right-color: #999;
746 border-bottom-color: #999;
747 border-left-color: #999;
756 border-bottom: 1px dotted #bbb;
759 div.cbi-section-remove {
765 border-top: 1px dotted #bbb;
766 border-left: 1px dotted #bbb;
767 border-right: 1px dotted #bbb;
772 .cbi-section-node table div {
777 .cbi-section-node div.cbi-section-table-row {
781 table.cbi-section-table {
786 table.cbi-section-table th,
787 table.cbi-section-table td {
791 tr.cbi-section-table-descr th {
796 td.cbi-section-table-optionals {
797 text-align: left !important;
801 .cbi-value-helpicon img {
802 vertical-align: bottom;
809 background-color: #fff;
816 .cbi-value-error input,
817 .cbi-value-error select {
819 background-color: #fcc;
824 background-color: white;
826 border: 1px dotted red;
846 height: auto !important;
855 text-decoration: none;
865 border: 1px dotted #f00;
866 background-color: #fff;