From ccf0e662b685c13c9f7c5be0c6518ae0d312c6d2 Mon Sep 17 00:00:00 2001
From: Mika Havela <mika.havela@gmail.com>
Date: Thu, 20 Dec 2007 14:14:11 +0000
Subject: Changed the default skin

git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@434 ab2d0c66-481e-0410-8bed-d214d4d58bed
---
 www/static/alpine.gif          | Bin 17876 -> 0 bytes
 www/static/alpine.jpg          | Bin 0 -> 4005 bytes
 www/static/alpine.png          | Bin 43938 -> 0 bytes
 www/static/alpine_logo.png     | Bin 15036 -> 0 bytes
 www/static/arctic-back.png     | Bin 213 -> 0 bytes
 www/static/arctic-upleft.png   | Bin 300 -> 0 bytes
 www/static/greypx.gif          | Bin 38 -> 0 bytes
 www/static/h1.png              | Bin 0 -> 167 bytes
 www/static/h2.png              | Bin 0 -> 159 bytes
 www/static/h3.png              | Bin 0 -> 159 bytes
 www/static/header_body.jpg     | Bin 11621 -> 0 bytes
 www/static/menu_item.png       | Bin 0 -> 143 bytes
 www/static/menu_item_hover.png | Bin 0 -> 202 bytes
 www/static/selected.gif        | Bin 1095 -> 0 bytes
 www/static/shadow-side.png     | Bin 0 -> 98 bytes
 www/static/shadow-top.png      | Bin 0 -> 109 bytes
 www/static/static.css          | 680 ++++++++++++++++++++---------------------
 www/static/submenu.css         |  52 ----
 www/static/unselected.gif      | Bin 945 -> 0 bytes
 www/static/watermark.jpg       | Bin 0 -> 5798 bytes
 www/static/webconf-purple.css  | 313 -------------------
 21 files changed, 325 insertions(+), 720 deletions(-)
 delete mode 100644 www/static/alpine.gif
 create mode 100644 www/static/alpine.jpg
 delete mode 100644 www/static/alpine.png
 delete mode 100644 www/static/alpine_logo.png
 delete mode 100644 www/static/arctic-back.png
 delete mode 100644 www/static/arctic-upleft.png
 delete mode 100644 www/static/greypx.gif
 create mode 100644 www/static/h1.png
 create mode 100644 www/static/h2.png
 create mode 100644 www/static/h3.png
 delete mode 100644 www/static/header_body.jpg
 create mode 100644 www/static/menu_item.png
 create mode 100644 www/static/menu_item_hover.png
 delete mode 100644 www/static/selected.gif
 create mode 100644 www/static/shadow-side.png
 create mode 100644 www/static/shadow-top.png
 delete mode 100644 www/static/submenu.css
 delete mode 100644 www/static/unselected.gif
 create mode 100644 www/static/watermark.jpg
 delete mode 100644 www/static/webconf-purple.css

diff --git a/www/static/alpine.gif b/www/static/alpine.gif
deleted file mode 100644
index 2605afe..0000000
Binary files a/www/static/alpine.gif and /dev/null differ
diff --git a/www/static/alpine.jpg b/www/static/alpine.jpg
new file mode 100644
index 0000000..c792250
Binary files /dev/null and b/www/static/alpine.jpg differ
diff --git a/www/static/alpine.png b/www/static/alpine.png
deleted file mode 100644
index 11802e0..0000000
Binary files a/www/static/alpine.png and /dev/null differ
diff --git a/www/static/alpine_logo.png b/www/static/alpine_logo.png
deleted file mode 100644
index 38e693f..0000000
Binary files a/www/static/alpine_logo.png and /dev/null differ
diff --git a/www/static/arctic-back.png b/www/static/arctic-back.png
deleted file mode 100644
index 0719f28..0000000
Binary files a/www/static/arctic-back.png and /dev/null differ
diff --git a/www/static/arctic-upleft.png b/www/static/arctic-upleft.png
deleted file mode 100644
index 9b6c926..0000000
Binary files a/www/static/arctic-upleft.png and /dev/null differ
diff --git a/www/static/greypx.gif b/www/static/greypx.gif
deleted file mode 100644
index b13cb90..0000000
Binary files a/www/static/greypx.gif and /dev/null differ
diff --git a/www/static/h1.png b/www/static/h1.png
new file mode 100644
index 0000000..f8cffd8
Binary files /dev/null and b/www/static/h1.png differ
diff --git a/www/static/h2.png b/www/static/h2.png
new file mode 100644
index 0000000..4b25139
Binary files /dev/null and b/www/static/h2.png differ
diff --git a/www/static/h3.png b/www/static/h3.png
new file mode 100644
index 0000000..87d62cd
Binary files /dev/null and b/www/static/h3.png differ
diff --git a/www/static/header_body.jpg b/www/static/header_body.jpg
deleted file mode 100644
index 8a08d5f..0000000
Binary files a/www/static/header_body.jpg and /dev/null differ
diff --git a/www/static/menu_item.png b/www/static/menu_item.png
new file mode 100644
index 0000000..e56a394
Binary files /dev/null and b/www/static/menu_item.png differ
diff --git a/www/static/menu_item_hover.png b/www/static/menu_item_hover.png
new file mode 100644
index 0000000..1ddac37
Binary files /dev/null and b/www/static/menu_item_hover.png differ
diff --git a/www/static/selected.gif b/www/static/selected.gif
deleted file mode 100644
index b2c2951..0000000
Binary files a/www/static/selected.gif and /dev/null differ
diff --git a/www/static/shadow-side.png b/www/static/shadow-side.png
new file mode 100644
index 0000000..bae16f4
Binary files /dev/null and b/www/static/shadow-side.png differ
diff --git a/www/static/shadow-top.png b/www/static/shadow-top.png
new file mode 100644
index 0000000..68b17fa
Binary files /dev/null and b/www/static/shadow-top.png differ
diff --git a/www/static/static.css b/www/static/static.css
index 3b37900..f91f1fd 100644
--- a/www/static/static.css
+++ b/www/static/static.css
@@ -1,393 +1,363 @@
-/* webconf.css - For Alpine webconf
- */
-
-/* Default definitions */
-body {
-	/*background: transparent;*/
-	position: absolute;
-	background: transparent url("/static/header_body.jpg") no-repeat 5px 5px;
-	font-family: Geneva, Arial, Helvetica, San-Serif;
-	margin: 0px;
-	padding: 0px;
-	font-size: small;
-	}
+/* .css - Alpine ACF */
 
-p {
-	margin: 0px 0px0px 0empx
-	}
+/* DEBUG INFORMATION
+   "#wrapper input" makes things red and ugly. This is to search for things that needs to be added/removed in this css.
+   If you find that some button/input turns red, pleace see what needs to be changed in your code or in this css.
+   When using the html.form[]() to create inputs/buttons/fields then everything should work just fine.
+   When manually wringing a <input... or something like that, see if you need to add class='whatever' or something like it.
+*/
 
-a {
-	text-decoration: none;
-	color: #333;
-	}
+#wrapper input { /* DEBUG: Search for uncategorized buttons/inputs */
+	background:	red;
+}
 
-a:link { color: #226;
-	}
 
-a:visited {	
-	color: #226;
-	}
+/* Default definitions */
+body { 
+	margin: 		0px 0px 0px 0px;
+	padding: 		0px 0px 0px 0px;
+	font-family: 	Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular;
+	font-size:	12pt;
+	/* Also change #wrapper min-width by the same absolute amount */
+	width: 		770px;
+}
+#page { 
+	position:		relative;
+	left:		0px;
+	top:		0px;
+}
 
+a {
+	text-decoration:none;
+	color:		#072966;
+}
+a:visited {
+	color:		#072966;
+}
 a:hover {
-	color: #44C;
-	}
-
-a:active {
-	}
-
-pre.code {
-	border: 1px solid #666;
-	background: #f8f8f8;
-	padding: .5em;
+	color:		red;
 }
-/*----------------------------------------------------------------------------------
- * Logotypes and icons
- *----------------------------------------------------------------------------------
- */
-#logo {
-	/*background: transparent;*/
-	z-index: 15;
-	/*margin: 25px 0px 0px 194px;*/
-	padding: 50px 0px 0px 0px;
-	width: 680px;
-	height: 40px;
-	position: absolute;
-	left: 200px;
-	top: 25px;
-	vertical-align: bottom;
-	text-align: left;
-	background: transparent url("/static/alpine.png") no-repeat top left;
-}
-#logo h2 {
-	font-weight: normal;
-	font-size: 10pt;
-	color: #228;
-	text-align: left;
-	vertical-align: bottom;
-	}
-
-
-/*----------------------------------------------------------------------------------
- * Header
- *----------------------------------------------------------------------------------
- */
-#head {
-	background: transparent;
-	text-align: right;
-	vertical-align: bottom;
-	z-index: 10;
-	margin: 0px;
-	padding: 0px;
-	width: 195px;
-	height: auto;
-	color: #333;
-	position: absolute;
-	left: 0px;
-	top: 160px;
-	/*background: transparent url("/static/alpine_logo.png") no-repeat top left;*/
+input {
+	border:		1px solid #ccc;
+}
+hr {
+	background-color:	#ff9933;
+	height: 		3px;
+}
+.error {
+	height:		0px;
+	font-size: 	11pt;
+	font-weight: 	bold;
+	color: 		#f33;
 }
-
-#head h1 {
-	font-size: 259%;
-	color: #33A;
-	font-weight: bold;
-	margin: 0px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-	}
-
-#head h2 {
-	font-size: 100%;
-	font-weight: light;
-	float: right;
-	}
-
-#head h3 {
-	float: right;
-	font-size: 90%;
-	color: #222;
-	}
-
-#head p {
-	margin: 0px;
-	padding: 0px;
-	}
-
-/*----------------------------------------------------------------------------------
- * Left (Main) Menu
- *----------------------------------------------------------------------------------
- */
-#mainmenu {
-	background: #eee;
-	/*display: block;*/
-	width: 180px;
-	float: left;
-	margin: 180px 0px 0px 2px;
-	padding: 5px 0px 5px 10px;
-	border: 1px #57b solid;
-	border-right: none;
-	}
-
-#mainmenu h3 {
-	color: #448;
-	padding: 10px 0px 0px 0px;
-	font-weight: normal;
-	font-size: 138%;
-	margin: 0px 0px 2px 0px;
-	}
-
-#mainmenu ul {
-	padding: 0px 0px 0px 0px;
-	margin: 0px;
-	list-style-type: none;
-	}
-#mainmenu li {
-	background-color: inherit;
-	padding: 2px 2px 2px 10px;
-	}
-
-#mainmenu a:hover {
-	display: block;
-	text-decoration: underline;
-	}
-	 
-#mainmenu #selected {
-	background-color: #fff;
-	border: 1px #57b solid;
-	border-right: none;
-	font-weight: Bold;
-	color: #24a;
-	}
-	
 
 /*----------------------------------------------------------------------------------
- * Submenu ( Horizontal Tabs)
+ * Header, Logotypes and icons
  *----------------------------------------------------------------------------------
  */
-#submenu {
-	background: transparent;
-	position: fixed;
-	right: 0px;
-	margin: 73px 0px 0px 0px;
-	width: 100%;
-	}
-	
-#submenu p {
-	display: none;
-	}
 
-#submenu h2 {
-	font-weight: normal;
-	font-size: 10pt;
-	color: #228;
-	margin: 10px 0px 0px 5px;
-	}
 
-#submenu ul {
-	margin: 0px 0px 0px 0px;
-	list-style: none;
-	padding: 0px 20px 0px 20px;
-	float: right;
-	background: transparent;
-	}
-
-#submenu li {
-	color: #33A;
-	background: #eee;
-	display: block;
-	font-size: 10pt;
-	float: left;
-	margin: 0px;
-	padding: 7px 7px;
-	height: 15px;
-	border: 1px #57b solid;
-	}
+/* DEFAULT DEFINITIONS */
+#header {
+	position: 	relative;
+	margin: 		0px 0px 0px 0px;
+	padding: 		0px 0px 0px 0px;
+	height: 		75px;
+	background-image: 	url(alpine.jpg);
+	background-repeat: 	repeat-x;
+	border: 		1px solid #ddd;
+}
 
-#submenu #selected {
-	background: #fff;
-	display: block;
-	float: left;
-	font-weight: Bold;
-	font-size: 10pt;
-	color: #24a;
-	margin: 0px;
-	height: 15px;
-	padding: 7px 7px;
-	border: 3px #57b solid;
-	border-bottom: 1px #fff solid;
-	}
+#header #version {
+	position:	absolute;
+	top:		54px;
+	left: 		10px;
+	height:		16px;
+	padding: 		3px 0px 0px 0px;
+	text-align:	left;
+	color: 		#777;
+	font-size:	12px;
+}
 
+/* TOP MENU */
+#header ul#metanav {
+	position: 	absolute;
+	top: 		57px;
+	left: 		195px;
+	margin: 		0px 0px 0px 0px;
+	padding: 		0px 0px 0px 0px;
+	z-index:		10;
+	list-style-type: 	none;
+	font-size:	14px;
+}
+#header ul#metanav li {
+	display: 		inline;
+	margin: 		0px 0px 5px 0px;
+	padding: 		3px 5px 2px 5px;
+	background-image: 	url(menu_item.png);
+	border: 		1px solid #bbb;
+	border-bottom: 	none;
+}
+#header ul#metanav li.current  {
+	font-weight:	bold;
+	margin: 		20px 0px 0px 0px;
+	padding: 		3px 5px 10px 5px;
+	background:	white;
+}
+#header .current a {
+	color: 		red;
+}
+#header ul#metanav li.current a:hover {
+	text-decoration: 	underline;
+	background:	white;
+	color: 		red;
+}
+#header ul#metanav li a:hover {
+	display: 		inline;
+	margin: 		-3px -5px 0px -5px;
+	padding: 		3px 5px 0px 5px;
+	border: 		none;
+	background-image: 	url(menu_item_hover.png);
+	color: 		black;
+}
 
-#submenu a {
-	display: block;
-	float: left;
-	margin: 0px;
-	padding: 0px 0px;
-	} 
+#header #logo {
+	position:		absolute;
+	left: 		5px;
+	top:		5px;
+	margin-right:	2px;
+	font-size:	40px;
+}
 
-#submenu a:hover {
-	text-decoration: underline;
-	}
 
 /*----------------------------------------------------------------------------------
- * Content
+ * Content and main menu
  *----------------------------------------------------------------------------------
  */
-#content {
-	background: transparent;
-	position: absolute;
-	left: 5px;
-	top: 105px;
-	width: 900px;
-	float:left;
-	color: #333;
-	padding: 0px 10px 0px 10px;
-	margin: 75px 10px 10px 195px;
-	}
 
-#content h1 {
-	font-size: 120%;
-	text-align: left;
-	margin: 0px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-	background-color: #e0e0e0;
-	border-bottom: 2px solid #aaa;
-	}
- 
-#content h2 {
-	font-size: 100%;
-	margin: 10px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-	background-color: #e0e0e0;
-	border-bottom: 1px solid #aaa;
-	clear: both;
-	}
-
-#content h3 {
-	font-size: 85%;
-	margin: 10px 0px 0px 0px;
-	padding: 0px 0px 0px 0px;
-	background-color: #e6e6ff;
-	border-bottom: 1px solid #aaa;
-	clear: both;
-	}	
-
-#content p {
-	clear: both;
-	}
-
-#content p.error {
-	font-size: 120%;
-	font-weight: bold;
-	background-color: #eee;
-	color: #f44;
-	}
-
-#content p.warn {
-        background-color: #cc4;
-        }
+/* DEFAULT DEFINITIONS */
+#content { /* 'content' is both the wrapper and the navmenu */
+	background-image: 	url(shadow-top.png);
+	background-repeat: 	repeat-x;
+	position:		relative;
+	top: 		0px;
+	right:		0px;
+	left:		0px;
+	padding: 		10px 0px 0px 0px;
+	margin: 		0px 0px 0px 0px;
+}
+/* MAIN MENU */
+#nav { /* 'nav' is only the main menu */
+	position: 	absolute;
+	left: 		10px;
+	top: 		20px;
+	width: 		180px;
+	padding: 		0px 0px 0px 0px;
+	margin: 		0px 0px 0px 0px;
+	background-image: 	url(shadow-side.png);
+	background-repeat: 	repeat-y;
+	background-position: right;
+}
+#nav ul {
+	list-style-type: 	none;
+	padding: 		0px 0px 0px 0px;
+	margin: 		0px 0px 0px 0px;
+}
+#nav li {
+	padding-right: 	10px;
+	margin-right: 	10px;
+	border-left: 	1px solid #ddd;
+}
+#nav ul li.category {
+	color: 		white;
+	font-size: 	16px;
+	font-weight: 	bold;
+	white-space: 	nowrap;
+	overflow: 	hidden;
+	background:	#6688AA;
+}
+#nav ul li.menuitem {
+	height: 		21px;
+	text-decoration:	none;
+	font-size: 	14px;
+	font-weight: 	normal;
+	white-space: 	nowrap;
+	overflow: 	hidden;
+	border-bottom: 	1px solid #cacaca;
+	border-top: 	1px solid #ccc;
+	background-image: 	url(menu_item.png);
+}
+#nav ul li.last {
+	background-image: 	url(shadow-top.png);
+	background-repeat: 	repeat-x;
+	padding-bottom:	5px;
+}
+#nav ul li a {
+	display: 		block;
+	height:		21px;
+	padding:		3px 0px 0px 5px;
+}
+#nav ul li.menuitem a:hover {
+	color: 		#5c7b99;
+	color: 		black;
+	height: 		21px;
+	padding-right: 	-10px;
+	margin-right: 	-10px;
+	background-image: 	url(menu_item_hover.png);
+}
+#nav ul li.current a:hover {
+	text-decoration: 	underline;
+}
+#nav .current a {
+	color: 		red;
+}
+#nav li.current, #nav li.current a { /* active item */
+	height: 		21px;
+	text-decoration:	none;
+	font-size: 	14px;
+	font-weight: 	bold;
+	white-space: 	nowrap;
+	overflow: 	hidden;
+	background:	white;
+	padding-right: 	-10px;
+	margin-right: 	-10px;
+}
 
-#content p.ok {
-	font-size: 120%;
-	font-weight: bold;
-        color: #090;
-        }
-                                                 
-                                        
-#content input, textarea  {
-	float: left;
-	background-color: #fff0f0;
-	border: 1px dotted #000;
-	}
+/* CONTENT/WRAPPER */
+#wrapper { /* 'wrapper' is the area where you display the interesting things */
+	position: 	absolute;
+	top: 		20px;
+	right:		0px;
+	width: 		560px;
+	font-size: 	12px;
+}
 
-#content textarea  {
-	height: 300px;
-	border: 1px dotted #000;
-	}
+#background-wrapper {
+	padding: 		0px 0px 0px 0px;
+	margin: 		0px 0px 0px 0px;
+	background-image: 	url(watermark.jpg);
+	background-repeat: 	no-repeat;
+	background-position:200px 50px;
+}
 
+#wrapper h1 { 
+	clear: 		both;
+	height: 		18px;
+	padding: 		2px 0px 0px 5px;
+	margin: 		0px 0px 2px -20px;
+	text-decoration:	none;
+	font-size: 	14px;
+	font-weight: 	bold;
+	white-space: 	nowrap;
+	overflow: 	hidden;
+	border-bottom: 	1px solid #cacaca;
+	border-top: 	px solid #ccc;
+	background-image: 	url(h1.png);
+	color: 		#5c7b99;
+}
 
-#content input.error {
-	background-color: #ffa;
-	}	
+#wrapper h2 { 
+	clear: 		both;
+	height: 		18px;
+	padding: 		2px 0px 0px 10px;
+	margin:		0px 0px 2px -20px;
+	text-decoration:	none;
+	font-size:	14px;
+	font-weight:	bold;
+	white-space:	nowrap;
+	overflow:		hidden;
+	border-bottom:	1px solid #cacaca;
+	border-top:	1px solid #ccc;
+	background-image:	url(h2.png);
+	color:		#5c7b99;
+}
+#wrapper h3 { 
+	clear: 		both;
+	height:		14px;
+	padding:		0px 0px 0px 15px;
+	margin:		0px 0px 2px -20px;
+	text-decoration:	none;
+	font-size:	12px;
+	font-weight:	thin;
+	white-space:	nowrap;
+	overflow:		hidden;
+	border-bottom:	1px solid #cacaca;
+	border-top:	1px solid #ccc;
+	background-image:	url(h3.png);
+	color:		#5c7b99;
+}
 
-#content input.button {
-	font-family: Geneva, Arial, Helvetica, Serif;
-	font-size: 100%;
-	font-weight: bold;
-	color: #228;
-	}
+#wrapper p {
+	clear:		both;
+}
 
-#content th {
-	font-weight: inherit;
-	color: #228;
-	background: #eef;
-	}
-	
-#content a {
-	text-decoration: underline;
-	color: #449;
-	}
-	
-#content form {
-	}
+#wrapper dt {
+	float: 		left;
+	clear: 		both;
+	width: 		200px;
+	color: 		#000;
+	font-size: 	12px;
+	text-align:	left;
+	margin:		0px 5px 0px 0px;
+	padding:		5px 0px 5px 0px;
+	border-top:	1px solid #ddd;
+	font-weight:	bold;
+}
 
-#content dl {
-	margin: 0px;
-	}
-#content dt {
-	background-color: none;
-	font-size: 110%;
-	height: 20px;
-	width: 200px;
-	margin: 0px 0px 0px 0px;
-	padding: 5px 0px 0px 0px;
-	float: left;
-	border-top: 1px solid #ddd;
-	/*border-top: 1px solid #ccc;*/
-	clear: both;
-	font-weight: bold;
-	color: #000;
-	font-size: 10pt;
-	}
+#wrapper dd {
+	float: 		left;
+	width: 		350px;
 
-#content dd {
-	color: #444;
-	float: left;
-	margin: 0px 0px 0px 5px;
-	padding: 5px 0px 0px 0px;
+	color: 		#444;
+	font-size: 	12px;
+	margin: 		0px 0px 0px 5px;
+	padding: 		5px 0px 0px 0px;
 	font-weight: light;
-	}
-	
-#content .grey {
-	background-color: #eee;
-	}
-
+}
 
-#content form {
-	display: inline;
-	}
+#wrapper textarea {
+	width: 		99%;
+	height: 		300px;
+	border-right: 	1px solid #cacaca;
+	border-bottom: 	1px solid #cacaca;
+}
+#wrapper form {
+	display:		inline;
+}
 
+#wrapper dd select {
+	width: 		247px;
+	border-right:	1px solid #cacaca;
+	border-bottom:	1px solid #cacaca;
+}
 
-/*----------------------------------------------------------------------------------
- * footer
- *----------------------------------------------------------------------------------
- */
+#wrapper .submit {
+	width: 		100px;
+	border-right:	1px solid #cacaca;
+	border-bottom:	1px solid #cacaca;
+	background:	#eee;
+}
+#wrapper dd .text {
+	width: 		245px;
+	border-right:	1px solid #cacaca;
+	border-bottom:	1px solid #cacaca;
+	background:	white;
+}
+#wrapper table {
+	width: 		99%;
+}
 
+/* FOOTER */
 #footer {
-	background: #eee;
-	padding: 3px 0px 5px 0px;
-	margin: 20px 0px 0px -7px;
-	position: relative;
-	bottom: 0px;
-	font-size: 10pt;
-	width: 100%;
-	color: #bbb;
-	border-top: 1px dotted #ccc;
-	border-bottom: 1px dotted #ccc;
-	}
+	clear: 		both;
+	border-top:	1px solid #d6d6d6;
+	position:		relative;
+	width: 		100%;
+	padding-top:	5px;
+	margin-top:	15px;
+	margin-bottom:	10px;
+	font-size:	10px;
+	text-align:	left;
+	color: 		#aaa;
+}
 
-#footer p{
-	padding: 0px;
-	margin: 0px;
-	font-size: 10pt;
-	color: #bbb;
-	}
diff --git a/www/static/submenu.css b/www/static/submenu.css
deleted file mode 100644
index b759020..0000000
--- a/www/static/submenu.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/*----------------------------------------------------------------------------------
- * Submenu ( Horizontal Tabs)
- *----------------------------------------------------------------------------------
- */
-#submenu {
-	width: 75%;
-	font-size: 90%;
-//	font-weight: Bold;
-// 	display: inline;
-	float: right;
-	margin: 0em 2em 0em 0em;
-	background: #fff url(/static/greypx.gif) repeat-x bottom left;
-	}
-	
-#submenu p {
-	display: inline;
-	color: #22c;
-	font-size: 161%;
-	font-weight: light;
-	margin: 2em 0em -2em 0em;
-	}
-
-#submenu ul {
-	list-style: none;
-	display: inline;
-	margin: 0em 1em 0em 1em;
-	padding: 0em 3em .6em 2em;
-	float: right;
-	}
-
-#submenu li {
-	display: inline;
-	border: 1px solid #ccc;
-	padding: .5em 1em .5em 1em;
-	margin: 0em 0em 0em 0em;
-	border-bottom: none;
-	background: #f8f8f8;
-	background: transparent url("/static/unselected.gif") repeat-x top left;
-	}
-
-#submenu #selected {
-	// background: #fff url("/static/selected.gif") repeat-x top left;
-	background: #fff;
-	}
-
-#submenu a {
-	} 
-
-#submenu a:hover {
-	color: #c22;
-	}
-
diff --git a/www/static/unselected.gif b/www/static/unselected.gif
deleted file mode 100644
index f26d430..0000000
Binary files a/www/static/unselected.gif and /dev/null differ
diff --git a/www/static/watermark.jpg b/www/static/watermark.jpg
new file mode 100644
index 0000000..e76142e
Binary files /dev/null and b/www/static/watermark.jpg differ
diff --git a/www/static/webconf-purple.css b/www/static/webconf-purple.css
deleted file mode 100644
index 57538cd..0000000
--- a/www/static/webconf-purple.css
+++ /dev/null
@@ -1,313 +0,0 @@
-/* webconf.css - For Alpine webconf
- */
-
-/* Default definitions */
-body {
-	background: url(arctic-back.png) repeat-y 20% 0;
-	// background-color: #DAE0EE;
-	font-family: Geneva, Arial, Helvetica, San-Serif;
-	margin: 0em;
-	padding: 0em;
-	// padding: 1em 0em 0em 1em;
-	font-size: 80%;
-	}
-
-p {
-	margin: 0em 0em 0em 0em;
-	}
-
-a {
-	text-decoration: none;
-	color: #333;
-	}
-
-a:link {
-	}
-
-a:visited {
-	}
-
-a:hover {
-	// font-weight: bold;
-	// text-decoration: underline;
-	}
-
-a:active {
-	}
-/*----------------------------------------------------------------------------------
- * Header
- *----------------------------------------------------------------------------------
- */
-#head {
-	padding: 1em 1em 1em 0em;
-	background: #dde url(alpine.png) no-repeat 50% 0;
-	color: #333; 
-	// margin: -1em 0em 0em 0em;
-	padding: 1em;
-	}
-
-#head h1 {
-	font-size: 300%;
-	color: #226;
-	font-family: Palatino, Times-Roman, Serif;
-	font-weight: bold;
-	margin: 0em 0em 0em 0em;
-	//float: left;
-	width: 49%;
-	}
-
-#head h2 {
-	margin: 0em 0em 0em 0em;
-	font-size: 100%;
-	font-weight: light;
-	float: right;
-	width: 30%;
-	}
-
-#head h3 {
-	float: right;
-	font-size: 90%;
-	color: #222;
-	}
-
-#head p {
-	// border: 1px inset #ccc;
-	// border-top: 1px solid #ccc;
-	// border-bottom: 1px solid #ccc;
-	}
-
-/*----------------------------------------------------------------------------------
- * Left (Main) Menu
- *----------------------------------------------------------------------------------
- */
-#mainmenu {
-	display: block;
-	background-color: #dde;
-	width: 20%;
-	float: left;
-	margin: 2em 0em 0em 0em;
-	padding: 0em -1em 0em 1em;
-	}
-
-#mainmenu p {
-	background-color: #448;
-	color: #fc4;
-	padding:  0em 0em  0em 1em;
-	font-size: 110%;
-	font-weight: bold;
-	// margin: 0em 0em 0em 0em;
-	}
-
-#mainmenu ul {
-	padding: 0em 0em 0em 2em;
-	margin: 0;
-	list-style-type: none;
-	}
-#mainmenu li {
-	background-color: inherit;
-	}
-
-#mainmenu a:hover {
-	display: block;
-	background-color: #eec;
-	}
-	 
-#mainmenu #selected {
-	// border: 1px solid #666;
-	//border-right: 1px solid #ffd;
-	background-color: #ffe;
-	}
-	
-
-/*----------------------------------------------------------------------------------
- * Submenu ( Horizontal Tabs)
- *----------------------------------------------------------------------------------
- */
-#submenu {
-	// display: none;
-	width: 80%;
-	// clear: both;
-	display: inline;
-	float: right;
-	margin: 0em 0em 0em 0em;
-	background-color: #dde;
-	}
-	
-#submenu p {
-	display: none;
-	}
-
-#submenu ul {
-	float: left;
-	list-style: none;
-	display: inline;
-	margin: 0 1em 0 1em;
-	padding: 0 1em 0 1em;
-	}
-
-#submenu li {
-	display: inline;
-	background-color: #ccd;
-	border: 1px solid #666;
-	border-bottom: none;
-	}
-
-#submenu #selected {
-	border: 1px solid #666;
-	background: #ffe;
-	border-bottom: none;
-	// 2px solid #ffd;
-	// font-weight: bold;
-	}
-
-#submenu a {
-	padding: .1em .2em;
-	} 
-
-#submenu a:hover {
-	display: inline;
-	background: #eec;
-	padding: 0em .2em;
-	}
-
-/*----------------------------------------------------------------------------------
- * Content
- *----------------------------------------------------------------------------------
- */
-#content {
-	float:left;
-	width: 70%;
-	color: #333;
-	// background-color: #DAE0EE;
-	background: url(arctic-upleft.png) no-repeat;
-	padding: 2em 0em 3em 3em;
-	}
-
-#content h1 {
-	font-size: 120%;
-	// width: 100%;
-	background-color: #eec;
-	border-bottom: 2px solid #aa9;
-	margin: 1em 0em 1em 0em;
-	clear: both;
-	}
- 
-#content h2 {
-	font-size: 100%;
-	// width: 100%;
-	background-color: #eec;
-	border-bottom: 1px solid #aa9;
-	// margin: 1em 1em 0em 1em;
-	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: #faa;
-	color: #c00;
-	}
-
-#content p.warn {
-        // border: 2px solid #cc0;
-        // margin: 1em 2em;
-        // padding: 1em;
-        background-color: #ffa;
-        }
-
-#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;
-	font-size: 90%;
-	// font-family: courier-new, courier, sans;
-	background-color: #eec;
-	margin-top: -0.3em;
-	}
-
-
-#content input.error {
-	 background-color: #faa;
-	// border: 2px solid #c00;
-	// margin: .5em 1em .5em 0em;
-	}	
-
-#content input.button {
-	font-family: Geneva, Arial, Helvetica, Serif;
-	font-size: 100%;
-	font-weight: bold;
-	color: #228;
-	}
-
-#content dt {
-	font-size: 110%;
-	font-weight: bold;
-	color: #228;
-	margin: .7em 1em .5em 0em;
-	float: left;
-	border-top: 1px dotted #ccc;
-	border-bottom: 1px dotted #ccc;
-	width: 20%;
-	clear: both;
-	}
-
-#content a {
-	text-decoration: underline;
-	color: #449;
-	}
-	
-#content form {
-	padding: 1em 0em;
-	}
-
-#content dl {
-	margin: 0em;
-	}
-
-#content dd {
-	color: #c00;
-	float: left;
-	margin: 1em 0em .5em 0em;
-	// font-size: 90%;
-	font-weight: light;
-        // margin: .5em 1em .5em 0em;
-        // border-top: 1px dotted #ccc;
-        // border-bottom: 1px dotted #ccc;
-	}
-	
-	
-	
-/*----------------------------------------------------------------------------------
- * footer
- *----------------------------------------------------------------------------------
- */
-
-#footer {
-	float: right;
-	clear: both;
-	text-align: center;
-	font-size: 80%;
-	width: 70%;	
-	color: #666;
-	margin: 1em 3em 1em 2em;
-	padding: 1em 0em 1em;
-	border-top: 1px dotted #ccc;
-	border-bottom: 1px dotted #ccc;
-	}
-- 
cgit v1.2.3