* luci/themes: several small tweaks in openwrt.org theme
[project/luci.git] / themes / openwrt.org / htdocs / luci-static / openwrt.org / cascade.css
index de3246b..c699af6 100644 (file)
@@ -24,6 +24,11 @@ div#content ul {
        margin-left: 2em;
 }
 
+.warning {
+       color: red !important;
+       font-weight: bold;
+}
+
 .clear {
        clear: both;
        height: 1px;
@@ -39,7 +44,7 @@ div#content ul {
 
 #header {
        min-height: 98px;
-       background-image: url(header.jpg);
+       background-image: url(header.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-color: #557788;
@@ -186,17 +191,27 @@ div#content ul {
        background-color: #ffffff;
 }
 
+.cbi-section legend {
+       font-size: 110%;
+       font-weight: bold;
+       height: 1em;
+       padding: 0 0.25em;
+       color: #555555;
+}
+
 .cbi-section h2 {
        margin: 0em 0 0.5em -0.5em !important;
 }
 
 .cbi-section h3 {
-       height: 1em;
-       font-size: 120%;
+       height: 1.5em;
+       font-size: 90%;
+       color: #555555;
 }
 
 .cbi-section-descr {
        margin-bottom: 0.5em;
+       font-size: 95%;
 }
 
 input[type=submit],
@@ -247,11 +262,19 @@ table.smalltext {
        border-right: 1px solid #666666;
        border-bottom: 1px solid #666666;
        font-size: 90%;
+       width: 80%;
+       margin-left: auto;
+       margin-right: auto;
+}
+
+table.smalltext tr:hover td {
+       background-color: #bbddee;
 }
 
 table.smalltext tr th {
        padding: 0 0.25em;
        border-left: 1px solid #666666;
+       text-align: left;
 }
 
 table.smalltext tr td {
@@ -289,6 +312,14 @@ div.cbi-value-description {
        font-size: 90%;
 }
 
+div.cbi-value-field > div.cbi-value-description {
+       display: none;
+}
+
+div.cbi-value:hover div.cbi-value-field > div.cbi-value-description {
+       display: block;
+}
+
 div.cbi-section-create {
        clear: left;
 }
@@ -311,7 +342,7 @@ div.cbi-section-remove input {
        border-bottom: none;
 }
 
-div.cbi-section-node {
+.cbi-section-node {
        clear: both;
        border: 1px dotted #bbbbbb;
        padding-bottom: 0;
@@ -354,6 +385,10 @@ td.cbi-section-table-optionals {
        font-size: 70%;
 }
 
+.inline {
+       display: inline;
+}
+
 #memorybar {
        width:200px;
        height:8px;
@@ -431,4 +466,3 @@ td.cbi-section-table-optionals {
 * html div.cbi-value-description {
        margin-left: 40%;
 }
-