border-color: #444444;
}
+#applyreboot-section {
+ margin: 2rem;
+ line-height: 300%;
+}
+
.lang_he #maincontent {
direction: rtl;
}
}
.cbi-title-ref {
- color: inherit;
- text-decoration: none;
- padding-right: 18px;
- background: url('../resources/cbi/link.gif') no-repeat scroll right center;
- background-color: inherit;
+ color: #37c;
+}
+
+.cbi-title-ref::after {
+ content: "➙";
}
ul.cbi-apply {
width: auto;
margin-left: 0;
align-self: center;
+ vertical-align: middle;
}
.cbi-value-description {
.th.cbi-section-actions,
.td.cbi-section-actions {
+ overflow: visible;
+ align-self: center;
+ vertical-align: middle;
+}
+
+.th.cbi-section-actions > *,
+.td.cbi-section-actions > * {
display: flex;
justify-content: flex-end;
flex-direction: row;
margin: auto -1px auto auto;
}
-.td.cbi-section-actions > form {
- display: flex;
+.td.cbi-section-actions > * > *,
+.td.cbi-section-actions > * > form > * {
+ flex: 1 1 4em;
+ margin: 0 1px;
}
-.td.cbi-section-actions > *,
-.td.cbi-section-actions > form > * {
- flex: 1 1 4em;
- margin: 1px;
+.td.cbi-section-actions > * > form {
+ display: flex;
+ margin: 0;
}
.cbi-page-actions {
margin: 0 3px 0 0;
}
-.cbi-page-actions > .cbi-button-link,
-.cbi-page-actions > form[method="get"]:first-child {
- margin-right: auto;
+.cbi-page-actions > .cbi-button-save,
+.cbi-page-actions > .cbi-button-apply,
+.cbi-page-actions > form[method="post"] {
+ margin-left: auto;
}
*::-ms-backdrop,
-.cbi-page-actions > .cbi-button-link,
-.cbi-page-actions > form[method="get"]:first-child {
- margin-right: 50%;
+.cbi-page-actions > .cbi-button-save,
+.cbi-page-actions > .cbi-button-apply,
+.cbi-page-actions > form[method="post"] {
+ margin-left: 50%;
+}
+
+.cbi-page-actions > .cbi-button-apply + .cbi-button-save,
+.cbi-page-actions > .cbi-button-save + form[method="post"],
+.cbi-page-actions > form[method="post"] + form[method="post"] {
+ margin-left: 3px;
}
.th[data-type="button"], .td[data-type="button"],
white-space: nowrap;
}
-.tr.placeholder .td[data-title]::before {
+.td[data-description]::after {
+ content: attr(data-description);
+ font-size: 90%;
+ text-align: left;
+ display: none;
+ background: url(/luci-static/resources/cbi/help.gif) left top no-repeat;
+ padding: .125em 0 .125em 18px;
+ margin: .125em 0;
+}
+
+.tr.placeholder .td[data-title]::before,
+.tr.placeholder .td[data-description]::after {
display: none;
}
content: attr(data-title) "\20";
font-weight: bold;
text-align: left;
- display: inline-block;
+ display: table-cell;
align-self: center;
flex: 1 1 5%;
padding: .25em;
white-space: normal;
word-wrap: break-word;
+ vertical-align: middle;
}
.cbi-value-helpicon img {
opacity: .6;
}
+input[type="text"] + .cbi-button,
+input[type="password"] + .cbi-button,
+select + .cbi-button {
+ border-radius: 0 3px 3px 0;
+ border: 1px outset #000;
+ margin: 0 0 1px -2px;
+ padding: 0 6px;
+ vertical-align: top;
+ display: inline-block;
+ height: 14pt;
+ font-size: 10pt;
+ line-height: 12pt;
+}
.cbi-tooltip-container {
cursor: help;
}
-.left, .left::before {
- text-align: left !important;
-}
-
-.right, .right::before {
- text-align: right !important;
-}
+.left, .left::before, .left::after { text-align: left !important; }
+.right, .right::before, .right::after { text-align: right !important; }
+.center, .center::before, .center::after { text-align: center !important; }
-.center, .center::before {
- text-align: center !important;
-}
-
-.td.bottom {
- align-self: flex-end;
-}
+.top, .top::before, .top::after { vertical-align: top !important; }
+.middle, .middle::before, .middle::after { vertical-align: middle !important; }
+.bottom, .bottom::before, .bottom::after { vertical-align: bottom !important; }
-.td.top {
- align-self: flex-start;
-}
-
-.td.middle {
- align-self: center;
-}
+.td.top { align-self: flex-start; vertical-align: top; }
+.td.middle { align-self: center; vertical-align: middle; }
+.td.bottom { align-self: flex-end; vertical-align: bottom; }
.luci {
position: absolute;
border-radius: 3px;
padding: 2px;
background: #fff;
- margin: .25em .5em;
}
.ifacebox-head {
.network-status-table {
display: flex;
flex-wrap: wrap;
- margin: -.25em;
+ margin: -.25em -.25em .25em -.25em;
}
.network-status-table .ifacebox {
display: flex;
flex-direction: column;
flex: 1 0 auto;
+ padding: .5em;
}
.network-status-table .ifacebox-body > span {
.network-status-table .ifacebox-body .ifacebadge {
flex: 1;
-webkit-flex: 1 1 auto;
- margin: .5em .25em .25em .25em;
padding: .5em;
min-width: 220px;
white-space: nowrap;
}
+.network-status-table .ifacebox-body .ifacebadge {
+ margin: .5em 0 0 0;
+}
+
+#dsl_status_table .ifacebox-body > span > strong {
+ display: inline-block;
+ min-width: 35%;
+}
+
.zonebadge {
padding: 2px;
.uci-change-list {
font-family: monospace;
+ white-space: pre;
}
+.uci-change-list del,
.uci-change-list ins,
-.uci-change-legend-label ins {
+.uci-change-list var,
+.uci-change-legend-label del,
+.uci-change-legend-label ins,
+.uci-change-legend-label var {
text-decoration: none;
- border: 1px solid #00FF00;
- background-color: #CCFFCC;
- display: block;
+ font-style: normal;
+ border: 1px solid #ccc;
+ background: #eee;
padding: 2px;
+ display: block;
+ line-height: 15px;
+ margin-bottom: 1px;
+}
+
+.uci-change-list ins,
+.uci-change-legend-label ins {
+ border-color: #0f0;
+ background: #cfc;
}
.uci-change-list del,
.uci-change-legend-label del {
- text-decoration: none;
- border: 1px solid #FF0000;
- background-color: #FFCCCC;
- display: block;
- font-style: normal;
- padding: 2px;
+ border-color: #f00;
+ background: #fcc;
}
.uci-change-list var,
.uci-change-legend-label var {
- text-decoration: none;
- border: 1px solid #CCCCCC;
- background-color: #EEEEEE;
- display: block;
- font-style: normal;
- padding: 2px;
+ border-color: #ccc;
+ background: #eee;
}
.uci-change-list var ins,
.uci-change-list var del {
- /*display: inline;*/
+ display: inline-block;
border: none;
- white-space: pre;
- font-style: normal;
- padding: 0px;
+ width: 100%;
+ padding: 0;
}
.uci-change-legend {
.uci-change-legend-label>var {
float: left;
margin-right: 4px;
- width: 10px;
- height: 10px;
+ width: 12px;
+ height: 12px;
display: block;
+ position: relative;
}
.uci-change-legend-label var ins,
.uci-change-legend-label var del {
- line-height: 6px;
border: none;
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ right: 1px;
+ bottom: 1px;
}
background: #eef;
}
- .td[data-title]::before {
+ .td[data-title]::before,
+ .td[data-description]::after {
display: block;
}
- .td.cbi-section-actions {
- flex-basis: 100%;
- margin: auto -1px 0 auto;
+ .td[data-title] ~ .td.cbi-section-actions {
+ align-self: flex-start;
}
- .td.cbi-section-actions > *,
- .td.cbi-section-actions > form > * {
- flex: 0 1 100%;
- max-width: 150px;
+ .td[data-title] ~ .td.cbi-section-actions::before {
+ display: block;
+ content: "\a0";
}
.hide-sm,
.hide-xs {
display: none;
}
+
+ #dsl_status_table .ifacebox-body > span > strong {
+ min-width: 50%;
+ }
}
@media screen and (max-width: 480px) {
#cbi-network-switch_vlan .td.cbi-section-actions {
flex-basis: 100%;
}
+
+ #dsl_status_table .ifacebox-body > span > strong {
+ display: block;
+ width: 100%;
+ margin-top: .5em;
+ }
}