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;
183 font: bold
36px Helvetica
;
184 text-decoration: none
;
205 html
>body ul
.dropdowns
{
238 ul
.dropdowns ul li ul
{
243 ul
.dropdowns li
.over ul ul
,
244 ul
.dropdowns li
.focus ul ul
,
245 ul
.dropdowns
li:hover ul ul
,
246 ul
.dropdowns li
.over ul ul ul
,
247 ul
.dropdowns li
.focus ul ul ul
,
248 ul
.dropdowns
li:hover ul ul ul
,
249 ul
.dropdowns li
.over ul ul ul ul
,
250 ul
.dropdowns li
.focus ul ul ul ul
,
251 ul
.dropdowns
li:hover ul ul ul ul
{
255 ul
.dropdowns li
.over ul
,
256 ul
.dropdowns li
.focus ul
,
257 ul
.dropdowns
li:hover ul
{
261 ul
.dropdowns ul li
.over ul
,
262 ul
.dropdowns ul li
.focus ul
,
263 ul
.dropdowns ul
li:hover ul
,
264 ul
.dropdowns ul ul li
.over ul
,
265 ul
.dropdowns ul ul li
.focus ul
,
266 ul
.dropdowns ul ul
li:hover ul
,
267 ul
.dropdowns ul ul ul li
.over ul
,
268 ul
.dropdowns ul ul ul li
.focus ul
,
269 ul
.dropdowns ul ul ul
li:hover ul
{
277 #xhr_poll_status #xhr_poll_status_off
{
282 #xhr_poll_status #xhr_poll_status_on
{
292 border-bottom: 1px dotted
#5A5A5A;
296 background-color: #FFF;
299 #menubar ul
.dropdowns
{
305 #menubar ul
.dropdowns li ul
{
308 border-width: 0 1px 1px 1px;
309 border-style: dotted
;
310 border-color: #5a5a5a;
313 #menubar ul
.dropdowns ul li ul
{
317 html #menubar
a:link
,
318 html #menubar
a:visited
{
324 text-decoration: none
;
329 html #menubar
a:link:hover
,
330 html #menubar
a:visited:hover
,
331 html #menubar
a:link:active
,
332 html #menubar
a:visited:active
,
333 #menubar a:link:focus
,
334 #menubar a:visited:focus
{
339 html #menubar
a:link
.active
,
340 html #menubar
a:visited
.active
,
341 html #menubar
a:link
.preactive
,
342 html #menubar
a:visited
.preactive
{
347 html #menubar
a:link
.warning
,
348 html #menubar
a:visited
.warning
{
352 text-decoration: blink
;
355 #menubar ul
.dropdowns li
.over
>a
,
356 #menubar ul
.dropdowns li
.focus
>a
,
357 #menubar ul
.dropdowns
li:hover
>a
{
360 .lang_de #submenu_mini_system { min-width: 13.3em; }
361 * html
.lang_de #submenu_mini_system
{ width: 13.3em; }
363 .lang_pt-br #submenu_mini_network { min-width: 14em; }
364 * html
.lang_pt-br #submenu_mini_network
{ width: 14em; }
366 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
367 * html
.lang_pt-br #submenu_mini_system
{ width: 11.5em; }
369 .lang_ru #submenu_mini_system { min-width: 18em; }
370 * html
.lang_ru #submenu_mini_system
{ width: 18em; }
372 .lang_pt-br #submenu_admin_index { min-width: 11em; }
373 * html
.lang_pt-br #submenu_admin_index
{ width: 11em; }
375 .lang_ru #submenu_admin_index { min-width: 15.5em; }
376 * html
.lang_ru #submenu_admin_index
{ width: 15.5em; }
378 .lang_ru #submenu_admin_status { min-width: 10.5em; }
379 * html
.lang_ru #submenu_admin_status
{ width: 10.5em; }
381 .lang_de #submenu_admin_system { min-width: 13.3em; }
382 * html
.lang_de #submenu_admin_system
{ width: 13.3em; }
384 .lang_fr #submenu_admin_system { min-width: 14.5em; }
385 * html
.lang_fr #submenu_admin_system
{ width: 14.5em; }
387 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
388 * html
.lang_pt-br #submenu_admin_system
{ width: 11.5em; }
390 .lang_ru #submenu_admin_system { min-width: 18em; }
391 * html
.lang_ru #submenu_admin_system
{ width: 18em; }
393 #submenu_admin_services_chillispot { min-width: 15.5em; }
394 * html #submenu_admin_services_chillispot
{ width: 15.5em; }
396 #submenu_admin_services_coovachilli { min-width: 15em; }
397 * html #submenu_admin_services_coovachilli
{ width: 15em; }
399 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
400 * html
.lang_ru #submenu_admin_network_routes
{ width: 15.3em; }
402 #submenu_admin_network_firewall { min-width: 14em; }
403 * html #submenu_admin_network_firewall
{ width: 14em; }
405 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
406 * html
.lang_de #submenu_admin_network_firewall
{ width: 16.5em; }
408 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
409 * html
.lang_pt-br #submenu_admin_network_firewall
{ width: 15em; }
429 .lang_de #submenu_admin_uci {
433 .lang_ru #submenu_admin_uci {
440 border: 3px solid
#ccc;
442 font-family: monospace
;
456 font:normal bold
150% "Trebuchet MS", Verdana
, sans-serif
;
457 margin: 0.25em 0 0.7em 0;
458 border-bottom: 1px solid
;
459 padding: 10px 0 4px 0;
464 margin: 0.5em 0 1.1em 0;
465 font:italic bold
125% "Trebuchet MS", Verdana
, sans-serif
;
474 margin-bottom: 0.5em;
476 border: 1px dotted
#555;
477 background-color: #fff;
481 .cbi-section legend {
485 padding: 0.5em 0.25em;
486 background-color: transparent
;
491 margin: 0em 0 0.5em -0.5em !important
;
495 text-decoration: none
!important
;
496 font-weight: bold
!important
;
497 color: #555 !important
;
498 margin: 0.25em !important
;
499 font-size: 100% !important
;
503 margin-bottom: 0.5em;
509 text-decoration: none
;
511 background: url
('../resources/cbi/link.gif') no-repeat scroll right center
;
512 background-color: inherit
;
521 margin-left: 0 !important
;
523 list-style-type: none
;
526 ul
.cbi-tabmenu li
.cbi-tab
,
527 ul
.cbi-tabmenu li
.cbi-tab-disabled
{
532 ul
.cbi-tabmenu li
.cbi-tab a
,
533 ul
.cbi-tabmenu li
.cbi-tab-disabled a
{
534 text-decoration: none
;
537 border: 1px dotted
#bbb;
539 background-color: #eee;
543 ul
.cbi-tabmenu li
.cbi-tab-highlighted a
{
545 background-color: #FFEEAA;
548 ul
.cbi-tabmenu li
a:hover
{
552 ul
.cbi-tabmenu li
.cbi-tab a
{
557 background-color: #fff;
561 background-image: url
(/luci-static
/resources
/cbi
/help
.gif
);
562 background-position: 0.25em 50%;
563 background-repeat: no-repeat
;
564 border-bottom: 1px solid
#ccc;
565 margin: 0.25em 0.25em 2em;
566 padding: 0.5em 0.5em 0.5em 2em;
581 border: 1px solid
#cccccc;
594 background-color: #fff;
600 input
[type
=password
] {
606 td input
[type
=password
] {
610 img
.cbi-image-button
{
613 vertical-align: middle
;
616 input
.cbi-input-user
{
617 background: url
('../resources/cbi/user.gif') no-repeat scroll
1px center
;
618 background-color: inherit
;
623 input
.cbi-input-password
{
624 background: url
('../resources/cbi/key.gif') no-repeat scroll
1px center
;
625 background-color: inherit
;
630 input
.cbi-input-find
,
631 input
.cbi-button-find
{
632 background: url
('../resources/cbi/find.gif') no-repeat scroll
1px center
;
633 background-color: inherit
;
639 input
.cbi-input-reload
{
640 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
641 background-color: inherit
;
651 input
.cbi-button-add
{
652 background: url
('../resources/cbi/add.gif') no-repeat scroll
1px center
;
653 background-color: inherit
;
655 padding: 0 1px 0 17px;
656 border: 1px solid
#FFF;
659 input
.cbi-input-fieldadd
,
660 input
.cbi-button-fieldadd
{
661 background: url
(../resources/cbi/fieldadd.gif) no-repeat scroll
1px center
;
662 background-color: inherit
;
664 padding: 0 1px 0 17px;
667 input
.cbi-input-reset
,
668 input
.cbi-button-reset
{
669 background: url
('../resources/cbi/reset.gif') no-repeat scroll
1px center
;
670 background-color: inherit
;
672 padding: 0 1px 0 17px;
678 input
.cbi-input-save
,
679 input
.cbi-button-save
{
680 background: url
('../resources/cbi/save.gif') no-repeat scroll
1px center
;
681 background-color: inherit
;
683 padding: 0 1px 0 17px;
686 input
.cbi-input-apply
,
687 input
.cbi-button-apply
{
688 background: url
('../resources/cbi/apply.gif') no-repeat scroll
1px center
;
689 background-color: inherit
;
691 padding: 0 1px 0 17px;
694 input
.cbi-input-link
,
695 input
.cbi-button-link
{
696 background: url
('../resources/cbi/link.gif') no-repeat scroll
1px center
;
697 background-color: inherit
;
699 padding: 0 1px 0 17px;
703 input
.cbi-input-download
,
704 input
.cbi-button-download
{
705 background: url
('../resources/cbi/download.gif') no-repeat scroll
1px center
;
706 background-color: inherit
;
708 padding: 0 1px 0 17px;
712 input
.cbi-input-remove
,
713 div
.cbi-section-remove input
{
714 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
715 background-color: inherit
;
717 padding: 0 1px 0 17px;
718 border: 1px solid
#fff;
721 input
.cbi-button-up
{
722 background-image: url
('../resources/cbi/up.gif');
723 padding: 0 1px 0 11px;
726 input
.cbi-button-down
{
727 background-image: url
('../resources/cbi/down.gif');
728 padding: 0 1px 0 11px;
731 input
.cbi-button-edit
{
732 background: url
('../resources/cbi/edit.gif') no-repeat scroll
1px center
;
734 padding: 0 1px 0 17px;
737 input
.cbi-button-reload
{
738 background: url
('../resources/cbi/reload.gif') no-repeat scroll
1px center
;
740 padding: 0 1px 0 17px;
743 input
.cbi-button-remove
{
744 background: url
('../resources/cbi/remove.gif') no-repeat scroll
1px center
;
746 padding: 0 1px 0 17px;
750 background-image: url
('../resources/cbi/reset.gif');
751 background-repeat: no-repeat
;
752 background-position: right
;
753 color: #FF0000 !important
;
754 border-color: #FF0000;
757 div
.cbi-section-remove input
{
763 margin-bottom: 0.5em;
766 form
> div
> input
[type
=submit
],
767 form
> div
> input
[type
=reset
] {
780 border: 1px solid
#666;
785 border-collapse: collapse
;
788 table
.smalltext
tr:hover td
{
789 background-color: #bbddee;
793 table
.smalltext tr th
{
795 border-left: 1px dotted
#666;
799 table
.smalltext tr td
{
801 border-top: 1px dotted
#666;
802 border-left: 1px dotted
#666;
805 table
.cbi-section-table
.cbi-rowstyle-1
{
806 background-color: #f1f6fa;
810 table
.cbi-section-table
.cbi-rowstyle-1:hover
,
811 table
.cbi-section-table
.cbi-rowstyle-2:hover
{
812 background-color: #b2c8d4;
816 table
.cbi-section-table
.cbi-section-table-cell
{
821 .cbi-section .cbi-rowstyle-1 h3 {
822 background-color: #f1f6fa;
832 vertical-align: middle
;
833 padding-left: 0.25em;
834 border-bottom: 1px dotted
#bbb;
837 div
.cbi-value:hover
{
848 div
.cbi-value-field
{
854 div
.cbi-value-description
{
859 div
.cbi-section-create
{
865 div
.cbi-tblsection-create
{
866 border-bottom: 1px dotted
#bbb;
869 div
.cbi-section-create
.cbi-button
{
873 input
.cbi-section-create-name
{
874 margin-right: -0.25em;
875 border: 1px solid
#999;
884 border-bottom: 1px dotted
#bbb;
887 div
.cbi-section-remove
{
893 border: 1px dotted
#bbb;
898 .cbi-section-node table div {
903 .cbi-section-node div.cbi-section-table-row {
907 table
.cbi-section-table
{
912 table
.cbi-section-table th
,
913 table
.cbi-section-table td
{
917 tr
.cbi-section-table-descr th
{
922 td
.cbi-section-table-optionals
{
923 text-align: left
!important
;
927 .cbi-value-helpicon img {
928 vertical-align: bottom
;
935 background-color: #fff;
942 .cbi-value-error input
,
943 .cbi-value-error select {
945 background-color: #fcc;
950 background-color: white
;
952 border: 1px dotted red
;
958 text-align: left
!important
;
962 text-align: right
!important
;
977 height: auto
!important
;
986 text-decoration: none
;
996 border: 1px dotted
#f00;
997 background-color: #fff;
1003 font-family: monospace
;
1006 .uci-change-list ins
,
1007 .uci-change-legend-label ins {
1008 text-decoration: none
;
1009 border: 1px solid
#00FF00;
1010 background-color: #CCFFCC;
1015 .uci-change-list del
,
1016 .uci-change-legend-label del {
1017 text-decoration: none
;
1018 border: 1px solid
#FF0000;
1019 background-color: #FFCCCC;
1025 .uci-change-list var
,
1026 .uci-change-legend-label var {
1027 text-decoration: none
;
1028 border: 1px solid
#CCCCCC;
1029 background-color: #EEEEEE;
1035 .uci-change-list var ins
,
1036 .uci-change-list var del {
1037 /*display: inline;*/
1044 .uci-change-legend {
1048 .uci-change-legend-label {
1054 .uci-change-legend-label
>ins
,
1055 .uci-change-legend-label
>del
,
1056 .uci-change-legend-label>var {
1064 .uci-change-legend-label var ins
,
1065 .uci-change-legend-label var del {