}
body {
- color: #cccccc;
+ color: #ccc;
background:#e5eef5 url(bg.jpg) repeat-x top left;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
}
html, body {
-height: 99%;
+ height: 99%;
}
* {
clear: both;
}
+a img {
+ border: 0;
+}
+
.skiplink,
.navigation,
.hidden {
}
.error {
- color: #ff0000;
+ color: #f00;
background-color: white;
}
-#header {
- min-height: 98px;
+.errorbox {
+ border: 1px solid #F00;
+ background-color: #FCC;
+ padding: 5px;
+}
+
+#header {height: auto;
background: #FFF url(header.jpg) repeat-x left bottom;
- color: #cccccc;
+ color: #ccc;
font-weight: bold;
+ text-align:right;
+}
+
+.header_left img {
+ padding: 10px 10px 0px 10px;
}
-#header_left{
-position: absolute;
-text-align:left;
-top: 42px;
+.header_banner {
+ overflow:hidden;
+ padding-bottom: 6px;
+ text-align:left;
}
-#header_left a{
-color: #dc0067;
-font: bold 28px Helvetica;
-text-decoration: none;
+.header_banner img{
+ padding: 0px;
}
-#header_right{
-text-align:right;
+.header_left{
+ text-align:left;
}
-#header h1 {
- padding: 1em 1em 0 1em;
+.header_left a{
+ color: #dc0067;
+ font: bold 36px Helvetica;
+ text-decoration: none;
}
-#header p {
- padding: 0 1em 1em 1em;
+.header_left .spacer {
+height: 12px;
+min-height:12px;
+width:99%;
}
#header h1,
-#header p {
+.header_right {
+ position: absolute;
+ text-align: right;
+ top: 10px;
+ right: 10px;
font-size: 70%;
font-weight: normal;
line-height: 160%;
- text-align: right;
}
ul.dropdowns {
font-weight: normal;
}
-
html #menubar a:link:hover,
html #menubar a:visited:hover,
html #menubar a:link:active,
#modemenu {
width: auto;
background: #000;
- color: #ffffff;
+ 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;
}
padding: 0.5em;
color: #000;
font-size: 80%;
- background: #ffffff url(bg.jpg) repeat-x center bottom;
- border: 1px dashed #CCCCCC;
+ background: #fff url(bg.jpg) repeat-x center bottom;
+ border: 1px dashed #ccc;
}
#maincontent h2 {
.cbi-section {
margin-bottom: 0.5em;
padding: 0.5em 1em;
- border: 1px dotted #555555;
- background-color: #ffffff;
+ border: 1px dotted #555;
+ background-color: #fff;
color: #000;
}
.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;
}
margin-right: 3px;
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 {
top: 1px;
padding-top: 4px;
color: #000;
- background-color: #FFFFFF;
+ 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;
+ background: #fff;
color: #000;
- border: 1px solid #cccccc;
+ border: 1px solid #ccc;
}
input[type=image] {
select:hover,
textarea:focus,
textarea:hover {
- background-color: #ffffff;
+ background-color: #fff;
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;
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: #000;
padding-left: 17px;
table.smalltext {
background: #f5f5f5;
color: #000;
- border: 1px solid #666666;
+ border: 1px solid #666;
font-size: 90%;
width: 80%;
margin-left: auto;
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,
.cbi-section .cbi-rowstyle-1 h3 {
background-color: #f1f6fa;
- color: #555555;
+ color: #555;
}
.cbi-rowstyle-2 {
clear: left;
vertical-align: middle;
padding-left: 0.25em;
- border-bottom: 1px dashed #bbbbbb;
+ border-bottom: 1px dashed #bbb;
}
div.cbi-value:hover {
}
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;
}
}
tr.cbi-section-table-descr th {
- font-weight: normal;
+ font-weight: bold;
font-size: 90%;
}
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 {
}
.footer, .push {
-height: 2em;
+ height: 2em;
}
.footer {
-width: 99%;
-padding: 0.3em;
+ width: 99%;
+ padding: 0.3em;
}
.wrapper {
-min-height: 100%;
-height: auto !important;
-height: 100%;
-margin: 0 auto -2em;
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+ margin: 0 auto -2em;
}
.luci a:link,
.luci a:visited,
.exectime {
- color: #666666;
+ color: #666;
text-decoration: none;
font-size: 70%;
}
.error500 {
white-space: normal;
- border: 1px dotted #ff0000;
- background-color: #ffffff;
+ border: 1px dotted #f00;
+ background-color: #fff;
color: #000;
padding: 0.5em;
}
-
+}