themes/bootstrap: add missing styles for server side validation errors

[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 24b0e04..7654aa3 100644 (file)
--- a/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1337,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;
 }
@@ -1771,6 +1772,20 @@ table.cbi-section-table td.cbi-section-table-cell select {
 
 .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;