libs/cbi: Improved user interface draft #1

[project/luci.git] / themes / openwrt.org / htdocs / luci-static / openwrt.org / cascade.css

diff --git a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
index c699af6..ae3e590 100644 (file)
--- a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
@@ -216,20 +216,31 @@ div#content ul {
 
 input[type=submit],
 input[type=reset],
+input[type=image],
 label {
        cursor: pointer;
 }
 
+
 select,
 input,
 textarea {
        background: #eeeeee;
        color: #000000;
-       border: 1px solid #000000;
+       border-width: 1px;
+       border-color: #000000;
+}
+
+input[type=image] {
+       border: none;
 }
 
 input:focus,
-textarea:focus {
+input:hover,
+select:focus,
+select:hover,
+textarea:focus,
+textarea:hover {
        background: #ffffff;
 }
 
@@ -245,6 +256,42 @@ td input[type=password] {
        width: 99%;
 }
 
+input.cbi-button {
+       padding-left: 17px;
+}
+
+input.cbi-button-add {
+       background: url('../resources/cbi/add.gif') 1px 1px;
+       background-repeat: no-repeat;
+}
+
+input.cbi-button-fieldadd {
+       background: url('../resources/cbi/fieldadd.gif') 1px 1px;
+       background-repeat: no-repeat;
+}
+
+input.cbi-button-reset {
+       background: url('../resources/cbi/reset.gif') 1px 1px;
+       background-repeat: no-repeat;
+}
+
+input.cbi-button-save {
+       background: url('../resources/cbi/save.gif') 1px 1px;
+       background-repeat: no-repeat;
+}
+
+input.cbi-button-apply {
+       background: url('../resources/cbi/apply.gif') 1px 1px;
+       background-repeat: no-repeat;
+}
+
+div.cbi-section-remove input {
+       background: url('../resources/cbi/remove.gif') 1px 1px;
+       background-repeat: no-repeat;
+       padding-left: 17px;
+       border-bottom: none;
+}
+
 textarea {
        margin-left: -1px;
        margin-bottom: 0.5em;
@@ -265,6 +312,7 @@ table.smalltext {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
+       border-collapse: collapse;
 }
 
 table.smalltext tr:hover td {
@@ -283,6 +331,14 @@ table.smalltext tr td {
        border-left: 1px solid #666666;
 }
 
+.cbi-rowstyle-1 {
+       background-color: #eeeeff;
+}
+
+.cbi-rowstyle-2 {
+
+}
+
 div.cbi-value {
        clear: left;
        padding: 0.25em;
@@ -337,11 +393,6 @@ div.cbi-section-remove {
        float: right;
 }
 
-div.cbi-section-remove input {
-       border-color: #bbbbbb;
-       border-bottom: none;
-}
-
 .cbi-section-node {
        clear: both;
        border: 1px dotted #bbbbbb;