themes/openwrt.org: add css for tab highlight

[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 cf4265d..07e53b8 100644 (file)
--- a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
@@ -2,20 +2,21 @@
 
 @media all {
 
-html,
+html {
+       min-height: 100%;
+       height: auto;
+}
+
 body {
+       color: #ffffff;
        background-color: #4a6b7c;
        background-image: url(bg.jpg);
        background-position: bottom center;
        background-repeat: repeat-x;
-       color: #ffffff;
-       height: 100%;
-}
-
-body {
        font-family: Verdana, Arial, sans-serif;
        font-size: 101%;
        line-height: 100%;
+       padding-bottom: 1.5em;
 }
 
 * {
@@ -740,6 +741,56 @@ td.cbi-value-error {
        padding: 3px;
 }
 
+ul.cbi-tabmenu {
+       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;
+}
+
+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 #000000;
+       border-bottom: none;
+       background-color: #EEEEEE;
+       color: #BBBBBB;
+}
+
+ul.cbi-tabmenu li.cbi-tab-highlighted a {
+       color: #000000;
+       background-color: #FFEEAA;
+}
+
+ul.cbi-tabmenu li a:hover {
+       color: #000000;
+}
+
+ul.cbi-tabmenu li.cbi-tab a {
+       position: relative;
+       top: 1px;
+       padding-top: 4px;
+       color: #000000;
+       background-color: #FFFFFF;
+}
+
+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 #CCCCCC;
+       margin: 0.25em 0.25em 2em;
+       padding: 0.5em 0.5em 0.5em 2em;
+}
+
 .right {
        text-align: right;
 }