18 background-color: #4a6b7c;
19 background-position: bottom center
;
20 background-repeat: repeat-x
;
21 font-family: Verdana
, Arial
, sans-serif
;
24 padding-bottom: 1.5em;
32 .table { display: table
; }
33 .tr { display: table-row
; }
34 .thead { display: table-header-group
; }
35 .tbody { display: table-row-group
; }
36 .tfoot { display: table-footer-group
; }
37 .td, .th { display: table-cell
; }
38 .th { font-weight: bold
; }
40 .table[width="33%"], .th[width="33%"], .td[width="33%"] { width: 33%; }
41 .table[width="100%"], .th[width="100%"], .td[width="100%"] { width: 100%; }
49 text-decoration: none
;
56 vertical-align: bottom
;
62 background-color: #AAAAAA;
63 background-image: url
(tabbg.png);
64 background-repeat: repeat-x
;
66 border: 1px solid
#444444;
73 background-color: #AAAAAA;
74 background-image: url
(tabbg.png);
75 background-repeat: repeat-x
;
85 .lang_he ul.tabmenu li {
90 text-decoration: none
;
96 border: 1px solid transparent
;
101 ul
.tabmenu li
.active a
{
105 border: 1px solid
#AAAAAA;
109 ul
.tabmenu li
a:hover
{
111 border-color: #444444;
115 background-color: #AAAAAA;
116 background-image: url
(tabbg.png);
117 background-repeat: repeat-x
;
118 border-color: #444444;
121 ul
.l1 li
.tabmenu-item-logout a
{
125 .lang_he ul.l1 li.tabmenu-item-logout a {
132 font-variant: normal
;
137 border-bottom: 1px dotted
;
142 a:visited abbr
[title
],
143 a:link acronym
[title
],
144 a:visited acronym
[title
] {
149 font-family: monospace
;
159 background-color: white
;
181 background-color: white
;
192 .alert-message.notice {
193 background: linear-gradient
(#ccc 0%, #eee 100%);
197 .alert-message.warning {
198 background: linear-gradient
(#dda 0%, #dd8 100%);
206 .alert-message > h4 {
220 .lang_he div.hostinfo {
228 #xhr_poll_status #xhr_poll_status_off
{
233 #xhr_poll_status #xhr_poll_status_on
{
247 background-color: #557788;
250 html #menubar
a:link
,
251 html #menubar
a:visited
{
257 text-decoration: none
;
263 html #menubar
a:link:hover
,
264 html #menubar
a:visited:hover
,
265 html #menubar
a:link:active
,
266 html #menubar
a:visited:active
,
267 #menubar a:link:focus
,
268 #menubar a:visited:focus
{
274 html #menubar
a:link
.active
,
275 html #menubar
a:visited
.active
,
276 html #menubar
a:link
.preactive
,
277 html #menubar
a:visited
.preactive
{
283 html #menubar
a:link
.warning
,
284 html #menubar
a:visited
.warning
{
313 .lang_de #submenu_admin_uci {
317 .lang_ru #submenu_admin_uci {
324 border: 3px solid
#cccccc;
326 font-family: monospace
;
341 border-width: 0 1px 1px 1px;
343 border-color: #444444;
346 .lang_he #maincontent {
352 font-family: Trebuchet MS
, Verdana
, sans-serif
;
354 margin: 0.25em 0 0.7em 0;
355 border-bottom: 1px solid
;
361 margin: 0.5em 0 1.1em 0;
365 font-family: Trebuchet MS
, Verdana
, sans-serif
;
374 margin-bottom: 0.5em;
376 border: 1px dotted
#555555;
377 background-color: #ffffff;
381 .cbi-section legend {
386 background-color: transparent
;
391 margin: 0em 0 0.5em -0.5em !important
;
395 text-decoration: none
!important
;
396 font-weight: bold
!important
;
397 color: #555555 !important
;
398 margin: 0.25em !important
;
399 font-size: 100% !important
;
403 margin-bottom: 0.5em;
409 text-decoration: none
;
411 background: url
('../resources/cbi/link.gif') no-repeat scroll right center
;
412 background-color: inherit
;
419 input:-webkit-input-placeholder
{
423 input:-moz-placeholder
{
427 input:-ms-input-placeholder
{
444 border-color: #000000;
455 background-color: #ffffff;
461 input
[type
=password
] {
466 .td input
[type
=text
],
467 .td input[type=password] {
471 img
.cbi-image-button
{
474 vertical-align: middle
;
480 border: 1px solid
#aaa;
481 background: #eee 1px center no-repeat
;
482 text-decoration: none
;
484 display: inline-block
;
487 .btn:hover, .cbi-button:hover {
488 border-color: #4a6b7c;
489 background-color: #fff;
493 .btn
[disabled
]:hover
,
494 .cbi-button
[disabled
],
495 .cbi-button[disabled]:hover {
498 border-color: inherit
;
499 background-color: inherit
;
502 input
.cbi-input-user
{
503 background-image: url
('../resources/cbi/user.gif');
504 background-repeat: no-repeat
;
505 background-position: 1px center
;
510 input
.cbi-input-password
{
511 background-image: url
('../resources/cbi/key.gif');
512 background-repeat: no-repeat
;
513 background-position: 1px center
;
518 input
.cbi-input-find
,
519 input
.cbi-button-find
{
520 background-image: url
('../resources/cbi/find.gif');
525 input
.cbi-input-reload
{
526 background-image: url
('../resources/cbi/reload.gif');
532 input
.cbi-button-add
{
533 background-image: url
('../resources/cbi/add.gif');
539 input
.cbi-input-fieldadd
,
540 input
.cbi-button-fieldadd
{
541 background-image: url
(../resources/cbi/fieldadd.gif);
546 input
.cbi-input-reset
,
547 input
.cbi-button-reset
{
548 background-image: url
('../resources/cbi/reset.gif');
554 input
.cbi-input-save
,
555 input
.cbi-button-save
{
556 background-image: url
('../resources/cbi/save.gif');
563 input.cbi-input-apply,
564 input.cbi-button-apply {
565 background-image: url('../resources/cbi/apply.gif');
572 input
.cbi-input-apply:before
,
573 input
.cbi-button-apply:before
{
574 background-image: url
('../resources/cbi/apply.gif');
575 border: 2px solid red
;
583 input
.cbi-input-link
,
584 input
.cbi-button-link
{
585 background-image: url
('../resources/cbi/link.gif');
591 input
.cbi-input-download
,
592 input
.cbi-button-download
{
593 background-image: url
('../resources/cbi/download.gif');
599 input
.cbi-input-remove
,
600 div
.cbi-section-remove input
{
601 background-image: url
('../resources/cbi/remove.gif');
607 input
.cbi-button-up
{
608 background-image: url
('../resources/cbi/up.gif');
613 input
.cbi-button-down
{
614 background-image: url
('../resources/cbi/down.gif');
619 input
.cbi-button-edit
{
620 background-image: url
('../resources/cbi/edit.gif');
626 input
.cbi-button-reload
{
627 background-image: url
('../resources/cbi/reload.gif');
633 input
.cbi-button-reset
{
634 background-image: url
('../resources/cbi/reset.gif');
640 input
.cbi-button-remove
{
641 background-image: url
('../resources/cbi/remove.gif');
648 background-image: url
('../resources/cbi/reset.gif');
649 background-repeat: no-repeat
;
650 background-position: right
;
651 color: #FF0000 !important
;
652 border-color: #FF0000;
655 div
.cbi-section-remove input
{
661 margin-bottom: 0.5em;
664 form
> div
> input
[type
=submit
],
665 form
> div
> input
[type
=reset
] {
674 .table .td, .table .th {
678 vertical-align: middle
;
684 border-top: 1px solid
#666666;
685 border-right: 1px solid
#666666;
686 border-bottom: 1px solid
#666666;
691 border-collapse: collapse
;
694 .table.smalltext .tr:hover .td {
695 background-color: #bbddee;
699 .table.smalltext .tr .th {
701 border-left: 1px solid
#666666;
705 .table.smalltext .tr .td {
707 border-top: 1px solid
#666666;
708 border-left: 1px solid
#666666;
711 .table.cbi-section-table .cbi-rowstyle-1 {
712 background-color: #eeeeff;
716 .table
.cbi-section-table
.cbi-rowstyle-1:hover
,
717 .table.cbi-section-table .cbi-rowstyle-2:hover {
718 background-color: #b2c8d4;
722 .table.cbi-section-table .cbi-section-table-cell {
727 .cbi-section .cbi-rowstyle-1 h3 {
728 background-color: #eeeeff;
738 vertical-align: middle
;
739 padding: 0.25em 0.6em;
740 border-bottom: 1px dotted
#bbbbbb;
743 div
.cbi-value:hover
{
754 div
.cbi-value-field
{
760 div
.td
.cbi-value-field
{
762 vertical-align: middle
;
765 div
.cbi-value-description
{
770 div
.cbi-section-create
{
776 div
.cbi-section-create
.cbi-button
{
780 input
.cbi-section-create-name
{
781 margin-right: -0.25em;
790 border-bottom: 1px dotted
#bbbbbb;
793 div
.cbi-section-remove
{
799 border: 1px solid
#BBBBBB;
805 .cbi-section-node-tabbed {
806 border-top-left-radius: 0;
809 .cbi-section-node .cbi-value-last {
813 .cbi-section-node .table div {
818 .cbi-section-node div.cbi-section-table-row {
822 .table.cbi-section-table {
827 .table
.cbi-section-table
.th
,
828 .table.cbi-section-table .td {
832 .tr.cbi-section-table-descr .th {
838 .td.cbi-section-table-optionals {
839 text-align: left
!important
;
843 .cbi-value-helpicon img {
844 vertical-align: bottom
;
851 background-color: #ffffff;
854 .td.cbi-value-error {
858 .cbi-value-error input
,
859 .cbi-value-error select {
861 background-color: #ffcccc;
866 background-color: white
;
868 border: 1px dotted red
;
873 .cbi-value-field var {
879 margin-left: 0 !important
;
880 list-style-type: none
;
887 ul
.cbi-tabmenu li
.cbi-tab
,
888 ul
.cbi-tabmenu li
.cbi-tab-disabled
{
893 ul
.cbi-tabmenu li
.cbi-tab a
,
894 ul
.cbi-tabmenu li
.cbi-tab-disabled a
{
895 text-decoration: none
;
898 border: 1px solid
#BBBBBB;
900 border-radius: 3px 3px 0 0;
901 background-color: #EEEEEE;
905 ul
.cbi-tabmenu li
.cbi-tab-highlighted a
{
907 background-color: #FFEEAA;
910 ul
.cbi-tabmenu li
a:hover
{
914 ul
.cbi-tabmenu li
.cbi-tab a
{
917 background-color: #FFFFFF;
921 background-image: url
(/luci-static
/resources
/cbi
/help
.gif
);
922 background-position: 0.25em 50%;
923 background-repeat: no-repeat
;
924 border-bottom: 1px solid
#CCCCCC;
925 margin: 0.25em 0.25em 2em;
926 padding: 0.5em 0.5em 0.5em 2em;
930 text-align: left
!important
;
934 text-align: right
!important
;
938 text-align: center
!important
;
951 background-color: transparent
;
953 text-decoration: none
;
963 border: 1px dotted
#ff0000;
964 background-color: #ffffff;
970 .ifacebadge, .ifacebox {
971 display: inline-flex
;
972 align-content: center
;
973 border: 1px solid
#ccc;
984 .ifacebox-head.active {
994 border-color: #000000;
999 flex-direction: column
;
1010 .network-status-table {
1015 .network-status-table .ifacebox {
1021 .network-status-table .ifacebox-body {
1023 flex-direction: column
;
1027 .network-status-table .ifacebox-body > span {
1031 .network-status-table .ifacebox-body > div {
1036 .network-status-table .ifacebox-body .ifacebadge {
1038 margin: .5em .25em .25em .25em;
1041 white-space: nowrap
;
1047 display: inline-block
;
1048 white-space: nowrap
;
1055 display: inline-block
;
1064 border: 1px dashed
#AAAAAA;
1072 font-family: monospace
;
1075 .uci-change-list ins
,
1076 .uci-change-legend-label ins {
1077 text-decoration: none
;
1078 border: 1px solid
#00FF00;
1079 background-color: #CCFFCC;
1084 .uci-change-list del
,
1085 .uci-change-legend-label del {
1086 text-decoration: none
;
1087 border: 1px solid
#FF0000;
1088 background-color: #FFCCCC;
1094 .uci-change-list var
,
1095 .uci-change-legend-label var {
1096 text-decoration: none
;
1097 border: 1px solid
#CCCCCC;
1098 background-color: #EEEEEE;
1104 .uci-change-list var ins
,
1105 .uci-change-list var del {
1106 /*display: inline;*/
1113 .uci-change-legend {
1117 .uci-change-legend-label {
1123 .uci-change-legend-label
>ins
,
1124 .uci-change-legend-label
>del
,
1125 .uci-change-legend-label>var {
1133 .uci-change-legend-label var ins
,
1134 .uci-change-legend-label var del {