themes/bootstrap: fix a small style quirk observed on firewall overview page

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

diff --git a/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
index e5fbbd3..84f00c4 100644 (file)
--- a/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -13,11 +13,16 @@
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here      that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
-html, body {
+html {
        margin: 0;
        padding: 0;
 }
 
+body {
+       margin: 0;
+       padding: 5px;
+}
+
 h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, q, s,
 small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset,
 form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
@@ -107,12 +112,12 @@ textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
- *vertical-align: middle;
+       *vertical-align: middle;
 }
 
 button, input {
        line-height: normal;
- *overflow: visible;
+       *overflow: visible;
 }
 
 button::-moz-focus-inner, input::-moz-focus-inner {
@@ -405,10 +410,10 @@ fieldset legend {
        line-height: 1;
        color: #404040;
        padding-top: 20px;
- *padding: 0 0 5px 0px;
+       *padding: 0 0 5px 0px;
        /* IE6-7 */
 
- *line-height: 1.5;
+       *line-height: 1.5;
        /* IE6-7 */
 
 }
@@ -487,7 +492,7 @@ input[type=checkbox], input[type=radio] {
        height: auto;
        padding: 0;
        margin: 3px 0;
- *margin-top: 0;
+       *margin-top: 0;
        /* IE6-7 */
 
        line-height: normal;
@@ -511,9 +516,9 @@ input[type=button], input[type=reset], input[type=submit] {
 
 select, input[type=file] {
        height: 27px;
- *height: auto;
+       *height: auto;
        line-height: 27px;
- *margin-top: 4px;
+       *margin-top: 4px;
        /* For IE7, add top margin to align select with labels */
 }
 
@@ -536,7 +541,7 @@ textarea {
        cursor: not-allowed;
 }
 
-:-moz-placeholder {
+::-moz-placeholder {
        color: #bfbfbf;
 }
 
@@ -681,10 +686,10 @@ textarea[readonly] {
 
 .help-inline {
        padding-left: 5px;
- *position: relative;
+       *position: relative;
        /* IE6-7 */
 
- *top: -5px;
+       *top: -5px;
        /* IE6-7 */
 
 }
@@ -739,7 +744,7 @@ header {
        right: 0;
        z-index: 10000;
        overflow: visible;
-       color: #BFBFBF
+       color: #BFBFBF;
 }
 
 header a {
@@ -789,6 +794,7 @@ header .fill {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+       padding: 0 5px;
 }
 
 header div > ul, .nav {
@@ -1309,8 +1315,10 @@ footer {
 
 .btn.primary,
 .cbi-page-actions .cbi-button-apply,
-.cbi-page-actions .cbi-button-save {
+.cbi-page-actions .cbi-button-save,
+.cbi-page-actions .cbi-button-reset {
        color: #ffffff;
+       padding: 5px 14px 6px;
        background-color: #0064cd;
        background-repeat: repeat-x;
        background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
@@ -1326,7 +1334,13 @@ footer {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
-.cbi-button-up {
+.cbi-input-invalid {
+       color: #FF0000;
+       border-color: #FF0000;
+}
+
+.cbi-button-up,
+.cbi-input-up {
        background-position: center center;
        background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
        background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
@@ -1336,7 +1350,8 @@ footer {
        background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 }
 
-.cbi-button-down {
+.cbi-button-down,
+.cbi-input-down {
        background-position: center center;
        background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
        background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
@@ -1346,6 +1361,114 @@ footer {
        background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
 }
 
+.cbi-button-find,
+.cbi-input-find {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-add,
+.cbi-input-add {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-apply,
+.cbi-input-apply {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-reset,
+.cbi-input-reset {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-edit,
+.cbi-input-edit {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-remove,
+.cbi-input-remove {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-reload,
+.cbi-input-reload {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-link,
+.cbi-input-link {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
+.cbi-button-download,
+.cbi-input-download {
+       background-position: 6px center, left top;
+       padding-left: 28px;
+       background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+       background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+       background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+}
+
 .btn.active, .btn:active {
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -1433,7 +1556,7 @@ footer {
 }
 
 :root .alert-message, :root .btn {
-       border-radius: 0 \0;
+       border-radius: 0 0;
 }
 
 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
@@ -1494,7 +1617,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 
 .alert-message .close {
        margin-top: 1px;
- *margin-top: 0;
+       *margin-top: 0;
 }
 
 .alert-message a {
@@ -1605,6 +1728,10 @@ header .pull-right { padding-top: 8px; }
        background-color: #f5f5f5;
 }
 
+.cbi-section-table tr.cbi-section-table-descr th {
+       font-weight: normal;
+}
+
 .left { text-align: left !important; }
 
 .right { text-align: right !important; }
@@ -1706,8 +1833,8 @@ table.cbi-section-table td.cbi-section-table-cell {
        cursor: pointer;
 }
 
-.zonebadge em,
-.zonebadge strong {
+.zonebadge > em,
+.zonebadge > strong {
        margin: 5px;
        display: inline-block;
 }