line-height: 100%;
}
+code {
+ font-family: monospace;
+ white-space: pre;
+}
+
div#content ul {
margin-left: 2em;
}
+.warning {
+ color: red !important;
+ font-weight: bold;
+}
+
.clear {
clear: both;
height: 1px;
#header {
min-height: 98px;
- background-image: url(header.jpg);
+ background-image: url(header.png);
background-repeat: no-repeat;
background-position: left center;
background-color: #557788;
color: #ffffff;
}
-* html .mainmenu {
- height: 1.8em;
-}
-
.mainmenu div {
float: left;
}
+.mainmenu li {
+ white-space: nowrap;
+}
+
.mainmenu div ul {
display: none;
position: absolute;
float: right;
}
-.sidebar {
- position: absolute;
- top: -50px;
- right: 0;
- width: 18%;
- color: #888888;
- text-align: center;
- font-size: 100%;
- font-weight: bold;
- z-index: -1;
-}
-
-.sidebar ul {
- width: 100%;
- margin-top: 16em;
- list-style-type: none;
- color: #ffffff;
- text-align: left;
- font-size: 80%;
- font-size: normal;
-}
-
#content {
clear: both;
- width: 60%;
+ width: 80%;
margin: 0 auto;
padding: 0.5em;
background: #f5f5f5;
background-color: #ffffff;
}
+.cbi-section legend {
+ font-size: 110%;
+ font-weight: bold;
+ height: 1em;
+ padding: 0 0.25em;
+ color: #555555;
+}
+
.cbi-section h2 {
margin: 0em 0 0.5em -0.5em !important;
}
.cbi-section h3 {
- height: 1em;
- font-size: 120%;
+ height: 1.5em;
+ font-size: 90%;
+ color: #555555;
}
.cbi-section-descr {
margin-bottom: 0.5em;
+ font-size: 95%;
}
input[type=submit],
input[type=reset],
+input[type=image],
label {
cursor: pointer;
}
+
select,
input,
textarea {
background: #eeeeee;
color: #000000;
- border: 1px solid #000000;
+ border-width: 1px;
+ border-color: #000000;
+}
+
+input[type=image] {
+ border: none;
}
input:focus,
-textarea:focus {
+input:hover,
+select:focus,
+select:hover,
+textarea:focus,
+textarea:hover {
background: #ffffff;
}
width: 20em;
}
+td select,
+td input[type=text],
+td input[type=password] {
+ width: 99%;
+}
+
+input.cbi-button {
+ padding-left: 17px;
+ padding-right: 1px;
+}
+
+input.cbi-button-add {
+ background: transparent url('../resources/cbi/add.gif') no-repeat scroll 1px center;
+}
+
+input.cbi-button-fieldadd {
+ background: transparent url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
+}
+
+input.cbi-button-reset {
+ background: transparent url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
+}
+
+input.cbi-button-save {
+ background: transparent url('../resources/cbi/save.gif') no-repeat scroll 1px center;
+}
+
+input.cbi-button-apply {
+ background: transparent url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
+}
+
+div.cbi-section-remove input {
+ background: transparent url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
+ padding-left: 17px;
+ padding-right: 1px;
+ border-bottom: none;
+}
+
textarea {
margin-left: -1px;
margin-bottom: 0.5em;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 90%;
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ border-collapse: collapse;
+}
+
+table.smalltext tr:hover td {
+ background-color: #bbddee;
}
table.smalltext tr th {
padding: 0 0.25em;
border-left: 1px solid #666666;
+ text-align: left;
}
table.smalltext tr td {
border-left: 1px solid #666666;
}
+.cbi-rowstyle-1 {
+ background-color: #eeeeff;
+}
+
+.cbi-rowstyle-2 {
+
+}
+
div.cbi-value {
clear: left;
- padding: 0.25em;
+ vertical-align: middle;
+ padding-left: 0.25em;
border-bottom: 1px dotted #bbbbbb;
}
.cbi-value-title {
float: left;
- width: 30%;
- margin: 0.25em 0;
+ width: 40%;
}
div.cbi-value-field {
- width: 68%;
- margin: 0.25em 0 0.25em 30%;
+ width: 58%;
+ margin: 0.25em 0 0.25em 40%;
}
div.cbi-value-description {
font-size: 90%;
}
+div.cbi-value-field > div.cbi-value-description {
+ display: none;
+}
+
+div.cbi-value:hover div.cbi-value-field > div.cbi-value-description {
+ display: block;
+}
+
div.cbi-section-create {
clear: left;
}
float: right;
}
-div.cbi-section-remove input {
- border-color: #bbbbbb;
- border-bottom: none;
-}
-
-div.cbi-section-node {
+.cbi-section-node {
clear: both;
border: 1px dotted #bbbbbb;
padding-bottom: 0;
}
+.cbi-section-node div.cbi-section-table-row {
+ margin: 0.25em;
+}
+
+table.cbi-section-table {
+ width: 100%;
+ font-size: 95%;
+}
+
+table.cbi-section-table th,
+table.cbi-section-table td {
+ text-align: center;
+}
+
+tr.cbi-section-table-descr th {
+ font-weight: normal;
+ font-size: 90%;
+}
+
+td.cbi-section-table-optionals {
+ text-align: left !important;
+ padding-top: 1em;
+}
+
+.cbi-value-helpicon img {
+ vertical-align: bottom;
+}
+
+div.cbi-error {
+ font-size: 95%;
+ font-weight: bold;
+ color: #FF0000;
+}
+
.right {
text-align: right;
}
font-size: 70%;
}
+.inline {
+ display: inline;
+}
+
+.error500 {
+ white-space: normal;
+ border: 1px dotted #FF0000;
+ background-color: #FFFFFF;
+ padding: 0.5em;
+}
+#memorybar {
+ width:200px;
+ height:8px;
+ border:1px solid #bbb;
+ background-color:red
+}
+
+#memfree, #membuffers, #memcached {
+ float:right;
+ border:1px solid #bbb;
+ height:6px;
+}
+
+#memfree {
+ background-color:green;
+}
+
+#membuffers {
+ background-color:yellow;
+}
+
+#memcached {
+ background-color:orange;
+}
+
+
+/* obligatory IE6 Voodoo Code */
+* html body {
+ padding-left: 50% !important;
+}
+
+* html div#header {
+ margin-left: -100% !important;
+}
+
+* html div.menubar {
+ margin-left: -100% !important;
+ width: 200% !important;
+}
+
+* html div#content {
+ margin-left: -80% !important;
+ width: 160% !important;
+}
+
+* html div.mainmenu div.hover ul,
+* html div.mainmenu div li.hover ul,
+* html div.mainmenu div li li.hover ul,
+* html div.mainmenu div li li li.hover ul,
+* html div.mainmenu div li li li li.hover ul {
+ display: block !important;
+ margin-left: 3em;
+}
+
+* html div.mainmenu div.hover ul {
+ margin-left: 0;
+}
+
+* html div.mainmenu .hover ul ul,
+* html div.mainmenu .hover ul ul ul,
+* html div.mainmenu .hover ul ul ul ul,
+* html div.mainmenu .hover ul ul ul ul ul {
+ display: none !important;
+}
+
+* html div.mainmenu li {
+ height: 1em !important;
+ width: 10em !important;
+}
+
+* html .mainmenu {
+ height: 1.8em;
+}
+
+* html div.cbi-value-description {
+ margin-left: 40%;
+}