themes: add new button classes to remaining themes as well

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

diff --git a/themes/freifunk/htdocs/luci-static/freifunk/cascade.css b/themes/freifunk/htdocs/luci-static/freifunk/cascade.css
index e40ddb808ddb33722ba68fcf19dd801ddcad762f..8571c9feb6cd797bbae393f22024c23a9ce68e81 100644 (file)
--- a/themes/freifunk/htdocs/luci-static/freifunk/cascade.css
+++ b/themes/freifunk/htdocs/luci-static/freifunk/cascade.css
@@ -376,6 +376,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;
@@ -448,6 +454,54 @@ div.cbi-section-remove input {
        padding-right: 1px;
 }
 
+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;
 }
@@ -626,8 +680,63 @@ ul.cbi-apply {
        font-size: 90%;
 }
 
+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 #000;
+       border-bottom: none;
+       background-color: #eee;
+       color: #bbb;
+}
+
+ul.cbi-tabmenu li.cbi-tab-highlighted a {
+       color: #000;
+       background-color: #FFEEAA;
+}
+
+ul.cbi-tabmenu li a:hover {
+       color: #000;
+}
+
+ul.cbi-tabmenu li.cbi-tab a {
+       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;
+}
+
+
+.left {
+       text-align: left !important;
+}
+
 .right {
-       text-align: right;
+       text-align: right !important;
 }
 
 .luci {