Widening the static.css

git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@501 ab2d0c66-481e-0410-8bed-d214d4d58bed

1 files changed, 45 insertions, 20 deletions

diff --git a/www/static/static.css b/www/static/static.css
index f91c01c..466811c 100644
--- a/www/static/static.css
+++ b/www/static/static.css
@@ -16,11 +16,11 @@
 	background:	red;
 }
 .leader {
-	border:		2px solid yellow;
+	border:		0px solid yellow;
 }
 
 .tailer {
-	border:		2px solid magenta;
+	border:		0px solid magenta;
 }
 
 /*----------------------------------------------------------------------------------
@@ -55,6 +55,9 @@ hr {
 	font-weight: 		bold;
 	color: 			#f33;
 }
+.mute {
+	color: 			#777;
+}
 /*----------------------------------------------------------------------------------
  * Positioning DIV's
  *----------------------------------------------------------------------------------
@@ -69,9 +72,15 @@ body {
 	background-position:	400px 140px;
 
 }
+#page { 
+	position:			relative;
+	left:			0px;
+	top:			0px;
+	margin:			10px 5% 0% 5%;
 
+}
 #header {
-	width: 			770px;
+	width: 			100%;
 	height: 			75px;
 	margin: 			0px 0px 0px 0px;
 	padding: 			0px 0px 0px 0px;
@@ -80,7 +89,7 @@ body {
 #main {
 	left: 			0px;
 	top: 			0px;
-	width: 			770px;
+	width: 			100%;
 	padding: 			0px 0px 0px 0px;
 	margin: 			17px 0px 0px 0px;
 /*	background:	green; */
@@ -107,7 +116,8 @@ body {
 	position: 		absolute;
 	top: 			117px;
 	left:			200px;
-	width: 			570px;
+	right:			0px;
+/*	width: 			670px; */
 /*	background:	yellow; */
 }
 
@@ -123,17 +133,24 @@ body {
 	margin: 			0px 0px 0px 0px;
 }
 
-#header h1 {
+#logo h1 {
 	font-size:		40px;
 	padding: 			0px 0px 0px 10px;
 	margin: 			0px 0px 0px 0px;
 }
 #header p {
 	position:			absolute;
+	top:			10px;
+	right:			10px;
+	font-size:		14px;
+	padding: 			0px 0px 0px 0px;
+	margin: 			0px 0px 0px 0px;
+}
+#logo p {
+	position:			absolute;
 	top:			60px;
 	left:			10px;
-	color: 			#777;
-	font-size:		12px;
+	font-size:		14px;
 	padding: 			0px 0px 0px 0px;
 	margin: 			0px 0px 0px 0px;
 }
@@ -144,7 +161,7 @@ body {
 	background-repeat: 		repeat-x;
 	top:			76px;
 	height:			10px;
-	width:			770px;
+	width:			100%;
 	margin: 			0px 0px 0px 0px;
 	padding: 			0px 0px 0px 0px;
 }
@@ -217,7 +234,8 @@ body {
 	position: 		absolute;
 	top:			95px;
 	left:			200px;
-	width:			565px;
+	right:			9px;
+/*	width:			565px; */
 	color: 			white;
 	font-size: 		16px;
 	font-weight: 		bold;
@@ -231,7 +249,7 @@ body {
 	position: 		absolute;
 	top:			80px;
 	left:			0px;
-	width:			755px;
+	width:			100%;
 	color: 			#999;
 	font-size: 		11px;
 	font-weight:		verdana, arial;
@@ -272,7 +290,7 @@ body {
 	background-repeat: 		repeat-y;
 	background-position: 	right;
 	font-size:		12px;
-	width:			563px;
+/*	width:			563px; */
 	border-left:		1px solid #cacaca;
 	margin: 			0px 0px 0px 0px;
 	padding: 			0px 10px 0px 5px;
@@ -284,7 +302,8 @@ body {
 	background-position: 	bottom;*/
 	border-bottom:		1px solid #cacaca;
 	height:			10px;
-	width:			575px;
+	right:			0px;
+/*	width:			100%; */
 	margin: 			0px 0px 0px -5px;
 	padding: 			0px 0px 0px 0px;
 }
@@ -343,8 +362,8 @@ body {
 
 #content dt {
 	float: 			left;
-	clear: 			both;
-	width: 			200px;
+	clear: 			left;
+	width: 			30%;
 	color: 			#000;
 	font-size: 		12px;
 	text-align:		left;
@@ -352,16 +371,21 @@ body {
 	padding:			5px 0px 5px 0px;
 	border-top:		1px solid #ddd;
 	font-weight:		bold;
+/*	background:	blue;	*/
+
 }
 
 #content dd {
 	float: 			left;
-	width: 			350px;
+	width: 			68%;
 	color: 			#444;
 	font-size: 		12px;
-	margin: 			0px 0px 0px 5px;
-	padding: 			5px 0px 0px 0px;
+	margin:			0px 5px 0px 0px;
+	padding:			5px 0px 5px 0px;
+/*	margin: 			0px 0px 0px 5px;
+	padding: 			5px 0px 0px 0px; */
 	font-weight:		 light;
+/*	background:	green; */
 }
 
 #content textarea {
@@ -375,7 +399,8 @@ body {
 }
 
 #content dd select {
-	width: 			247px;
+/*	width: 			247px; */
+	width:			100%;
 	border-right:		1px solid #cacaca;
 	border-bottom:		1px solid #cacaca;
 }
@@ -387,7 +412,7 @@ body {
 	background:		#eee;
 }
 #content .text {
-	width: 			245px;
+	width: 			100%;
 	border-right:		1px solid #cacaca;
 	border-bottom:		1px solid #cacaca;
 	background:		white;