themes/openwrt: add new CSS classes for iface boxes and badges as used in the iface...

[project/luci.git] / themes / openwrt / htdocs / luci-static / openwrt.org / cascade.css

diff --git a/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css b/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css
index 1c04bfcf530100b3b66ecb9a0ac5e193a25bb98f..9b94b5855cb1b0f21967ebccfd40a6a1246796c5 100644 (file)
--- a/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css
@@ -357,7 +357,11 @@ input:-webkit-input-placeholder {
        color: #AAAAAA;
 }
 
-input:-moz-input-placeholder {
+input:-moz-placeholder {
+       color: #AAAAAA;
+}
+
+input:-ms-input-placeholder {
        color: #AAAAAA;
 }
 
@@ -511,6 +515,46 @@ div.cbi-section-remove input {
        padding-right: 1px;
 }
 
+input.cbi-button-up {
+       background-image: url('../resources/cbi/up.gif');
+       padding-left: 11px;
+       padding-right: 1px;
+}
+
+input.cbi-button-down {
+       background-image: url('../resources/cbi/down.gif');
+       padding-left: 11px;
+       padding-right: 1px;
+}
+
+input.cbi-button-edit {
+       background-image: url('../resources/cbi/edit.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-reload {
+       background-image: url('../resources/cbi/reload.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-reset {
+       background-image: url('../resources/cbi/reset.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-remove {
+       background-image: url('../resources/cbi/remove.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
 .cbi-input-invalid {
        background-image: url('../resources/cbi/reset.gif');
        background-repeat: no-repeat;
@@ -580,6 +624,11 @@ table.cbi-section-table .cbi-rowstyle-2:hover {
        color: #000000;
 }
 
+table.cbi-section-table .cbi-section-table-cell {
+       padding: 3px;
+       white-space: nowrap;
+}
+
 .cbi-section .cbi-rowstyle-1 h3 {
        background-color: #eeeeff;
        color: #555555;
@@ -720,13 +769,18 @@ td.cbi-value-error {
        padding: 3px;
 }
 
+.cbi-value-field var {
+       color: #2222FF;
+}
+
 ul.cbi-tabmenu {
        padding: 3px 0;
        margin-left: 0 !important;
        list-style-type: none;
        position: relative;
        z-index: 10;
-       top: 1px;
+       top: 4px;
+       line-height: 20px;
 }
 
 ul.cbi-tabmenu li.cbi-tab,
@@ -771,8 +825,12 @@ div.cbi-tab-descr {
        padding: 0.5em 0.5em 0.5em 2em;
 }
 
+.left {
+       text-align: left !important;
+}
+
 .right {
-       text-align: right;
+       text-align: right !important;
 }
 
 .luci {
@@ -815,6 +873,37 @@ div.cbi-tab-descr {
 }
 
 
+.ifacebox {
+       background-color: #FFFFFF;
+       border: 1px solid #CCCCCC;
+       margin: 0 10px;
+       text-align: center;
+       white-space: nowrap;
+}
+
+.ifacebox .ifacebox-head {
+       border-bottom: 1px solid #CCCCCC;
+       padding: 2px;
+}
+
+.ifacebox .ifacebox-body {
+       padding: 2px;
+}
+
+
+.ifacebadge {
+       background-color: #FFFFFF;
+       border: 1px solid #CCCCCC;
+       padding: 2px;
+       margin-left: 2px;
+}
+
+.ifacebadge-active {
+       border-color: #000000;
+       font-weight: bold;
+}
+
+
 .uci-change-list {
        font-family: monospace;
 }