themes: CSS fix for iface badges

[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 6764607..16d9ba6 100644 (file)
--- a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
+++ b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
@@ -91,7 +91,41 @@ a img {
        padding: 5px;
 }
 
-#header {height: auto;
+
+.ifacebox {
+       background-color: #FFFFFF;
+       border: 1px solid #CCCCCC;
+       margin: 0 10px;
+       text-align: center;
+       white-space: nowrap;
+}
+
+.ifacebox .ifacebox-head {
+       border-bottom: 1px solid #CCCCCC;
+       padding: 2px;
+}
+
+.ifacebox .ifacebox-body {
+       padding: 2px;
+}
+
+
+.ifacebadge {
+       background-color: #FFFFFF;
+       border: 1px solid #CCCCCC;
+       padding: 2px;
+       margin-left: 2px;
+       display: inline-block;
+}
+
+.ifacebadge-active {
+       border-color: #000000;
+       font-weight: bold;
+}
+
+
+#header {
+       height: auto;
        background: #FFF url(header.jpg) repeat-x left bottom;
        color: #ccc;
        font-weight: bold;
@@ -215,11 +249,26 @@ ul.dropdowns ul ul ul li:hover ul {
        left: 100%;
 }
 
+#xhr_poll_status { 
+       cursor: pointer; 
+} 
+
+#xhr_poll_status #xhr_poll_status_off { 
+       font-weight: bold; 
+       color: #FF0000; 
+} 
+
+#xhr_poll_status #xhr_poll_status_on { 
+       font-weight: bold; 
+       color: #00FF00; 
+} 
+
 #menubar {
        position: relative;
        width: 100%;
        background: #FFF;
        color: #004a9c;
+       border-bottom: 1px dotted #5A5A5A;
 }
 
 #menubar .warning {
@@ -237,7 +286,7 @@ ul.dropdowns ul ul ul li:hover ul {
        background: #FFF;
        color: #004a9c;
        border-width: 0 1px 1px 1px;
-       border-style: dashed;
+       border-style: dotted;
        border-color: #5a5a5a;
 }
 
@@ -375,14 +424,11 @@ textarea#syslog {
 
 #maincontent {
        clear: both;
-       width: 80%;
+       width: 90%;
        margin: 0 auto;
-       margin-top: 2em;
        padding: 0.5em;
        color: #000;
        font-size: 80%;
-       background: #fff url(bg.jpg) repeat-x center bottom;
-       border: 1px dashed #ccc;
 }
 
 #maincontent h2 {
@@ -415,7 +461,7 @@ textarea#syslog {
        font-size: 110%;
        font-weight: bold;
        height: 1em;
-       padding: 0 0.25em;
+       padding: 0.5em 0.25em;
        background-color: transparent;
        color: #404040 ;
 }
@@ -450,53 +496,53 @@ 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 dotted #bbb;
+       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],
@@ -540,6 +586,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;
@@ -559,6 +611,7 @@ input.cbi-input-find {
        background-color: inherit;
        color: #000;
        padding-left: 17px;
+       border: none;
 }
 
 input.cbi-input-reload {
@@ -566,6 +619,7 @@ input.cbi-input-reload {
        background-color: inherit;
        color: #000;
        padding-left: 17px;
+       border: none;
 }
 
 input.cbi-button{
@@ -617,7 +671,8 @@ input.cbi-button-apply {
        background-color: inherit; 
        color: #000; 
        padding-left: 17px; 
-       padding-right: 1px; 
+       padding-right: 1px;
+       border: none; 
 } 
 
 input.cbi-input-link, 
@@ -640,6 +695,54 @@ div.cbi-section-remove input {
                border: 1px solid #fff;
 }
 
+input.cbi-button-up {
+       background-image: url('../resources/cbi/up.gif');
+       padding-left: 11px;
+       padding-right: 1px;
+}
+
+input.cbi-button-down {
+       background-image: url('../resources/cbi/down.gif');
+       padding-left: 11px;
+       padding-right: 1px;
+}
+
+input.cbi-button-edit {
+       background-image: url('../resources/cbi/edit.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-reload {
+       background-image: url('../resources/cbi/reload.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-reset {
+       background-image: url('../resources/cbi/reset.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+input.cbi-button-remove {
+       background-image: url('../resources/cbi/remove.gif');
+       color: #000000;
+       padding-left: 17px;
+       padding-right: 1px;
+}
+
+.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;
 }
@@ -688,12 +791,22 @@ table.smalltext tr td {
        border-left: 1px dotted #666;
 }
 
-table.cbi-section-table .cbi-rowstyle-1,
-table.cbi-section-table .cbi-rowstyle-1 * {
+table.cbi-section-table .cbi-rowstyle-1 {
        background-color: #f1f6fa;
        color: #000;
 }
 
+table.cbi-section-table .cbi-rowstyle-1:hover,
+table.cbi-section-table .cbi-rowstyle-2:hover {
+       background-color: #b2c8d4;
+       color: #000000;
+}
+
+table.cbi-section-table .cbi-section-table-cell {
+       padding: 3px;
+       white-space: nowrap;
+}
+
 .cbi-section .cbi-rowstyle-1 h3 {
        background-color: #f1f6fa;
        color: #555;
@@ -707,7 +820,7 @@ div.cbi-value {
        clear: left;
        vertical-align: middle;
        padding-left: 0.25em;
-       border-bottom: 1px dashed #bbb;
+       border-bottom: 1px dotted #bbb;
 }
 
 div.cbi-value:hover {
@@ -800,7 +913,7 @@ table.cbi-section-table td {
 }
 
 tr.cbi-section-table-descr th {
-       font-weight: normal;
+       font-weight: bold;
        font-size: 90%;
 }
 
@@ -839,8 +952,12 @@ td.cbi-value-error {
        padding: 3px;
 }
 
+.left {
+       text-align: left !important;
+}
+
 .right {
-       text-align: right;
+       text-align: right !important;
 }
 
 .footer, .push {
@@ -878,4 +995,73 @@ td.cbi-value-error {
        color: #000;
        padding: 0.5em;
 }
+
+.uci-change-list {                 
+        font-family: monospace;    
+}                                  
+                                   
+.uci-change-list ins,              
+.uci-change-legend-label ins {     
+        text-decoration: none;     
+        border: 1px solid #00FF00; 
+        background-color: #CCFFCC; 
+        display: block;            
+        padding: 2px;              
+}                                 
+                                           
+.uci-change-list del,               
+.uci-change-legend-label del {                  
+        text-decoration: none;    
+        border: 1px solid #FF0000;
+        background-color: #FFCCCC;
+        display: block;           
+        font-style: normal;       
+        padding: 2px;             
+}                                 
+                                  
+.uci-change-list var,             
+.uci-change-legend-label var {    
+        text-decoration: none;    
+        border: 1px solid #CCCCCC;
+        background-color: #EEEEEE;
+        display: block;           
+        font-style: normal;       
+        padding: 2px;             
+}                                 
+                                  
+.uci-change-list var ins,         
+.uci-change-list var del {        
+        /*display: inline;*/      
+        border: none;             
+        white-space: pre;         
+        font-style: normal;       
+        padding: 0px;             
+}                                 
+                                  
+.uci-change-legend {              
+        padding: 5px;             
+}                                 
+                                         
+.uci-change-legend-label {          
+        width: 150px;             
+        float: left;              
+        font-size: 80%;           
+}                                 
+
+.uci-change-legend-label>ins,     
+.uci-change-legend-label>del,     
+.uci-change-legend-label>var {    
+        float: left;              
+        margin-right: 4px;        
+        width: 10px;              
+        height: 10px;             
+        display: block;           
+}                                        
+                                    
+.uci-change-legend-label var ins, 
+.uci-change-legend-label var del {
+        line-height: 6px;         
+        border: none;             
 }
+
+}