12 background-color: #4a6b7c;
13 background-image: url
(bg.jpg);
14 background-position: bottom center
;
15 background-repeat: repeat-x
;
16 font-family: Verdana
, Arial
, sans-serif
;
19 padding-bottom: 1.5em;
35 border-bottom: 1px dotted
;
40 a:visited abbr
[title
],
41 a:link acronym
[title
],
42 a:visited acronym
[title
] {
47 font-family: monospace
;
57 background-color: white
;
79 background-color: white
;
84 background-image: url
(header.png);
85 background-repeat: no-repeat
;
86 background-position: left center
;
87 background-color: #557788;
93 padding: 1em 1em 0 1em;
97 padding: 0 1em 1em 1em;
116 html
>body ul
.dropdowns
{
149 ul
.dropdowns ul li ul
{
154 ul
.dropdowns li
.over ul ul
,
155 ul
.dropdowns li
.focus ul ul
,
156 ul
.dropdowns
li:hover ul ul
,
157 ul
.dropdowns li
.over ul ul ul
,
158 ul
.dropdowns li
.focus ul ul ul
,
159 ul
.dropdowns
li:hover ul ul ul
,
160 ul
.dropdowns li
.over ul ul ul ul
,
161 ul
.dropdowns li
.focus ul ul ul ul
,
162 ul
.dropdowns
li:hover ul ul ul ul
{
166 ul
.dropdowns li
.over ul
,
167 ul
.dropdowns li
.focus ul
,
168 ul
.dropdowns
li:hover ul
{
172 ul
.dropdowns ul li
.over ul
,
173 ul
.dropdowns ul li
.focus ul
,
174 ul
.dropdowns ul
li:hover ul
,
175 ul
.dropdowns ul ul li
.over ul
,
176 ul
.dropdowns ul ul li
.focus ul
,
177 ul
.dropdowns ul ul
li:hover ul
,
178 ul
.dropdowns ul ul ul li
.over ul
,
179 ul
.dropdowns ul ul ul li
.focus ul
,
180 ul
.dropdowns ul ul ul
li:hover ul
{
193 background-color: #557788;
196 #menubar ul
.dropdowns
{
202 #menubar ul
.dropdowns li ul
{
205 border-width: 0 1px 1px 1px;
207 border-color: #444444;
210 #menubar ul
.dropdowns ul li ul
{
214 html #menubar
a:link
,
215 html #menubar
a:visited
{
221 text-decoration: none
;
227 html #menubar
a:link:hover
,
228 html #menubar
a:visited:hover
,
229 html #menubar
a:link:active
,
230 html #menubar
a:visited:active
,
231 #menubar a:link:focus
,
232 #menubar a:visited:focus
{
238 html #menubar
a:link
.active
,
239 html #menubar
a:visited
.active
,
240 html #menubar
a:link
.preactive
,
241 html #menubar
a:visited
.preactive
{
247 html #menubar
a:link
.warning
,
248 html #menubar
a:visited
.warning
{
254 #menubar ul
.dropdowns li
.over
>a
,
255 #menubar ul
.dropdowns li
.focus
>a
,
256 #menubar ul
.dropdowns
li:hover
>a
{
260 .lang_de #submenu_mini_system { min-width: 13.3em; }
261 * html
.lang_de #submenu_mini_system
{ width: 13.3em; }
263 .lang_pt-br #submenu_mini_network { min-width: 14em; }
264 * html
.lang_pt-br #submenu_mini_network
{ width: 14em; }
266 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
267 * html
.lang_pt-br #submenu_mini_system
{ width: 11.5em; }
269 .lang_ru #submenu_mini_system { min-width: 18em; }
270 * html
.lang_ru #submenu_mini_system
{ width: 18em; }
272 .lang_pt-br #submenu_admin_index { min-width: 11em; }
273 * html
.lang_pt-br #submenu_admin_index
{ width: 11em; }
275 .lang_ru #submenu_admin_index { min-width: 15.5em; }
276 * html
.lang_ru #submenu_admin_index
{ width: 15.5em; }
278 .lang_ru #submenu_admin_status { min-width: 10.5em; }
279 * html
.lang_ru #submenu_admin_status
{ width: 10.5em; }
281 .lang_de #submenu_admin_system { min-width: 13.3em; }
282 * html
.lang_de #submenu_admin_system
{ width: 13.3em; }
284 .lang_fr #submenu_admin_system { min-width: 14.5em; }
285 * html
.lang_fr #submenu_admin_system
{ width: 14.5em; }
287 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
288 * html
.lang_pt-br #submenu_admin_system
{ width: 11.5em; }
290 .lang_ru #submenu_admin_system { min-width: 18em; }
291 * html
.lang_ru #submenu_admin_system
{ width: 18em; }
293 #submenu_admin_services_chillispot { min-width: 15.5em; }
294 * html #submenu_admin_services_chillispot
{ width: 15.5em; }
296 #submenu_admin_services_coovachilli { min-width: 15em; }
297 * html #submenu_admin_services_coovachilli
{ width: 15em; }
299 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
300 * html
.lang_ru #submenu_admin_network_routes
{ width: 15.3em; }
302 #submenu_admin_network_firewall { min-width: 14em; }
303 * html #submenu_admin_network_firewall
{ width: 14em; }
305 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
306 * html
.lang_de #submenu_admin_network_firewall
{ width: 16.5em; }
308 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
309 * html
.lang_pt-br #submenu_admin_network_firewall
{ width: 15em; }
329 .lang_de #submenu_admin_uci {
333 .lang_ru #submenu_admin_uci {
340 border: 3px solid
#cccccc;
342 font-family: monospace
;
352 border-width: 0 1px 1px 1px;
354 border-color: #444444;
360 font-family: Trebuchet MS
, Verdana
, sans-serif
;
362 margin: 0.25em 0 0.7em 0;
363 border-bottom: 1px solid
;
369 margin: 0.5em 0 1.1em 0;
373 font-family: Trebuchet MS
, Verdana
, sans-serif
;
382 margin-bottom: 0.5em;
384 border: 1px dotted
#555555;
385 background-color: #ffffff;
389 .cbi-section legend {
394 background-color: transparent
;
399 margin: 0em 0 0.5em -0.5em !important
;
403 text-decoration: none
!important
;
404 font-weight: bold
!important
;
405 color: #555555 !important
;
406 margin: 0.25em !important
;
407 font-size: 100% !important
;
411 margin-bottom: 0.5em;
417 text-decoration: none
;
419 background: url
('../resources/cbi/link.gif') no-repeat scroll right center
;
420 background-color: inherit
;
440 border-color: #000000;
453 background-color: #ffffff;
459 input
[type
=password
] {
465 td input
[type
=password
] {
469 input
.cbi-input-user
{
470 background: url
('../resources/cbi/user.gif') no-repeat scroll
1px center
;
471 background-color: inherit
;
476 input
.cbi-input-password
{
477 background: url
('../resources/cbi/key.gif') no-repeat scroll
1px center
;
478 background-color: inherit
;
483 input
.cbi-input-find
{
484 background: url
('../resources/cbi/find.gif') no-repeat scroll
1px center
;
485 background-color: inherit
;
490 input
.cbi-input-reload
{
491 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
492 background-color: inherit
;
498 input
.cbi-button-add
{
499 background: url
('../resources/cbi/add.gif') no-repeat scroll
1px center
;
500 background-color: inherit
;
506 input
.cbi-input-fieldadd
,
507 input
.cbi-button-fieldadd
{
508 background: url
(../resources/cbi/fieldadd.gif) no-repeat scroll
1px center
;
509 background-color: inherit
;
515 input
.cbi-input-reset
,
516 input
.cbi-button-reset
{
517 background: url
('../resources/cbi/reset.gif') no-repeat scroll
1px center
;
518 background-color: inherit
;
524 input
.cbi-input-save
,
525 input
.cbi-button-save
{
526 background: url
('../resources/cbi/save.gif') no-repeat scroll
1px center
;
527 background-color: inherit
;
533 input
.cbi-input-apply
,
534 input
.cbi-button-apply
{
535 background: url
('../resources/cbi/apply.gif') no-repeat scroll
1px center
;
536 background-color: inherit
;
542 input
.cbi-input-remove
,
543 div
.cbi-section-remove input
{
544 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
545 background-color: inherit
;
551 div
.cbi-section-remove input
{
557 margin-bottom: 0.5em;
560 form
> div
> input
[type
=submit
],
561 form
> div
> input
[type
=reset
] {
574 border-top: 1px solid
#666666;
575 border-right: 1px solid
#666666;
576 border-bottom: 1px solid
#666666;
581 border-collapse: collapse
;
584 table
.smalltext
tr:hover td
{
585 background-color: #bbddee;
589 table
.smalltext tr th
{
591 border-left: 1px solid
#666666;
595 table
.smalltext tr td
{
597 border-top: 1px solid
#666666;
598 border-left: 1px solid
#666666;
601 table
.cbi-section-table
.cbi-rowstyle-1
,
602 table
.cbi-section-table
.cbi-rowstyle-1
* {
603 background-color: #eeeeff;
607 .cbi-section .cbi-rowstyle-1 h3 {
608 background-color: #eeeeff;
618 vertical-align: middle
;
620 border-bottom: 1px dotted
#bbbbbb;
623 div
.cbi-value:hover
{
634 div
.cbi-value-field
{
640 div
.cbi-value-description
{
645 div
.cbi-section-create
{
651 div
.cbi-tblsection-create
{
652 border-bottom: 1px dotted
#bbbbbb;
655 div
.cbi-section-create
.cbi-button
{
659 input
.cbi-section-create-name
{
660 margin-right: -0.25em;
669 border-bottom: 1px dotted
#bbbbbb;
672 div
.cbi-section-remove
{
678 border-top: 1px dotted
#bbbbbb;
679 border-left: 1px dotted
#bbbbbb;
680 border-right: 1px dotted
#bbbbbb;
685 .cbi-section-node table div {
690 .cbi-section-node div.cbi-section-table-row {
694 table
.cbi-section-table
{
699 table
.cbi-section-table th
,
700 table
.cbi-section-table td
{
704 tr
.cbi-section-table-descr th
{
709 td
.cbi-section-table-optionals
{
710 text-align: left
!important
;
714 .cbi-value-helpicon img {
715 vertical-align: bottom
;
722 background-color: #ffffff;
729 .cbi-value-error input
,
730 .cbi-value-error select {
732 background-color: #ffcccc;
737 background-color: white
;
739 border: 1px dotted red
;
746 margin-left: 0 !important
;
748 list-style-type: none
;
751 ul
.cbi-tabmenu li
.cbi-tab
,
752 ul
.cbi-tabmenu li
.cbi-tab-disabled
{
757 ul
.cbi-tabmenu li
.cbi-tab a
,
758 ul
.cbi-tabmenu li
.cbi-tab-disabled a
{
759 text-decoration: none
;
762 border: 1px outset
#000000;
764 background-color: #EEEEEE;
768 ul
.cbi-tabmenu li
.cbi-tab-highlighted a
{
770 background-color: #FFEEAA;
773 ul
.cbi-tabmenu li
a:hover
{
777 ul
.cbi-tabmenu li
.cbi-tab a
{
782 background-color: #FFFFFF;
786 background-image: url
(/luci-static
/resources
/cbi
/help
.gif
);
787 background-position: 0.25em 50%;
788 background-repeat: no-repeat
;
789 border-bottom: 1px solid
#CCCCCC;
790 margin: 0.25em 0.25em 2em;
791 padding: 0.5em 0.5em 0.5em 2em;
807 background-color: transparent
;
809 text-decoration: none
;
819 border: 1px dotted
#ff0000;
820 background-color: #ffffff;
828 border: 1px solid
#bbb;
830 background-color: red
;
833 #memfree, #membuffers
, #memcached
{
835 border: 1px solid
#bbb;
840 background-color: green
;
845 background-color: yellow
;
850 background-color: #ffa500;