themes: add new button classes to remaining themes as well
[project/luci.git] / themes / freifunk-hannover / htdocs / luci-static / freifunk-hannover / cascade.css
index b85c1638fa366e1f47840da40cfcdbb0106532b0..cb7cc7ffb8b0080ac222cf9dcfa35267bb49a680 100644 (file)
@@ -426,6 +426,57 @@ ul.cbi-apply {
        font-size: 90%;\r
 }\r
 \r
+ul.cbi-tabmenu {\r
+       padding: 3px 0;\r
+       margin-left: 0 !important;\r
+       margin-bottom: -1px;\r
+       list-style-type: none;\r
+}\r
+\r
+ul.cbi-tabmenu li.cbi-tab,\r
+ul.cbi-tabmenu li.cbi-tab-disabled {\r
+       display: inline;\r
+       margin: 0;\r
+}\r
+\r
+ul.cbi-tabmenu li.cbi-tab a,\r
+ul.cbi-tabmenu li.cbi-tab-disabled a {\r
+       text-decoration: none;\r
+       padding: 3px 7px;\r
+       margin-right: 3px;\r
+       border: 1px outset #000;\r
+       border-bottom: none;\r
+       background-color: #eee;\r
+       color: #bbb;\r
+}\r
+\r
+ul.cbi-tabmenu li.cbi-tab-highlighted a {\r
+       color: #000;\r
+       background-color: #FFEEAA;\r
+}\r
+\r
+ul.cbi-tabmenu li a:hover {\r
+       color: #000;\r
+}\r
+\r
+ul.cbi-tabmenu li.cbi-tab a {\r
+       position: relative;\r
+       top: 1px;\r
+       padding-top: 4px;\r
+       color: #000;\r
+       background-color: #fff;\r
+}\r
+\r
+div.cbi-tab-descr {\r
+       background-image: url(/luci-static/resources/cbi/help.gif);\r
+       background-position: 0.25em 50%;\r
+       background-repeat: no-repeat;\r
+       border-bottom: 1px solid #ccc;\r
+       margin: 0.25em 0.25em 2em;\r
+       padding: 0.5em 0.5em 0.5em 2em;\r
+}\r
+\r
+\r
 input[type=submit],\r
 input[type=reset],\r
 input[type=image] {\r
@@ -560,6 +611,54 @@ div.cbi-section-remove input {
                border: 1px solid #fff;\r
 }\r
 \r
+input.cbi-button-up {\r
+       background-image: url('../resources/cbi/up.gif');\r
+       padding-left: 11px;\r
+       padding-right: 1px;\r
+}\r
+\r
+input.cbi-button-down {\r
+       background-image: url('../resources/cbi/down.gif');\r
+       padding-left: 11px;\r
+       padding-right: 1px;\r
+}\r
+\r
+input.cbi-button-edit {\r
+       background-image: url('../resources/cbi/edit.gif');\r
+       color: #000000;\r
+       padding-left: 17px;\r
+       padding-right: 1px;\r
+}\r
+\r
+input.cbi-button-reload {\r
+       background-image: url('../resources/cbi/reload.gif');\r
+       color: #000000;\r
+       padding-left: 17px;\r
+       padding-right: 1px;\r
+}\r
+\r
+input.cbi-button-reset {\r
+       background-image: url('../resources/cbi/reset.gif');\r
+       color: #000000;\r
+       padding-left: 17px;\r
+       padding-right: 1px;\r
+}\r
+\r
+input.cbi-button-remove {\r
+       background-image: url('../resources/cbi/remove.gif');\r
+       color: #000000;\r
+       padding-left: 17px;\r
+       padding-right: 1px;\r
+}\r
+\r
+.cbi-input-invalid {\r
+       background-image: url('../resources/cbi/reset.gif');\r
+       background-repeat: no-repeat;\r
+       background-position: right;\r
+       color: #FF0000 !important;\r
+       border-color: #FF0000;\r
+}\r
+\r
 div.cbi-section-remove input {\r
        border-bottom: none;\r
 }\r
@@ -762,8 +861,12 @@ td.cbi-value-error {
        padding: 3px;\r
 }\r
 \r
+.left {\r
+       text-align: left !important;\r
+}\r
+\r
 .right {\r
-       text-align: right;\r
+       text-align: right !important;\r
 }\r
 \r
 .luci {\r