}
body {
- color: #cccccc;
- background:#fff url(bg.jpg) repeat-x bottom center;
+ color: #ccc;
+ background:#e5eef5 url(bg.jpg) repeat-x top left;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 100%;
padding-bottom: 1.5em;
}
+html, body {
+height: 99%;
+}
+
* {
margin: 0;
padding: 0;
}
.error {
- color: #ff0000;
+ color: #f00;
background-color: white;
}
+.errorbox {
+border: 1px solid #F00;
+background-color: #FCC;
+padding: 5px;
+}
+
#header {
- min-height: 98px;
+ min-height: 100px;
background: #FFF url(header.jpg) repeat-x left bottom;
- color: #cccccc;
+ color: #ccc;
font-weight: bold;
+ text-align:right;
+}
+
+#header img {
+ border: 0;
+ padding-left: 10px;
}
#header_left{
-position: absolute;
text-align:left;
top: 42px;
+float:left;
}
#header_left a{
text-decoration: none;
}
-#header_right{
-text-align:right;
-}
-
-#header h1 {
- padding: 1em 1em 0 1em;
-}
-
#header p {
padding: 0 1em 1em 1em;
}
#modemenu {
width: auto;
- background: #000000;
- color: #ffffff;
+ background: #000;
+ color: #fff;
list-style: none;
margin-right: 1px;
}
textarea#syslog {
width: 98%;
min-height: 500px;
- border: 3px solid #cccccc;
+ border: 3px solid #ccc;
padding: 5px;
font-family: monospace;
}
margin: 0 auto;
margin-top: 2em;
padding: 0.5em;
- color: #000000;
+ color: #000;
font-size: 80%;
background: #fff url(bg.jpg) repeat-x center bottom;
- border: 1px dashed #CCCCCC;
+ border: 1px dashed #ccc;
}
#maincontent h2 {
.cbi-section {
margin-bottom: 0.5em;
padding: 0.5em 1em;
- border: 1px dotted #555555;
- background-color: #ffffff;
- color: #000000;
+ border: 1px dotted #555;
+ background-color: #fff;
+ color: #000;
}
.cbi-section legend {
.cbi-section h3 {
text-decoration: none !important;
font-weight: bold !important;
- color: #555555 !important;
+ color: #555 !important;
margin: 0.25em !important;
font-size: 100% !important;
}
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
- border: 1px outset #000000;
+ border: 1px outset #000;
border-bottom: none;
- background-color: #EEEEEE;
- color: #BBBBBB;
+ background-color: #eee;
+ color: #bbb;
}
ul.cbi-tabmenu li.cbi-tab-highlighted a {
- color: #000000;
+ color: #000;
background-color: #FFEEAA;
}
ul.cbi-tabmenu li a:hover {
- color: #000000;
+ color: #000;
}
ul.cbi-tabmenu li.cbi-tab a {
position: relative;
top: 1px;
padding-top: 4px;
- color: #000000;
- background-color: #FFFFFF;
+ 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 #CCCCCC;
+ border-bottom: 1px solid #ccc;
margin: 0.25em 0.25em 2em;
padding: 0.5em 0.5em 0.5em 2em;
}
input[type=submit],
input[type=reset],
-input[type=image] {
+input[type=image],
+input[type=button] {
cursor: pointer;
}
select,
input,
textarea {
- background: #ffffff;
- color: #000000;
- border: 1px solid #cccccc;
+ background: #fff;
+ color: #000;
+ border: 1px solid #ccc;
}
input[type=image] {
select:hover,
textarea:focus,
textarea:hover {
- background-color: #ffffff;
- color: #000000;
+ background-color: #fff;
+ color: #000;
}
select,
input.cbi-input-user {
background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
text-indent: 17px;
}
input.cbi-input-password {
background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
text-indent: 17px;
}
input.cbi-input-find {
background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
}
input.cbi-input-reload {
background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
}
+input.cbi-button{
+ margin-top: 1.3em;
+}
+
input.cbi-input-add,
input.cbi-button-add {
background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #FFF;
input.cbi-button-fieldadd {
background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
}
input.cbi-button-reset {
background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: none;
input.cbi-button-save {
background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: none;
input.cbi-input-apply,
input.cbi-button-apply {
background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
+ background-color: inherit;
+ color: #000;
+ padding-left: 17px;
+ padding-right: 1px;
+}
+
+input.cbi-input-link,
+ input.cbi-button-link {
+ background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: none;
div.cbi-section-remove input {
background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
background-color: inherit;
- color: #000000;
+ color: #000;
padding-left: 17px;
padding-right: 1px;
border: 1px solid #fff;
table td,
table th {
- color: #000000;
+ color: #000;
}
table.smalltext {
background: #f5f5f5;
- color: #000000;
- border: 1px solid #666666;
+ color: #000;
+ border: 1px solid #666;
font-size: 90%;
width: 80%;
margin-left: auto;
table.smalltext tr:hover td {
background-color: #bbddee;
- color: #000000;
+ color: #000;
}
table.smalltext tr th {
padding: 0 0.25em;
- border-left: 1px solid #666666;
+ border-left: 1px dotted #666;
text-align: left;
}
table.smalltext tr td {
- padding: 0 0.25em;
- border-top: 1px solid #666666;
- border-left: 1px solid #666666;
+ padding: 0.2em;
+ border-top: 1px dotted #666;
+ border-left: 1px dotted #666;
}
table.cbi-section-table .cbi-rowstyle-1,
table.cbi-section-table .cbi-rowstyle-1 * {
background-color: #f1f6fa;
- color: #000000;
+ color: #000;
}
.cbi-section .cbi-rowstyle-1 h3 {
background-color: #f1f6fa;
- color: #555555;
+ color: #555;
}
.cbi-rowstyle-2 {
- color: #000000;
+ color: #000;
}
div.cbi-value {
clear: left;
vertical-align: middle;
padding-left: 0.25em;
- border-bottom: 1px dashed #bbbbbb;
+ border-bottom: 1px dashed #bbb;
}
div.cbi-value:hover {
background: #f8f8f8;
- color: #000000;
+ color: #000;
}
.cbi-value-title {
}
div.cbi-tblsection-create {
- border-bottom: 1px dotted #bbbbbb;
+ border-bottom: 1px dotted #bbb;
}
div.cbi-section-create .cbi-button {
}
input.cbi-section-create-name {
- border: ;
margin-right: -0.25em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
- border-top-color: #999999;
- border-right-color: #999999;
- border-bottom-color: #999999;
- border-left-color: #999999;
+ border-top-color: #999;
+ border-right-color: #999;
+ border-bottom-color: #999;
+ border-left-color: #999;
}
div.cbi-map-descr {
div.cbi-optionals {
padding: 0.25em;
- border-bottom: 1px dotted #bbbbbb;
+ border-bottom: 1px dotted #bbb;
}
div.cbi-section-remove {
.cbi-section-node {
clear: both;
- border-top: 1px dotted #bbbbbb;
- border-left: 1px dotted #bbbbbb;
- border-right: 1px dotted #bbbbbb;
+ border-top: 1px dotted #bbb;
+ border-left: 1px dotted #bbb;
+ border-right: 1px dotted #bbb;
border-bottom: none;
padding-bottom: 0;
}
div.cbi-error {
font-size: 95%;
font-weight: bold;
- color: #ff0000;
- background-color: #ffffff;
+ color: #f00;
+ background-color: #fff;
}
td.cbi-value-error {
.cbi-value-error input,
.cbi-value-error select {
color: red;
- background-color: #ffcccc;
+ background-color: #fcc;
}
.cbi-section-error {
text-align: right;
}
-.luci {
- position: fixed;
- bottom: 0;
- left: 0;
- text-align: right;
+.footer, .push {
+height: 2em;
+}
+
+.footer {
+width: 99%;
+padding: 0.3em;
+}
+
+.wrapper {
+min-height: 100%;
+height: auto !important;
+height: 100%;
+margin: 0 auto -2em;
}
.luci a:link,
-.luci a:visited {
- background-color: transparent;
- color: #666666;
+.luci a:visited,
+.exectime {
+ color: #666;
text-decoration: none;
font-size: 70%;
}
.error500 {
white-space: normal;
- border: 1px dotted #ff0000;
- background-color: #ffffff;
- color: #000000;
+ border: 1px dotted #f00;
+ background-color: #fff;
+ color: #000;
padding: 0.5em;
}
-
+}