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;
94 #header {height: auto
;
95 background: #FFF url
(header.jpg) repeat-x left bottom
;
102 padding: 10px 10px 0px 10px;
121 font: bold
36px Helvetica
;
122 text-decoration: none
;
125 .header_left .spacer {
150 html
>body ul
.dropdowns
{
183 ul
.dropdowns ul li ul
{
188 ul
.dropdowns li
.over ul ul
,
189 ul
.dropdowns li
.focus ul ul
,
190 ul
.dropdowns
li:hover ul ul
,
191 ul
.dropdowns li
.over ul ul ul
,
192 ul
.dropdowns li
.focus ul ul ul
,
193 ul
.dropdowns
li:hover ul ul ul
,
194 ul
.dropdowns li
.over ul ul ul ul
,
195 ul
.dropdowns li
.focus ul ul ul ul
,
196 ul
.dropdowns
li:hover ul ul ul ul
{
200 ul
.dropdowns li
.over ul
,
201 ul
.dropdowns li
.focus ul
,
202 ul
.dropdowns
li:hover ul
{
206 ul
.dropdowns ul li
.over ul
,
207 ul
.dropdowns ul li
.focus ul
,
208 ul
.dropdowns ul
li:hover ul
,
209 ul
.dropdowns ul ul li
.over ul
,
210 ul
.dropdowns ul ul li
.focus ul
,
211 ul
.dropdowns ul ul
li:hover ul
,
212 ul
.dropdowns ul ul ul li
.over ul
,
213 ul
.dropdowns ul ul ul li
.focus ul
,
214 ul
.dropdowns ul ul ul
li:hover ul
{
227 background-color: #FFF;
230 #menubar ul
.dropdowns
{
236 #menubar ul
.dropdowns li ul
{
239 border-width: 0 1px 1px 1px;
240 border-style: dashed
;
241 border-color: #5a5a5a;
244 #menubar ul
.dropdowns ul li ul
{
248 html #menubar
a:link
,
249 html #menubar
a:visited
{
255 text-decoration: none
;
260 html #menubar
a:link:hover
,
261 html #menubar
a:visited:hover
,
262 html #menubar
a:link:active
,
263 html #menubar
a:visited:active
,
264 #menubar a:link:focus
,
265 #menubar a:visited:focus
{
270 html #menubar
a:link
.active
,
271 html #menubar
a:visited
.active
,
272 html #menubar
a:link
.preactive
,
273 html #menubar
a:visited
.preactive
{
278 html #menubar
a:link
.warning
,
279 html #menubar
a:visited
.warning
{
283 text-decoration: blink
;
286 #menubar ul
.dropdowns li
.over
>a
,
287 #menubar ul
.dropdowns li
.focus
>a
,
288 #menubar ul
.dropdowns
li:hover
>a
{
291 .lang_de #submenu_mini_system { min-width: 13.3em; }
292 * html
.lang_de #submenu_mini_system
{ width: 13.3em; }
294 .lang_pt-br #submenu_mini_network { min-width: 14em; }
295 * html
.lang_pt-br #submenu_mini_network
{ width: 14em; }
297 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
298 * html
.lang_pt-br #submenu_mini_system
{ width: 11.5em; }
300 .lang_ru #submenu_mini_system { min-width: 18em; }
301 * html
.lang_ru #submenu_mini_system
{ width: 18em; }
303 .lang_pt-br #submenu_admin_index { min-width: 11em; }
304 * html
.lang_pt-br #submenu_admin_index
{ width: 11em; }
306 .lang_ru #submenu_admin_index { min-width: 15.5em; }
307 * html
.lang_ru #submenu_admin_index
{ width: 15.5em; }
309 .lang_ru #submenu_admin_status { min-width: 10.5em; }
310 * html
.lang_ru #submenu_admin_status
{ width: 10.5em; }
312 .lang_de #submenu_admin_system { min-width: 13.3em; }
313 * html
.lang_de #submenu_admin_system
{ width: 13.3em; }
315 .lang_fr #submenu_admin_system { min-width: 14.5em; }
316 * html
.lang_fr #submenu_admin_system
{ width: 14.5em; }
318 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
319 * html
.lang_pt-br #submenu_admin_system
{ width: 11.5em; }
321 .lang_ru #submenu_admin_system { min-width: 18em; }
322 * html
.lang_ru #submenu_admin_system
{ width: 18em; }
324 #submenu_admin_services_chillispot { min-width: 15.5em; }
325 * html #submenu_admin_services_chillispot
{ width: 15.5em; }
327 #submenu_admin_services_coovachilli { min-width: 15em; }
328 * html #submenu_admin_services_coovachilli
{ width: 15em; }
330 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
331 * html
.lang_ru #submenu_admin_network_routes
{ width: 15.3em; }
333 #submenu_admin_network_firewall { min-width: 14em; }
334 * html #submenu_admin_network_firewall
{ width: 14em; }
336 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
337 * html
.lang_de #submenu_admin_network_firewall
{ width: 16.5em; }
339 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
340 * html
.lang_pt-br #submenu_admin_network_firewall
{ width: 15em; }
360 .lang_de #submenu_admin_uci {
364 .lang_ru #submenu_admin_uci {
371 border: 3px solid
#ccc;
373 font-family: monospace
;
384 background: #fff url
(bg.jpg) repeat-x center bottom
;
385 border: 1px dashed
#ccc;
389 font:normal bold
150% "Trebuchet MS", Verdana
, sans-serif
;
390 margin: 0.25em 0 0.7em 0;
391 border-bottom: 1px solid
;
392 padding: 10px 0 4px 0;
397 margin: 0.5em 0 1.1em 0;
398 font:italic bold
125% "Trebuchet MS", Verdana
, sans-serif
;
407 margin-bottom: 0.5em;
409 border: 1px dotted
#555;
410 background-color: #fff;
414 .cbi-section legend {
419 background-color: transparent
;
424 margin: 0em 0 0.5em -0.5em !important
;
428 text-decoration: none
!important
;
429 font-weight: bold
!important
;
430 color: #555 !important
;
431 margin: 0.25em !important
;
432 font-size: 100% !important
;
436 margin-bottom: 0.5em;
442 text-decoration: none
;
444 background: url
('../resources/cbi/link.gif') no-repeat scroll right center
;
445 background-color: inherit
;
454 margin-left: 0 !important
;
456 list-style-type: none
;
459 ul
.cbi-tabmenu li
.cbi-tab
,
460 ul
.cbi-tabmenu li
.cbi-tab-disabled
{
465 ul
.cbi-tabmenu li
.cbi-tab a
,
466 ul
.cbi-tabmenu li
.cbi-tab-disabled a
{
467 text-decoration: none
;
470 border: 1px outset
#000;
472 background-color: #eee;
476 ul
.cbi-tabmenu li
.cbi-tab-highlighted a
{
478 background-color: #FFEEAA;
481 ul
.cbi-tabmenu li
a:hover
{
485 ul
.cbi-tabmenu li
.cbi-tab a
{
490 background-color: #fff;
494 background-image: url
(/luci-static
/resources
/cbi
/help
.gif
);
495 background-position: 0.25em 50%;
496 background-repeat: no-repeat
;
497 border-bottom: 1px solid
#ccc;
498 margin: 0.25em 0.25em 2em;
499 padding: 0.5em 0.5em 0.5em 2em;
514 border: 1px solid
#ccc;
527 background-color: #fff;
533 input
[type
=password
] {
539 td input
[type
=password
] {
543 img
.cbi-image-button
{
546 vertical-align: middle
;
549 input
.cbi-input-user
{
550 background: url
('../resources/cbi/user.gif') no-repeat scroll
1px center
;
551 background-color: inherit
;
556 input
.cbi-input-password
{
557 background: url
('../resources/cbi/key.gif') no-repeat scroll
1px center
;
558 background-color: inherit
;
563 input
.cbi-input-find
{
564 background: url
('../resources/cbi/find.gif') no-repeat scroll
1px center
;
565 background-color: inherit
;
570 input
.cbi-input-reload
{
571 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
572 background-color: inherit
;
582 input
.cbi-button-add
{
583 background: url
('../resources/cbi/add.gif') no-repeat scroll
1px center
;
584 background-color: inherit
;
588 border: 1px solid
#FFF;
591 input
.cbi-input-fieldadd
,
592 input
.cbi-button-fieldadd
{
593 background: url
(../resources/cbi/fieldadd.gif) no-repeat scroll
1px center
;
594 background-color: inherit
;
600 input
.cbi-input-reset
,
601 input
.cbi-button-reset
{
602 background: url
('../resources/cbi/reset.gif') no-repeat scroll
1px center
;
603 background-color: inherit
;
610 input
.cbi-input-save
,
611 input
.cbi-button-save
{
612 background: url
('../resources/cbi/save.gif') no-repeat scroll
1px center
;
613 background-color: inherit
;
620 input
.cbi-input-apply
,
621 input
.cbi-button-apply
{
622 background: url
('../resources/cbi/apply.gif') no-repeat scroll
1px center
;
623 background-color: inherit
;
629 input
.cbi-input-link
,
630 input
.cbi-button-link
{
631 background: url
('../resources/cbi/link.gif') no-repeat scroll
1px center
;
632 background-color: inherit
;
639 input
.cbi-input-remove
,
640 div
.cbi-section-remove input
{
641 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
642 background-color: inherit
;
646 border: 1px solid
#fff;
649 div
.cbi-section-remove input
{
655 margin-bottom: 0.5em;
658 form
> div
> input
[type
=submit
],
659 form
> div
> input
[type
=reset
] {
672 border: 1px solid
#666;
677 border-collapse: collapse
;
680 table
.smalltext
tr:hover td
{
681 background-color: #bbddee;
685 table
.smalltext tr th
{
687 border-left: 1px dotted
#666;
691 table
.smalltext tr td
{
693 border-top: 1px dotted
#666;
694 border-left: 1px dotted
#666;
697 table
.cbi-section-table
.cbi-rowstyle-1
,
698 table
.cbi-section-table
.cbi-rowstyle-1
* {
699 background-color: #f1f6fa;
703 .cbi-section .cbi-rowstyle-1 h3 {
704 background-color: #f1f6fa;
714 vertical-align: middle
;
715 padding-left: 0.25em;
716 border-bottom: 1px dashed
#bbb;
719 div
.cbi-value:hover
{
730 div
.cbi-value-field
{
736 div
.cbi-value-description
{
741 div
.cbi-section-create
{
747 div
.cbi-tblsection-create
{
748 border-bottom: 1px dotted
#bbb;
751 div
.cbi-section-create
.cbi-button
{
755 input
.cbi-section-create-name
{
756 margin-right: -0.25em;
757 border-top-width: 1px;
758 border-right-width: 1px;
759 border-bottom-width: 1px;
760 border-left-width: 1px;
761 border-top-color: #999;
762 border-right-color: #999;
763 border-bottom-color: #999;
764 border-left-color: #999;
773 border-bottom: 1px dotted
#bbb;
776 div
.cbi-section-remove
{
782 border-top: 1px dotted
#bbb;
783 border-left: 1px dotted
#bbb;
784 border-right: 1px dotted
#bbb;
789 .cbi-section-node table div {
794 .cbi-section-node div.cbi-section-table-row {
798 table
.cbi-section-table
{
803 table
.cbi-section-table th
,
804 table
.cbi-section-table td
{
808 tr
.cbi-section-table-descr th
{
813 td
.cbi-section-table-optionals
{
814 text-align: left
!important
;
818 .cbi-value-helpicon img {
819 vertical-align: bottom
;
826 background-color: #fff;
833 .cbi-value-error input
,
834 .cbi-value-error select {
836 background-color: #fcc;
841 background-color: white
;
843 border: 1px dotted red
;
863 height: auto
!important
;
872 text-decoration: none
;
882 border: 1px dotted
#f00;
883 background-color: #fff;