From 7e674adf8284ce991ee5721994c294adc1a04810 Mon Sep 17 00:00:00 2001
From: Jo-Philipp Wich <jow@openwrt.org>
Date: Mon, 7 Jul 2008 19:36:43 +0000
Subject: * luci/themes:	next round of css fixes for openwrt.org theme

---
 .../htdocs/luci-static/openwrt.org/cascade.css     | 80 +++++++++++++---------
 .../luasrc/view/themes/openwrt.org/header.htm      | 49 ++++++-------
 2 files changed, 74 insertions(+), 55 deletions(-)

(limited to 'themes')

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 13c5ac13b..2fb89a46b 100644
--- a/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css
@@ -28,6 +28,10 @@ div#content ul {
 	display: none;
 }
 
+.error {
+	color: #ff0000;
+}
+
 #header {
 	min-height: 98px;
 	background-image: url(header.jpg);
@@ -51,9 +55,16 @@ div#content ul {
 	display: none;
 }
 
+.menubar {
+	width: 100%;
+	min-height: 1.8em;
+	background: #000000;
+	color: #ffffff;
+}
+
 .mainmenu {
 	float: left;
-	width: 100%;
+	width: auto;
 	min-height: 1.8em;
 	background: #000000;
 	color: #ffffff;
@@ -65,7 +76,6 @@ div#content ul {
 
 .mainmenu div {
 	float: left;
-	/*display: inline;*/
 }
 
 .mainmenu div ul {
@@ -85,7 +95,6 @@ div#content ul {
 }
 
 .mainmenu ul li > ul {
-/*	display: none;*/
 	left: 100%;
 	margin-top: -1.8em;
 	border-width: 1px;
@@ -95,7 +104,6 @@ div#content ul {
 .mainmenu a {
 	display: block;
 	padding: 0.5em;
-	/*width: */
 	color: #ffffff;
 	text-decoration: none;
 	font-size: 80%;
@@ -110,7 +118,6 @@ div#content ul {
 .mainmenu li:hover > span > a,
 .mainmenu div:hover > a {
 	font-weight: bold;
-/*	color: #ffffff;*/
 }
 
 .modemenu a:hover,
@@ -127,10 +134,7 @@ div#content ul {
 }
 
 .modemenu ul {
-	float: right;
-	/*max-width: 45%;*/
-	width: 45%;
-	margin-top: -1.8em;
+	width: auto;
 	background: #000000;
 	color: #ffffff;
 	list-style-type: none;
@@ -141,25 +145,23 @@ div#content ul {
 }
 
 .sidebar {
-/*	display: none;*/
-/*	float: right;*/
-	position: fixed;
-	bottom: 0.5em;
+	position: absolute;
+	top: -50px;
 	right: 0;
-	width: 19%;
+	width: 18%;
 	color: #888888;
 	text-align: center;
 	font-size: 100%;
 	font-weight: bold;
+	z-index: -1;
 }
 
 .sidebar ul {
-	float: right;
 	width: 100%;
-	margin-top: 0.5em;
+	margin-top: 16em;
 	list-style-type: none;
 	color: #ffffff;
-	text-align: right;
+	text-align: left;
 	font-size: 80%;
 	font-size: normal;
 }
@@ -167,7 +169,6 @@ div#content ul {
 #content {
 	clear: both;
 	width: 60%;
-	/*margin: 2.25em 20% 0 20%;*/
 	margin: 0 auto;
 	padding: 0.5em;
 	background: #f5f5f5;
@@ -192,7 +193,6 @@ div#content ul {
 }
 
 #content p {
-/*	margin: 1em;*/
 	margin-bottom: 1em;
 }
 
@@ -208,8 +208,8 @@ div#content ul {
 }
 
 .cbi-section h3 {
-	height:	1.2em;
-	margin-top: -1.2em;
+	height:	1em;
+	font-size: 120%;
 }
 
 .cbi-section-descr {
@@ -225,13 +225,19 @@ label {
 select,
 input,
 textarea {
-	background: #dddddd;
+	background: #eeeeee;
 	color: #000000;
 	border: 1px solid #000000;
 }
 
+input:focus,
+textarea:focus {
+	background: #ffffff;
+}
+
 select,
-input[type=text] {
+input[type=text],
+input[type=password] {
 	width: 20em;
 }
 
@@ -251,6 +257,7 @@ table.smalltext {
 	border-top: 1px solid #666666;
 	border-right: 1px solid #666666;
 	border-bottom: 1px solid #666666;
+	font-size: 90%;
 }
 
 table.smalltext tr th {
@@ -266,23 +273,27 @@ table.smalltext tr td {
 
 div.cbi-value {
 	clear: left;
-	border-bottom: 1px dotted #AAAAAA;
+	padding: 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: 30%;
+	margin: 0.25em 0;
 }
 
 div.cbi-value-field {
 	width: 68%;
-	float: left;
-	margin: 0.5em 0;
+	margin: 0.25em 0 0.25em 30%;
 }
 
 div.cbi-value-description {
@@ -299,16 +310,21 @@ div.cbi-map-descr {
 
 div.cbi-optionals {
 	margin: 0.5em 0;
+	padding: 0 0.25em;
+}
+
+div.cbi-section-remove {
+	float: right;
 }
 
 div.cbi-section-remove input {
-	border-color: #AAAAAA;
+	border-color: #bbbbbb;
 	border-bottom: none;
 }
 
 div.cbi-section-node {
-	border: 1px solid #AAAAAA;
-	padding: 0.25em;
+	clear: both;
+	border: 1px dotted #bbbbbb;
 	padding-bottom: 0;
 }
 
diff --git a/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm b/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
index cf8043c5d..3e1d467eb 100644
--- a/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
+++ b/themes/openwrt.org/luasrc/view/themes/openwrt.org/header.htm
@@ -56,7 +56,8 @@ end
 %>
 </div>
 
-<div class="mainmenu">
+<div class="menubar">
+	<div class="mainmenu">
 <%
 local function submenu(prefix, node)
 	if not node.nodes then
@@ -116,29 +117,31 @@ end
 			end%>
 		</ul>
 	</div>
-	<div class="sidebar">
-		<%
-			if "admin" == request[1] then
-				local ucic = 0
-				for i, j in pairs(require("luci.model.uci").changes()) do
-					for k, l in pairs(j) do
-						for m, n in pairs(l) do
-							ucic = ucic + 1;
-						end
+	<br class="clear" />
+</div>
+<div class="sidebar">
+	<%
+		if "admin" == request[1] then
+			local ucic = 0
+			for i, j in pairs(require("luci.model.uci").changes()) do
+				for k, l in pairs(j) do
+					for m, n in pairs(l) do
+						ucic = ucic + 1;
 					end
 				end
-		%>
-		<div>
-			<ul>
-			<% if ucic > 0 then %>
-				<li><a href="<%=controller%>/admin/uci/changes"><%:changes%>: <%=ucic%></a></li>
-				<li><a href="<%=controller%>/admin/uci/apply"><%:apply%></a></li>
-				<li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li>
-			<% else %>
-				<li><%:changes%>: 0</li>
-			<% end %>
-			</ul>
-		</div>
+			end
+	%>
+	<div>
+		<ul>
+		<% if ucic > 0 then %>
+			<li><a href="<%=controller%>/admin/uci/changes"><%:changes%>: <%=ucic%></a></li>
+			<li><a href="<%=controller%>/admin/uci/apply"><%:apply%></a></li>
+			<li><a href="<%=controller%>/admin/uci/revert"><%:revert%></a></li>
+		<% else %>
+			<li><%:changes%>: 0</li>
 		<% end %>
+		</ul>
 	</div>
-	<div id="content">
+	<% end %>
+</div>
+<div id="content">
-- 
cgit v1.2.3