X-Git-Url: https://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=themes%2Fopenwrt.org%2Fhtdocs%2Fluci-static%2Fopenwrt.org%2Fcascade.css;h=2b1946c0fb20908d89d6cd0eedec37d75e78853d;hp=2fb89a46b24e526a020b8185d0127f4b6227892a;hb=8cc810d96be2a8a87a208695cd88e09819490048;hpb=7e674adf8284ce991ee5721994c294adc1a04810

diff --git a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
index 2fb89a46b..2b1946c0f 100644
--- a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
@@ -15,10 +15,20 @@ body {
 	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;
@@ -34,7 +44,7 @@ div#content ul {
 
 #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;
@@ -70,14 +80,14 @@ div#content ul {
 	color: #ffffff;
 }
 
-* html .mainmenu {
-	height: 1.8em;
-}
-
 .mainmenu div {
 	float: left;
 }
 
+.mainmenu li {
+	white-space: nowrap;
+}
+
 .mainmenu div ul {
 	display: none;
 	position: absolute;
@@ -144,31 +154,9 @@ div#content ul {
 	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;
@@ -203,35 +191,56 @@ div#content ul {
 	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;
 }
 
@@ -241,6 +250,44 @@ 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;
@@ -258,11 +305,20 @@ table.smalltext {
 	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 {
@@ -271,9 +327,18 @@ 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;
 }
 
@@ -287,19 +352,26 @@ div.cbi-value:last-child {
 
 .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;
 }
@@ -317,17 +389,46 @@ div.cbi-section-remove {
 	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;
 }
@@ -345,4 +446,91 @@ div.cbi-section-node {
 	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%;
+}