Graphic modifications to get IE working

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

3 files changed, 69 insertions, 130 deletions

diff --git a/www/static/header_body.jpg b/www/static/header_body.jpg
new file mode 100644
index 0000000..8a08d5f
--- /dev/null
+++ b/www/static/header_body.jpg
diff --git a/www/static/header_body.png b/www/static/header_body.png
deleted file mode 100644
index 563f2e6..0000000
--- a/www/static/header_body.png
+++ /dev/null
diff --git a/www/static/webconf.css b/www/static/webconf.css
index e81efe3..c1d56d5 100644
--- a/www/static/webconf.css
+++ b/www/static/webconf.css
@@ -3,15 +3,17 @@
 
 /* Default definitions */
 body {
-	background: #fff url("/static/header_body.png") no-repeat 5px 5px;
+	/*background: transparent;*/
+	position: absolute;
+	background: transparent url("/static/header_body.jpg") no-repeat 5px 5px;
 	font-family: Geneva, Arial, Helvetica, San-Serif;
-	margin: 0em;
-	padding: 0em;
+	margin: 0px;
+	padding: 0px;
 	font-size: small;
 	}
 
 p {
-	margin: 0em 0em 0em 0em;
+	margin: 0px 0px0px 0empx
 	}
 
 a {
@@ -43,58 +45,57 @@ pre.code {
  *----------------------------------------------------------------------------------
  */
 #logo {
-	margin: 25px 0px 0px 194px;
-	padding: 0px 0px 0px 0px;
-	width: 680px;
+	/*background: transparent;*/
+	z-index: 15;
+	/*margin: 25px 0px 0px 194px;
+	padding: 0px 0px 0px 0px;*/
+	width: 300px;
 	height: 76px;
-//	color: #333;
 	position: absolute;
-//	border: 1px #0FF solid;
-	background: #fff url("/static/alpine.png") no-repeat top left;
+	left: 200px;
+	top: 75px;
+	/*background: transparent url("/static/alpine.png") no-repeat top left;*/
 }
+#logo h2 {
+	font-weight: normal;
+	font-size: 10pt;
+	color: #228;
+	vertical-align: bottom;
+	}
+
 
 /*----------------------------------------------------------------------------------
  * Header
  *----------------------------------------------------------------------------------
  */
 #head {
-//	margin: 0px 0px 0px 200px;
-	margin: 0px 0px 0px 0px;
-	padding: 163px 0px 0px 70px;
-	width: 150px;
-//	height: 10px;
+	background: transparent;
+	text-align: right;
+	vertical-align: bottom;
+	z-index: 10;
+	margin: 0px;
+	padding: 0px;
+	width: 195px;
+	height: auto;
 	color: #333;
-//	border: 1px #0FF solid;
-	background: transparent url("/static/alpine_logo.png") no-repeat top left;
-//	background: #cff url("/static/alpine.png") no-repeat 100px 50px;
-//	background: transparent url("/static/alpine_org.png") no-repeat top left;
-	// margin: -1em 0em 0em 0em;
-//	padding: 1em;
-
-//	background: #fcf;
-//	height: 80px;
-//	width: 200px;
-//	float: left top;
 	position: absolute;
-	}
+	left: 0px;
+	top: 160px;
+	/*background: transparent url("/static/alpine_logo.png") no-repeat top left;*/
+}
 
 #head h1 {
 	font-size: 259%;
 	color: #33A;
-	// font-family: Palatino, Times-Roman, Serif;
 	font-weight: bold;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
-	//float: left;
-	// width: 49%;
 	}
 
 #head h2 {
-//	margin: 0em 0em 0em 0em;
 	font-size: 100%;
 	font-weight: light;
 	float: right;
-	width: 30%;
 	}
 
 #head h3 {
@@ -104,9 +105,8 @@ pre.code {
 	}
 
 #head p {
-	// border: 1px inset #ccc;
-	// border-top: 1px solid #ccc;
-	// border-bottom: 1px solid #ccc;
+	margin: 0px;
+	padding: 0px;
 	}
 
 /*----------------------------------------------------------------------------------
@@ -114,30 +114,27 @@ pre.code {
  *----------------------------------------------------------------------------------
  */
 #mainmenu {
-	display: block;
 	background: #eee;
-	// border: 1px #222 solid;
+	/*display: block;*/
 	width: 180px;
-//	height: 100em;
 	float: left;
-	margin: 180px 0px 0px 5px;
+	margin: 180px 0px 0px 2px;
 	padding: 5px 0px 5px 10px;
 	border: 1px #57b solid;
 	border-right: none;
 	}
 
 #mainmenu h3 {
-	// background-color: #eee;
 	color: #448;
 	padding: 10px 0px 0px 0px;
 	font-weight: normal;
 	font-size: 138%;
-	margin: 0em 0em .1em 0em;
+	margin: 0px 0px 2px 0px;
 	}
 
 #mainmenu ul {
 	padding: 0px 0px 0px 0px;
-	margin: 0;
+	margin: 0px;
 	list-style-type: none;
 	}
 #mainmenu li {
@@ -147,15 +144,11 @@ pre.code {
 
 #mainmenu a:hover {
 	display: block;
-//	background: transparent url("/static/unselected.gif") repeat top left;
-//	background-color: #f8f8f8;
-//	color: #669;
 	text-decoration: underline;
 	}
 	 
 #mainmenu #selected {
 	background-color: #fff;
-//	border: 1px solid #666;
 	border: 1px #57b solid;
 	border-right: none;
 	font-weight: Bold;
@@ -168,15 +161,11 @@ pre.code {
  *----------------------------------------------------------------------------------
  */
 #submenu {
-//	width: 75%;
-	margin: 73px 10px 0px 195px;
-//	height: 60px;
-//	font-weight: Bold;
-	//background: transparent url(/static/greypx.gif) repeat-x center left;
-//	background: #ff0;
-//	float: right;
-	position: absolute;
-	//border: 1px #f00 solid;
+	background: transparent;
+	position: fixed;
+	right: 0px;
+	margin: 73px 0px 0px 0px;
+	width: 100%;
 	}
 	
 #submenu p {
@@ -187,28 +176,19 @@ pre.code {
 	font-weight: normal;
 	font-size: 10pt;
 	color: #228;
-	float: left;
 	margin: 10px 0px 0px 5px;
-//	margin-top: .2em;
 	}
 
 #submenu ul {
 	margin: 0px 0px 0px 0px;
 	list-style: none;
-	padding: 0em 20px 0em 20px;
+	padding: 0px 20px 0px 20px;
 	float: right;
 	background: transparent;
 	}
 
 #submenu li {
-	// display: block;
-	// float: left;
-	// border: 1px solid #666;
-	// padding: .5em 1em .6em 1em;
-	// margin: 0em .5em 0em .5em;
-	// border-bottom: none;
 	color: #33A;
-//	background: transparent url("/static/unselected.gif") repeat-x top left;
 	background: #eee;
 	display: block;
 	font-size: 10pt;
@@ -217,11 +197,9 @@ pre.code {
 	padding: 7px 7px;
 	height: 15px;
 	border: 1px #57b solid;
-//	border-bottom: 1px #fff solid;
 	}
 
 #submenu #selected {
-	// background: #fff url("/static/selected.gif") repeat-x top left;
 	background: #fff;
 	display: block;
 	float: left;
@@ -231,7 +209,6 @@ pre.code {
 	margin: 0px;
 	height: 15px;
 	padding: 7px 7px;
-//	border: 1px solid #ccc;
 	border: 3px #57b solid;
 	border-bottom: 1px #fff solid;
 	}
@@ -240,18 +217,11 @@ pre.code {
 #submenu a {
 	display: block;
 	float: left;
-	margin: 0em;
+	margin: 0px;
 	padding: 0px 0px;
-//	border: 1px solid #ccc;
-	
-//	border: 1px #57b solid;
-//	border-bottom: none;
-	// background: #eee;
 	} 
 
 #submenu a:hover {
-	// color: #226;
-//	background: #eee;
 	text-decoration: underline;
 	}
 
@@ -260,62 +230,46 @@ pre.code {
  *----------------------------------------------------------------------------------
  */
 #content {
-	margin: 180px 10px 0px 195px;
-//	display: block;
-//	display: inline;
+	background: transparent;
+	position: absolute;
+	left: 5px;
+	top: 105px;
+	width: 900px;
 	float:left;
-//	width: 800px;
 	color: #333;
-	padding: 0px 0px 0px 10px;
-	position: absolute;
-	// border-left: #ccc 1px solid;
-//	background: #fcc;
-//	border: 1px #0F0 solid;
+	padding: 0px 10px 0px 10px;
+	margin: 75px 10px 10px 195px;
 	}
 
 #content h1 {
 	font-size: 120%;
 	text-align: left;
-//	width: 400px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
-	width: 100%;
 	background-color: #eee;
 	border-bottom: 2px solid #aaa;
-//	margin: 10px 0px 0px 0px;
-//	clear: both;
-//	display: block;
-//	float: right;
 	}
  
 #content h2 {
 	font-size: 100%;
-	// width: 100%;
 	background-color: #eee;
 	border-bottom: 1px solid #aaa;
-	// margin: 1em 1em 0em 1em;
 	clear: both;
 	}	
 
 #content h3 {
 	font-size: 100%;
-	// width: 100%;
 	background-color: #fff;
 	border-bottom: 0px solid #eee;
-	margin: 0em 0em 0em 0em;
+	margin: 0px 0px 0px 0px;
 	clear: both;
 	}	
 
 #content p {
-	// margin: 1em 1em 0em 1em;
 	clear: both;
-//	padding: .5em 0em .5em 0em;
 	}
 
 #content p.error {
-	// border: 2px solid #c00;
-	// margin: 1em 2em;
-	// padding: 1em 0em;
 	font-size: 120%;
 	font-weight: bold;
 	background-color: #eee;
@@ -323,28 +277,20 @@ pre.code {
 	}
 
 #content p.warn {
-        // border: 2px solid #cc0;
-        // margin: 1em 2em;
-        // padding: 1em;
         background-color: #cc4;
         }
 
 #content p.ok {
 	font-size: 120%;
 	font-weight: bold;
-	// border: 2px solid #0c0;
-        // margin: 1em 2em;
-        // padding: 1em 0em;
         color: #090;
         }
                                                  
                                         
 #content input, textarea  {
 	float: left;
-	width: 600px;
 	background-color: #fff0f0;
 	border: 1px dotted #000;
-//	margin-top: 0px;
 	}
 
 #content textarea  {
@@ -354,7 +300,6 @@ pre.code {
 
 
 #content input.error {
-	/* yellow snow - bad */
 	background-color: #ffa;
 	}	
 
@@ -367,14 +312,11 @@ pre.code {
 
 #content dt {
 	font-size: 110%;
-	// font-weight: bold;
 	color: #228;
-	margin: .7em 1em .5em 0em;
+	margin: 7px 1px 5px 0px;
 	float: left;
 	border-top: 1px dotted #ccf;
 	border-bottom: 1px dotted #ccf;
-	// background-color: #eef;
-	width: 150px;
 	clear: both;
 	}
 
@@ -390,22 +332,17 @@ pre.code {
 	}
 	
 #content form {
-//	padding: 1em 0em;
 	}
 
 #content dl {
-	margin: 0em;
+	margin: 0px;
 	}
 
 #content dd {
 	color: #444;
 	float: left;
-	margin: 1em 0em .5em 0em;
-	// font-size: 90%;
+	margin: 5px 0px 2px 0px;
 	font-weight: light;
-        // margin: .5em 1em .5em 0em;
-        // border-top: 1px dotted #ccc;
-        // border-bottom: 1px dotted #ccc;
 	}
 	
 #content .grey {
@@ -424,18 +361,20 @@ pre.code {
  */
 
 #footer {
-	margin: 50px 0px 20px 0px;
-	float: right;
-//	position: relative;
-//	clear: both;
-	text-align: center;
-	vertical-align: middle;
+	background: transparent;
+	padding: 0px 0px 0px 0px;
+	margin: 30px 0px 10px 0px;
 	font-size: 10pt;
-	width: 100%;	
+	/*height: 25px;*/
+	width: 100%;
 	color: #bbb;
-//	margin: 0 0 0 0;
-	padding: 0 0 0 0;
 	border-top: 1px dotted #ccc;
 	border-bottom: 1px dotted #ccc;
-//	background: #ccf;
+	}
+
+#footer p{
+	padding: 0px;
+	margin: 0px;
+	font-size: 10pt;
+	color: #bbb;
 	}