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;
184 font: bold 36px Helvetica;
185 text-decoration: none;
196 padding: 10px 10px 0 0;
207 html>body ul.dropdowns {
240 ul.dropdowns ul li ul {
245 ul.dropdowns li.over ul ul,
246 ul.dropdowns li.focus ul ul,
247 ul.dropdowns li:hover ul ul,
248 ul.dropdowns li.over ul ul ul,
249 ul.dropdowns li.focus ul ul ul,
250 ul.dropdowns li:hover ul ul ul,
251 ul.dropdowns li.over ul ul ul ul,
252 ul.dropdowns li.focus ul ul ul ul,
253 ul.dropdowns li:hover ul ul ul ul {
257 ul.dropdowns li.over ul,
258 ul.dropdowns li.focus ul,
259 ul.dropdowns li:hover ul {
263 ul.dropdowns ul li.over ul,
264 ul.dropdowns ul li.focus ul,
265 ul.dropdowns ul li:hover ul,
266 ul.dropdowns ul ul li.over ul,
267 ul.dropdowns ul ul li.focus ul,
268 ul.dropdowns ul ul li:hover ul,
269 ul.dropdowns ul ul ul li.over ul,
270 ul.dropdowns ul ul ul li.focus ul,
271 ul.dropdowns ul ul ul li:hover ul {
279 #xhr_poll_status #xhr_poll_status_off {
284 #xhr_poll_status #xhr_poll_status_on {
294 border-bottom: 1px dotted #5A5A5A;
298 background-color: #FFF;
301 #menubar ul.dropdowns {
307 #menubar ul.dropdowns li ul {
310 border-width: 0 1px 1px 1px;
311 border-style: dotted;
312 border-color: #5a5a5a;
315 #menubar ul.dropdowns ul li ul {
319 html #menubar a:link,
320 html #menubar a:visited {
326 text-decoration: none;
331 html #menubar a:link:hover,
332 html #menubar a:visited:hover,
333 html #menubar a:link:active,
334 html #menubar a:visited:active,
335 #menubar a:link:focus,
336 #menubar a:visited:focus {
341 html #menubar a:link.active,
342 html #menubar a:visited.active,
343 html #menubar a:link.preactive,
344 html #menubar a:visited.preactive {
349 html #menubar a:link.warning,
350 html #menubar a:visited.warning {
354 text-decoration: blink;
357 #menubar ul.dropdowns li.over>a,
358 #menubar ul.dropdowns li.focus>a,
359 #menubar ul.dropdowns li:hover>a {
362 .lang_de #submenu_mini_system { min-width: 13.3em; }
363 * html .lang_de #submenu_mini_system { width: 13.3em; }
365 .lang_pt-br #submenu_mini_network { min-width: 14em; }
366 * html .lang_pt-br #submenu_mini_network { width: 14em; }
368 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
369 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
371 .lang_ru #submenu_mini_system { min-width: 18em; }
372 * html .lang_ru #submenu_mini_system { width: 18em; }
374 .lang_pt-br #submenu_admin_index { min-width: 11em; }
375 * html .lang_pt-br #submenu_admin_index { width: 11em; }
377 .lang_ru #submenu_admin_index { min-width: 15.5em; }
378 * html .lang_ru #submenu_admin_index { width: 15.5em; }
380 .lang_ru #submenu_admin_status { min-width: 10.5em; }
381 * html .lang_ru #submenu_admin_status { width: 10.5em; }
383 .lang_de #submenu_admin_system { min-width: 13.3em; }
384 * html .lang_de #submenu_admin_system { width: 13.3em; }
386 .lang_fr #submenu_admin_system { min-width: 14.5em; }
387 * html .lang_fr #submenu_admin_system { width: 14.5em; }
389 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
390 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
392 .lang_ru #submenu_admin_system { min-width: 18em; }
393 * html .lang_ru #submenu_admin_system { width: 18em; }
395 #submenu_admin_services_chillispot { min-width: 15.5em; }
396 * html #submenu_admin_services_chillispot { width: 15.5em; }
398 #submenu_admin_services_coovachilli { min-width: 15em; }
399 * html #submenu_admin_services_coovachilli { width: 15em; }
401 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
402 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
404 #submenu_admin_network_firewall { min-width: 14em; }
405 * html #submenu_admin_network_firewall { width: 14em; }
407 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
408 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
410 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
411 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
431 .lang_de #submenu_admin_uci {
435 .lang_ru #submenu_admin_uci {
442 border: 3px solid #ccc;
444 font-family: monospace;
458 font:normal bold 150% "Trebuchet MS", Verdana, sans-serif;
459 margin: 0.25em 0 0.7em 0;
460 border-bottom: 1px solid;
461 padding: 10px 0 4px 0;
466 margin: 0.5em 0 1.1em 0;
467 font:italic bold 125% "Trebuchet MS", Verdana, sans-serif;
476 margin-bottom: 0.5em;
478 border: 1px dotted #555;
479 background-color: #fff;
483 .cbi-section legend {
487 padding: 0.5em 0.25em;
488 background-color: transparent;
493 margin: 0em 0 0.5em -0.5em !important;
497 text-decoration: none !important;
498 font-weight: bold !important;
499 color: #555 !important;
500 margin: 0.25em !important;
501 font-size: 100% !important;
505 margin-bottom: 0.5em;
511 text-decoration: none;
513 background: url('../resources/cbi/link.gif') no-repeat scroll right center;
514 background-color: inherit;
523 margin-left: 0 !important;
525 list-style-type: none;
528 ul.cbi-tabmenu li.cbi-tab,
529 ul.cbi-tabmenu li.cbi-tab-disabled {
534 ul.cbi-tabmenu li.cbi-tab a,
535 ul.cbi-tabmenu li.cbi-tab-disabled a {
536 text-decoration: none;
539 border: 1px dotted #bbb;
541 background-color: #eee;
545 ul.cbi-tabmenu li.cbi-tab-highlighted a {
547 background-color: #FFEEAA;
550 ul.cbi-tabmenu li a:hover {
554 ul.cbi-tabmenu li.cbi-tab a {
559 background-color: #fff;
563 background-image: url(/luci-static/resources/cbi/help.gif);
564 background-position: 0.25em 50%;
565 background-repeat: no-repeat;
566 border-bottom: 1px solid #ccc;
567 margin: 0.25em 0.25em 2em;
568 padding: 0.5em 0.5em 0.5em 2em;
583 border: 1px solid #cccccc;
596 background-color: #fff;
602 input[type=password] {
608 td input[type=password] {
612 img.cbi-image-button {
615 vertical-align: middle;
618 input.cbi-input-user {
619 background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
620 background-color: inherit;
625 input.cbi-input-password {
626 background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
627 background-color: inherit;
632 input.cbi-input-find,
633 input.cbi-button-find {
634 background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
635 background-color: inherit;
641 input.cbi-input-reload {
642 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
643 background-color: inherit;
653 input.cbi-button-add {
654 background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
655 background-color: inherit;
657 padding: 0 1px 0 17px;
658 border: 1px solid #FFF;
661 input.cbi-input-fieldadd,
662 input.cbi-button-fieldadd {
663 background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
664 background-color: inherit;
666 padding: 0 1px 0 17px;
669 input.cbi-input-reset,
670 input.cbi-button-reset {
671 background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
672 background-color: inherit;
674 padding: 0 1px 0 17px;
680 input.cbi-input-save,
681 input.cbi-button-save {
682 background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
683 background-color: inherit;
685 padding: 0 1px 0 17px;
688 input.cbi-input-apply,
689 input.cbi-button-apply {
690 background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
691 background-color: inherit;
693 padding: 0 1px 0 17px;
696 input.cbi-input-link,
697 input.cbi-button-link {
698 background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
699 background-color: inherit;
701 padding: 0 1px 0 17px;
705 input.cbi-input-download,
706 input.cbi-button-download {
707 background: url('../resources/cbi/download.gif') no-repeat scroll 1px center;
708 background-color: inherit;
710 padding: 0 1px 0 17px;
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;
719 padding: 0 1px 0 17px;
720 border: 1px solid #fff;
723 input.cbi-button-up {
724 background-image: url('../resources/cbi/up.gif');
725 padding: 0 1px 0 11px;
728 input.cbi-button-down {
729 background-image: url('../resources/cbi/down.gif');
730 padding: 0 1px 0 11px;
733 input.cbi-button-edit {
734 background: url('../resources/cbi/edit.gif') no-repeat scroll 1px center;
736 padding: 0 1px 0 17px;
739 input.cbi-button-reload {
740 background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
742 padding: 0 1px 0 17px;
745 input.cbi-button-remove {
746 background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
748 padding: 0 1px 0 17px;
752 background-image: url('../resources/cbi/reset.gif');
753 background-repeat: no-repeat;
754 background-position: right;
755 color: #FF0000 !important;
756 border-color: #FF0000;
759 div.cbi-section-remove input {
765 margin-bottom: 0.5em;
768 form > div > input[type=submit],
769 form > div > input[type=reset] {
782 border: 1px solid #666;
787 border-collapse: collapse;
790 table.smalltext tr:hover td {
791 background-color: #bbddee;
795 table.smalltext tr th {
797 border-left: 1px dotted #666;
801 table.smalltext tr td {
803 border-top: 1px dotted #666;
804 border-left: 1px dotted #666;
807 table.cbi-section-table .cbi-rowstyle-1 {
808 background-color: #f1f6fa;
812 table.cbi-section-table .cbi-rowstyle-1:hover,
813 table.cbi-section-table .cbi-rowstyle-2:hover {
814 background-color: #b2c8d4;
818 table.cbi-section-table .cbi-section-table-cell {
823 .cbi-section .cbi-rowstyle-1 h3 {
824 background-color: #f1f6fa;
834 vertical-align: middle;
835 padding-left: 0.25em;
836 border-bottom: 1px dotted #bbb;
839 div.cbi-value:hover {
850 div.cbi-value-field {
856 div.cbi-value-description {
861 div.cbi-section-create {
867 div.cbi-tblsection-create {
868 border-bottom: 1px dotted #bbb;
871 div.cbi-section-create .cbi-button {
875 input.cbi-section-create-name {
876 margin-right: -0.25em;
877 border: 1px solid #999;
886 border-bottom: 1px dotted #bbb;
889 div.cbi-section-remove {
895 border: 1px dotted #bbb;
900 .cbi-section-node table div {
905 .cbi-section-node div.cbi-section-table-row {
909 table.cbi-section-table {
914 table.cbi-section-table th,
915 table.cbi-section-table td {
919 tr.cbi-section-table-descr th {
924 td.cbi-section-table-optionals {
925 text-align: left !important;
929 .cbi-value-helpicon img {
930 vertical-align: bottom;
937 background-color: #fff;
944 .cbi-value-error input,
945 .cbi-value-error select {
947 background-color: #fcc;
952 background-color: white;
954 border: 1px dotted red;
960 text-align: left !important;
964 text-align: right !important;
979 height: auto !important;
988 text-decoration: none;
998 border: 1px dotted #f00;
999 background-color: #fff;
1005 font-family: monospace;
1008 .uci-change-list ins,
1009 .uci-change-legend-label ins {
1010 text-decoration: none;
1011 border: 1px solid #00FF00;
1012 background-color: #CCFFCC;
1017 .uci-change-list del,
1018 .uci-change-legend-label del {
1019 text-decoration: none;
1020 border: 1px solid #FF0000;
1021 background-color: #FFCCCC;
1027 .uci-change-list var,
1028 .uci-change-legend-label var {
1029 text-decoration: none;
1030 border: 1px solid #CCCCCC;
1031 background-color: #EEEEEE;
1037 .uci-change-list var ins,
1038 .uci-change-list var del {
1039 /*display: inline;*/
1046 .uci-change-legend {
1050 .uci-change-legend-label {
1056 .uci-change-legend-label>ins,
1057 .uci-change-legend-label>del,
1058 .uci-change-legend-label>var {
1066 .uci-change-legend-label var ins,
1067 .uci-change-legend-label var del {