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
#cccccc;
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 input
.cbi-button-find
{
637 background: url
('../resources/cbi/find.gif') no-repeat scroll
1px center
;
638 background-color: inherit
;
644 input
.cbi-input-reload
{
645 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
646 background-color: inherit
;
656 input
.cbi-button-add
{
657 background: url
('../resources/cbi/add.gif') no-repeat scroll
1px center
;
658 background-color: inherit
;
660 padding: 0 1px 0 17px;
661 border: 1px solid
#FFF;
664 input
.cbi-input-fieldadd
,
665 input
.cbi-button-fieldadd
{
666 background: url
(../resources/cbi/fieldadd.gif) no-repeat scroll
1px center
;
667 background-color: inherit
;
669 padding: 0 1px 0 17px;
672 input
.cbi-input-reset
,
673 input
.cbi-button-reset
{
674 background: url
('../resources/cbi/reset.gif') no-repeat scroll
1px center
;
675 background-color: inherit
;
677 padding: 0 1px 0 17px;
683 input
.cbi-input-save
,
684 input
.cbi-button-save
{
685 background: url
('../resources/cbi/save.gif') no-repeat scroll
1px center
;
686 background-color: inherit
;
688 padding: 0 1px 0 17px;
691 input
.cbi-input-apply
,
692 input
.cbi-button-apply
{
693 background: url
('../resources/cbi/apply.gif') no-repeat scroll
1px center
;
694 background-color: inherit
;
696 padding: 0 1px 0 17px;
699 input
.cbi-input-link
,
700 input
.cbi-button-link
{
701 background: url
('../resources/cbi/link.gif') no-repeat scroll
1px center
;
702 background-color: inherit
;
704 padding: 0 1px 0 17px;
708 input
.cbi-input-download
,
709 input
.cbi-button-download
{
710 background: url
('../resources/cbi/download.gif') no-repeat scroll
1px center
;
711 background-color: inherit
;
713 padding: 0 1px 0 17px;
717 input
.cbi-input-remove
,
718 div
.cbi-section-remove input
{
719 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
720 background-color: inherit
;
722 padding: 0 1px 0 17px;
723 border: 1px solid
#fff;
726 input
.cbi-button-up
{
727 background-image: url
('../resources/cbi/up.gif');
728 padding: 0 1px 0 11px;
731 input
.cbi-button-down
{
732 background-image: url
('../resources/cbi/down.gif');
733 padding: 0 1px 0 11px;
736 input
.cbi-button-edit
{
737 background: url
('../resources/cbi/edit.gif') no-repeat scroll
1px center
;
739 padding: 0 1px 0 17px;
742 input
.cbi-button-reload
{
743 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
745 padding: 0 1px 0 17px;
748 input
.cbi-button-remove
{
749 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
751 padding: 0 1px 0 17px;
755 background-image: url
('../resources/cbi/reset.gif');
756 background-repeat: no-repeat
;
757 background-position: right
;
758 color: #FF0000 !important
;
759 border-color: #FF0000;
762 div
.cbi-section-remove input
{
768 margin-bottom: 0.5em;
771 form
> div
> input
[type
=submit
],
772 form
> div
> input
[type
=reset
] {
785 border: 1px solid
#666;
790 border-collapse: collapse
;
793 table
.smalltext
tr:hover td
{
794 background-color: #bbddee;
798 table
.smalltext tr th
{
800 border-left: 1px dotted
#666;
804 table
.smalltext tr td
{
806 border-top: 1px dotted
#666;
807 border-left: 1px dotted
#666;
810 table
.cbi-section-table
.cbi-rowstyle-1
{
811 background-color: #f1f6fa;
815 table
.cbi-section-table
.cbi-rowstyle-1:hover
,
816 table
.cbi-section-table
.cbi-rowstyle-2:hover
{
817 background-color: #b2c8d4;
821 table
.cbi-section-table
.cbi-section-table-cell
{
826 .cbi-section .cbi-rowstyle-1 h3 {
827 background-color: #f1f6fa;
837 vertical-align: middle
;
838 padding-left: 0.25em;
839 border-bottom: 1px dotted
#bbb;
842 div
.cbi-value:hover
{
853 div
.cbi-value-field
{
859 div
.cbi-value-description
{
864 div
.cbi-section-create
{
870 div
.cbi-tblsection-create
{
871 border-bottom: 1px dotted
#bbb;
874 div
.cbi-section-create
.cbi-button
{
878 input
.cbi-section-create-name
{
879 margin-right: -0.25em;
880 border: 1px solid
#999;
889 border-bottom: 1px dotted
#bbb;
892 div
.cbi-section-remove
{
898 border: 1px dotted
#bbb;
903 .cbi-section-node table div {
908 .cbi-section-node div.cbi-section-table-row {
912 table
.cbi-section-table
{
917 table
.cbi-section-table th
,
918 table
.cbi-section-table td
{
922 tr
.cbi-section-table-descr th
{
927 td
.cbi-section-table-optionals
{
928 text-align: left
!important
;
932 .cbi-value-helpicon img {
933 vertical-align: bottom
;
940 background-color: #fff;
947 .cbi-value-error input
,
948 .cbi-value-error select {
950 background-color: #fcc;
955 background-color: white
;
957 border: 1px dotted red
;
963 text-align: left
!important
;
967 text-align: right
!important
;
981 height: auto
!important
;
990 text-decoration: none
;
1000 border: 1px dotted
#f00;
1001 background-color: #fff;
1007 font-family: monospace
;
1010 .uci-change-list ins
,
1011 .uci-change-legend-label ins {
1012 text-decoration: none
;
1013 border: 1px solid
#00FF00;
1014 background-color: #CCFFCC;
1019 .uci-change-list del
,
1020 .uci-change-legend-label del {
1021 text-decoration: none
;
1022 border: 1px solid
#FF0000;
1023 background-color: #FFCCCC;
1029 .uci-change-list var
,
1030 .uci-change-legend-label var {
1031 text-decoration: none
;
1032 border: 1px solid
#CCCCCC;
1033 background-color: #EEEEEE;
1039 .uci-change-list var ins
,
1040 .uci-change-list var del {
1041 /*display: inline;*/
1048 .uci-change-legend {
1052 .uci-change-legend-label {
1058 .uci-change-legend-label
>ins
,
1059 .uci-change-legend-label
>del
,
1060 .uci-change-legend-label>var {
1068 .uci-change-legend-label var ins
,
1069 .uci-change-legend-label var del {