luci-theme-bootstrap: tune default style select boxes

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

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index e587178..8d0c434 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -447,7 +447,7 @@ form .cbi-value:before, form .cbi-value:after  {
        zoom: 1;
 }
 
-form .clearfix:after
+form .clearfix:after,
 form .cbi-value:after {
        clear: both;
 }
@@ -500,6 +500,8 @@ select,
 
 select {
        padding: initial;
+       background: #fff;
+       box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
 }
 
 input[type=checkbox], input[type=radio] {
@@ -803,7 +805,7 @@ header .fill {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
        background-image: -webkit-linear-gradient(top, #333333, #222222);
        background-image: -o-linear-gradient(top, #333333, #222222);
-       background-image: linear-gradient(top, #333333, #222222);
+       background-image: linear-gradient(to bottom, #333333, #222222);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
        -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);
@@ -918,7 +920,7 @@ header div > ul .dropdown-menu li a:hover,
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
        background-image: -webkit-linear-gradient(top, #292929, #191919);
        background-image: -o-linear-gradient(top, #292929, #191919);
-       background-image: linear-gradient(top, #292929, #191919);
+       background-image: linear-gradient(to bottom, #292929, #191919);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
        color: #ffffff;
 }
@@ -996,7 +998,7 @@ a.menu:after, .dropdown-toggle:after {
 .menu-dropdown li, .dropdown-menu li {
        float: none;
        display: block;
-       background-color: none;
+       background-color: transparent;
 }
 
 .menu-dropdown .divider, .dropdown-menu .divider {
@@ -1029,7 +1031,7 @@ header .dropdown-menu a.hover,
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
        background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
        background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
-       background-image: linear-gradient(top, #eeeeee, #dddddd);
+       background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
        color: #404040;
        text-decoration: none;
@@ -1195,7 +1197,7 @@ header .dropdown-menu a.hover,
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
        background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
        background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
-       background-image: linear-gradient(top, #ffffff, #f5f5f5);
+       background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
        border: 1px solid #ddd;
        -webkit-border-radius: 3px;
@@ -1262,7 +1264,7 @@ footer {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
        background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
        background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
-       background-image: linear-gradient(top, #ee5f5b, #c43c35);
+       background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        border-color: #c43c35 #c43c35 #882a25;
@@ -1278,7 +1280,7 @@ footer {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
        background-image: -webkit-linear-gradient(top, #62c462, #57a957);
        background-image: -o-linear-gradient(top, #62c462, #57a957);
-       background-image: linear-gradient(top, #62c462, #57a957);
+       background-image: linear-gradient(to bottom, #62c462, #57a957);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        border-color: #57a957 #57a957 #3d773d;
@@ -1294,7 +1296,7 @@ footer {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
        background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
        background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
-       background-image: linear-gradient(top, #5bc0de, #339bb9);
+       background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        border-color: #339bb9 #339bb9 #22697d;
@@ -1354,7 +1356,7 @@ footer {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
        background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
        background-image: -o-linear-gradient(top, #049cdb, #0064cd);
-       background-image: linear-gradient(top, #049cdb, #0064cd);
+       background-image: linear-gradient(to bottom, #049cdb, #0064cd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        border-color: #0064cd #0064cd #003f81;
@@ -1614,7 +1616,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
        opacity: 0.4;
 }
 
-.alert-message {
+.alert-message, .errorbox {
        position: relative;
        padding: 7px 15px;
        margin-bottom: 18px;
@@ -1627,7 +1629,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
        background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
        background-image: -o-linear-gradient(top, #fceec1, #eedc94);
-       background-image: linear-gradient(top, #fceec1, #eedc94);
+       background-image: linear-gradient(to bottom, #fceec1, #eedc94);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        border-color: #eedc94 #eedc94 #e4c652;
@@ -1732,7 +1734,6 @@ a.label:hover {
          color: #808080;
          display: inline-block;
          font-size: 13px;
-         height: 22 dpx;
          line-height: 18px;
 }
 
@@ -1792,6 +1793,10 @@ table.cbi-section-table td.cbi-section-table-cell select {
        width: inherit;
 }
 
+table.valign-middle td {
+       vertical-align: middle;
+}
+
 .cbi-value-description { display: inline; }
 
 .cbi-value-description img { vertical-align: middle; }
@@ -1862,6 +1867,13 @@ table.cbi-section-table td.cbi-section-table-cell select {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+       cursor: default;
+}
+
+.ifacebadge img {
+       width: 16px;
+       height: 16px;
+       vertical-align: middle;
 }
 
 .ifacebadge-active {