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;
display: none;
}
+.error {
+ color: #ff0000;
+}
+
#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;
display: none;
}
-.mainmenu {
- float: left;
+.menubar {
width: 100%;
min-height: 1.8em;
background: #000000;
color: #ffffff;
}
-* html .mainmenu {
- height: 1.8em;
+.mainmenu {
+ float: left;
+ width: auto;
+ min-height: 1.8em;
+ background: #000000;
+ color: #ffffff;
}
.mainmenu div {
float: left;
- /*display: inline;*/
+}
+
+.mainmenu li {
+ white-space: nowrap;
}
.mainmenu div ul {
}
.mainmenu ul li > ul {
-/* display: none;*/
left: 100%;
margin-top: -1.8em;
border-width: 1px;
.mainmenu a {
display: block;
padding: 0.5em;
- /*width: */
color: #ffffff;
text-decoration: none;
font-size: 80%;
.mainmenu li:hover > span > a,
.mainmenu div:hover > a {
font-weight: bold;
-/* color: #ffffff;*/
}
.modemenu a:hover,
}
.modemenu ul {
- float: right;
- /*max-width: 45%;*/
- width: 45%;
- margin-top: -1.8em;
+ width: auto;
background: #000000;
color: #ffffff;
list-style-type: none;
float: right;
}
-.sidebar {
-/* display: none;*/
-/* float: right;*/
- position: fixed;
- bottom: 0.5em;
- right: 0;
- width: 19%;
- color: #888888;
- text-align: center;
- font-size: 100%;
- font-weight: bold;
-}
-
-.sidebar ul {
- float: right;
- width: 100%;
- margin-top: 0.5em;
- list-style-type: none;
- color: #ffffff;
- text-align: right;
- font-size: 80%;
- font-size: normal;
-}
-
#content {
clear: both;
- width: 60%;
- /*margin: 2.25em 20% 0 20%;*/
+ width: 80%;
margin: 0 auto;
padding: 0.5em;
background: #f5f5f5;
}
#content p {
-/* margin: 1em;*/
margin-bottom: 1em;
}
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: 1.2em;
- margin-top: -1.2em;
+ 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: #dddddd;
+ background: #eeeeee;
color: #000000;
- border: 1px solid #000000;
+ border-width: 1px;
+ border-color: #000000;
+}
+
+input[type=image] {
+ border: none;
+}
+
+input:focus,
+input:hover,
+select:focus,
+select:hover,
+textarea:focus,
+textarea:hover {
+ background: #ffffff;
}
select,
-input[type=text] {
+input[type=text],
+input[type=password] {
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-top: 1px solid #666666;
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;
- border-bottom: 1px dotted #AAAAAA;
+ vertical-align: middle;
+ padding-left: 0.25em;
+ border-bottom: 1px dotted #bbbbbb;
+}
+
+div.cbi-value:hover {
+ background: #f8f8f8;
}
div.cbi-value:last-child {
border: none;
}
-div.cbi-value-title {
- width: 30%;
+.cbi-value-title {
float: left;
- margin: 0.5em 0;
+ width: 40%;
}
div.cbi-value-field {
- width: 68%;
- float: left;
- margin: 0.5em 0;
+ 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;
}
div.cbi-optionals {
margin: 0.5em 0;
+ padding: 0 0.25em;
}
-div.cbi-section-remove input {
- border-color: #AAAAAA;
- border-bottom: none;
+div.cbi-section-remove {
+ float: right;
}
-div.cbi-section-node {
- border: 1px solid #AAAAAA;
- padding: 0.25em;
+.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%;
+}