themes: Add .cbi-input-invalid to css for themes which were missing it

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

diff --git a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
index 4530b08..514096e 100644 (file)
--- a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
+++ b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
@@ -17,7 +17,7 @@ body {
 }
 
 html, body {
-height: 99%;
+       height: 99%;
 }
 
 * {
@@ -64,6 +64,10 @@ code {
        clear: both;
 }
 
+a img {
+       border: 0;
+}
+
 .skiplink,
 .navigation,
 .hidden {
@@ -81,41 +85,58 @@ code {
        background-color: white;
 }
 
-#header {
-       min-height: 100px;
+.errorbox {
+       border: 1px solid #F00;
+       background-color: #FCC;
+       padding: 5px;
+}
+
+#header {height: auto;
        background: #FFF url(header.jpg) repeat-x left bottom;
        color: #ccc;
        font-weight: bold;
        text-align:right;
 }
 
-#header img {
-       border: 0;
-       padding-left: 10px;
+.header_left img {
+       padding: 10px 10px 0px 10px;
+}
+
+.header_banner {
+       overflow:hidden;
+       padding-bottom: 6px;
+       text-align:left;
+}
+
+.header_banner img{
+       padding: 0px;
 }
 
-#header_left{
-text-align:left;
-top: 42px;
-float:left;
+.header_left{
+       text-align:left;
 }
 
-#header_left a{
-color: #dc0067;
-font: bold 28px Helvetica;
-text-decoration: none;
+.header_left a{
+       color: #dc0067;
+       font: bold 36px Helvetica;
+       text-decoration: none;
 }
 
-#header p {
-       padding: 0 1em 1em 1em;
+.header_left .spacer {
+height: 12px;
+min-height:12px;
+width:99%;
 }
 
 #header h1,
-#header p {
+.header_right {
+       position: absolute;
+       text-align: right;
+       top: 10px;
+       right: 10px;
        font-size: 70%;
        font-weight: normal;
        line-height: 160%;
-       text-align: right;
 }
 
 ul.dropdowns {
@@ -236,7 +257,6 @@ html #menubar a:visited {
        font-weight: normal;
 }
 
-
 html #menubar a:link:hover,
 html #menubar a:visited:hover,
 html #menubar a:link:active,
@@ -430,56 +450,55 @@ ul.cbi-apply {
 }
 
 ul.cbi-tabmenu {
-        padding: 3px 0;
-        margin-left: 0 !important;
-        margin-bottom: -1px;
-        list-style-type: none;
+       padding: 3px 0;
+       margin-left: 0 !important;
+       margin-bottom: -1px;
+       list-style-type: none;
 }
 
 ul.cbi-tabmenu li.cbi-tab,
 ul.cbi-tabmenu li.cbi-tab-disabled {
-        display: inline;
-        margin: 0;
+       display: inline;
+       margin: 0;
 }
 
 ul.cbi-tabmenu li.cbi-tab a,
 ul.cbi-tabmenu li.cbi-tab-disabled a {
-        text-decoration: none;
-        padding: 3px 7px;
-        margin-right: 3px;
-        border: 1px outset #000;
-        border-bottom: none;
-        background-color: #eee;
-        color: #bbb;
+       text-decoration: none;
+       padding: 3px 7px;
+       margin-right: 3px;
+       border: 1px outset #000;
+       border-bottom: none;
+       background-color: #eee;
+       color: #bbb;
 }
 
 ul.cbi-tabmenu li.cbi-tab-highlighted a {
-        color: #000;
-        background-color: #FFEEAA;
+       color: #000;
+       background-color: #FFEEAA;
 }
 
 ul.cbi-tabmenu li a:hover {
-        color: #000;
+       color: #000;
 }
 
 ul.cbi-tabmenu li.cbi-tab a {
-        position: relative;
-        top: 1px;
-        padding-top: 4px;
-        color: #000;
-        background-color: #fff;
+       position: relative;
+       top: 1px;
+       padding-top: 4px;
+       color: #000;
+       background-color: #fff;
 }
 
 div.cbi-tab-descr {
-        background-image: url(/luci-static/resources/cbi/help.gif);
-        background-position: 0.25em 50%;
-        background-repeat: no-repeat;
-        border-bottom: 1px solid #ccc;
-        margin: 0.25em 0.25em 2em;
-        padding: 0.5em 0.5em 0.5em 2em;
+       background-image: url(/luci-static/resources/cbi/help.gif);
+       background-position: 0.25em 50%;
+       background-repeat: no-repeat;
+       border-bottom: 1px solid #ccc;
+       margin: 0.25em 0.25em 2em;
+       padding: 0.5em 0.5em 0.5em 2em;
 }
 
-
 input[type=submit],
 input[type=reset],
 input[type=image],
@@ -487,7 +506,6 @@ input[type=button] {
        cursor: pointer;
 }
 
-
 select,
 input,
 textarea {
@@ -522,6 +540,12 @@ td input[type=password] {
        width: 99%;
 }
 
+img.cbi-image-button {
+       cursor: pointer;
+       margin: 0 2px;
+       vertical-align: middle;
+}
+
 input.cbi-input-user {
        background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
        background-color: inherit;
@@ -550,6 +574,10 @@ input.cbi-input-reload {
        padding-left: 17px;
 }
 
+input.cbi-button{
+       margin-top: 1.3em;
+}
+
 input.cbi-input-add,
 input.cbi-button-add {
        background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
@@ -618,6 +646,14 @@ div.cbi-section-remove input {
                border: 1px solid #fff;
 }
 
+.cbi-input-invalid {
+       background-image: url('../resources/cbi/reset.gif');
+       background-repeat: no-repeat;
+       background-position: right;
+       color: #FF0000 !important;
+       border-color: #FF0000;
+}
+
 div.cbi-section-remove input {
        border-bottom: none;
 }
@@ -778,7 +814,7 @@ table.cbi-section-table td {
 }
 
 tr.cbi-section-table-descr th {
-       font-weight: normal;
+       font-weight: bold;
        font-size: 90%;
 }
 
@@ -822,19 +858,19 @@ td.cbi-value-error {
 }
 
 .footer, .push {
-height: 2em;
+       height: 2em;
 }
 
 .footer {
-width: 99%;
-padding: 0.3em;
+       width: 99%;
+       padding: 0.3em;
 }
 
 .wrapper {
-min-height: 100%;
-height: auto !important;
-height: 100%;
-margin: 0 auto -2em;
+       min-height: 100%;
+       height: auto !important;
+       height: 100%;
+       margin: 0 auto -2em;
 }
 
 .luci a:link,