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 baaa4af..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 {
@@ -536,7 +541,7 @@ textarea {
        cursor: not-allowed;
 }
 
-:-moz-placeholder {
+::-moz-placeholder {
        color: #bfbfbf;
 }
 
@@ -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 {
@@ -1357,7 +1363,7 @@ footer {
 
 .cbi-button-find,
 .cbi-input-find {
-       background-position: 6px center;
+       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);
@@ -1369,7 +1375,7 @@ footer {
 
 .cbi-button-add,
 .cbi-input-add {
-       background-position: 6px center;
+       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);
@@ -1381,7 +1387,7 @@ footer {
 
 .cbi-button-apply,
 .cbi-input-apply {
-       background-position: 6px center;
+       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);
@@ -1393,7 +1399,7 @@ footer {
 
 .cbi-button-reset,
 .cbi-input-reset {
-       background-position: 6px center;
+       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);
@@ -1405,7 +1411,7 @@ footer {
 
 .cbi-button-edit,
 .cbi-input-edit {
-       background-position: 6px center;
+       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);
@@ -1417,7 +1423,7 @@ footer {
 
 .cbi-button-remove,
 .cbi-input-remove {
-       background-position: 6px center;
+       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);
@@ -1429,7 +1435,7 @@ footer {
 
 .cbi-button-reload,
 .cbi-input-reload {
-       background-position: 6px center;
+       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);
@@ -1441,7 +1447,7 @@ footer {
 
 .cbi-button-link,
 .cbi-input-link {
-       background-position: 6px center;
+       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);
@@ -1451,6 +1457,18 @@ footer {
        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);
@@ -1538,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 {
@@ -1815,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;
 }