Update cascade.css

[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 84f00c4..9b5ee3a 100644 (file)
--- a/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -108,9 +108,13 @@ img {
 button,
 input,
 select,
+option,
 textarea {
        font-size: 100%;
        margin: 0;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
        vertical-align: baseline;
        *vertical-align: middle;
 }
@@ -449,7 +453,7 @@ textarea {
 
 form .input,
 form .cbi-value-field {
-       margin-left: 150px;
+       margin-left: 200px;
 }
 
 form .cbi-value label.cbi-value-title {
@@ -457,7 +461,7 @@ form .cbi-value label.cbi-value-title {
        font-size: 13px;
        line-height: 18px;
        float: left;
-       width: 130px;
+       width: 180px;
        text-align: right;
        color: #404040;
 }
@@ -472,7 +476,7 @@ select,
 .uneditable-input {
        display: inline-block;
        width: 210px;
-       height: 18px;
+       height: 30px;
        padding: 4px;
        font-size: 13px;
        line-height: 18px;
@@ -507,6 +511,7 @@ input[type=file] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
+       width: auto !important;
 }
 
 input[type=button], input[type=reset], input[type=submit] {
@@ -515,9 +520,7 @@ input[type=button], input[type=reset], input[type=submit] {
 }
 
 select, input[type=file] {
-       height: 27px;
        *height: auto;
-       line-height: 27px;
        *margin-top: 4px;
        /* For IE7, add top margin to align select with labels */
 }
@@ -953,9 +956,9 @@ a.menu:after, .dropdown-toggle:after {
 .menu-dropdown, .dropdown-menu {
        background-color: #ffffff;
        float: left;
-       display: none;
        position: absolute;
        top: 40px;
+       left: -9999px;
        z-index: 900;
        min-width: 160px;
        max-width: 220px;
@@ -1037,11 +1040,11 @@ header .dropdown-menu a.hover,
 .dropdown.open .menu-dropdown,
 .open .dropdown-menu,
 .dropdown.open .dropdown-menu {
-       display: block;
+       left: 0;
 }
 
 .dropdown:hover ul.dropdown-menu {
-       display: block;
+       left: 0;
 }
 
 .dropdown-menu .dropdown-menu {
@@ -1334,7 +1337,8 @@ footer {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
-.cbi-input-invalid {
+.cbi-input-invalid,
+.cbi-value-error input {
        color: #FF0000;
        border-color: #FF0000;
 }
@@ -1760,10 +1764,28 @@ table.cbi-section-table td.cbi-section-table-cell {
        text-align: right;
 }
 
+table.cbi-section-table td.cbi-section-table-cell select {
+       width: inherit;
+}
+
 .cbi-value-description { display: inline; }
 
 .cbi-value-description img { vertical-align: middle; }
 
+.cbi-section-error {
+       border: 1px solid #FF0000;
+       border-radius: 3px;
+       background-color: #FCE6E6;
+       padding: 5px;
+}
+
+.cbi-section-error ul { margin: 0 0 0 20px; }
+
+.cbi-section-error ul li {
+       color: #FF0000;
+       font-weight: bold;
+}
+
 .ifacebox {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
@@ -1841,7 +1863,6 @@ table.cbi-section-table td.cbi-section-table-cell {
 
 .zonebadge input {
        width: 6em;
-       height: 1em;
 }
 
 .zonebadge-empty {