1 files changed, 313 insertions, 0 deletions
diff --git a/www/static/webconf-purple.css b/www/static/webconf-purple.css
new file mode 100644
index 0000000..57538cd
--- /dev/null
+++ b/www/static/webconf-purple.css
@@ -0,0 +1,313 @@
+/* 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;
+	}