1 files changed, 383 insertions, 0 deletions
diff --git a/www/static/static.css b/www/static/static.css
new file mode 100644
index 0000000..e2c28ca
--- /dev/null
+++ b/www/static/static.css
@@ -0,0 +1,383 @@
+/* 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;
+	}
+
+p {
+	margin: 0px 0px0px 0empx
+	}
+
+a {
+	text-decoration: none;
+	color: #333;
+	}
+
+a:link { color: #226;
+	}
+
+a:visited {	
+	color: #226;
+	}
+
+a:hover {
+	color: #44C;
+	}
+
+a:active {
+	}
+
+pre.code {
+	border: 1px solid #666;
+	background: #f8f8f8;
+	padding: .5em;
+}
+/*----------------------------------------------------------------------------------
+ * 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;*/
+}
+
+#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)
+ *----------------------------------------------------------------------------------
+ */
+#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;
+	}
+
+#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;
+	}
+
+
+#submenu a {
+	display: block;
+	float: left;
+	margin: 0px;
+	padding: 0px 0px;
+	} 
+
+#submenu a:hover {
+	text-decoration: underline;
+	}
+
+/*----------------------------------------------------------------------------------
+ * Content
+ *----------------------------------------------------------------------------------
+ */
+#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: #eee;
+	border-bottom: 2px solid #aaa;
+	}
+ 
+#content h2 {
+	font-size: 100%;
+	background-color: #eee;
+	border-bottom: 1px solid #aaa;
+	clear: both;
+	}	
+
+#content h3 {
+	font-size: 100%;
+	background-color: #fff;
+	border-bottom: 0px solid #eee;
+	margin: 0px 0px 0px 0px;
+	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;
+        }
+
+#content p.ok {
+	font-size: 120%;
+	font-weight: bold;
+        color: #090;
+        }
+                                                 
+                                        
+#content input, textarea  {
+	float: left;
+	background-color: #fff0f0;
+	border: 1px dotted #000;
+	}
+
+#content textarea  {
+	height: 300px;
+	border: 1px dotted #000;
+	}
+
+
+#content input.error {
+	background-color: #ffa;
+	}	
+
+#content input.button {
+	font-family: Geneva, Arial, Helvetica, Serif;
+	font-size: 100%;
+	font-weight: bold;
+	color: #228;
+	}
+
+#content dt {
+	font-size: 110%;
+	color: #228;
+	margin: 7px 1px 5px 0px;
+	float: left;
+	border-top: 1px dotted #ccf;
+	border-bottom: 1px dotted #ccf;
+	clear: both;
+	}
+
+#content th {
+	font-weight: inherit;
+	color: #228;
+	background: #eef;
+	}
+	
+#content a {
+	text-decoration: underline;
+	color: #449;
+	}
+	
+#content form {
+	}
+
+#content dl {
+	margin: 0px;
+	}
+
+#content dd {
+	color: #444;
+	float: left;
+	margin: 5px 0px 2px 0px;
+	font-weight: light;
+	}
+	
+#content .grey {
+	background-color: #eee;
+	}
+
+
+#content form {
+	display: inline;
+	}
+
+
+/*----------------------------------------------------------------------------------
+ * footer
+ *----------------------------------------------------------------------------------
+ */
+
+#footer {
+	background: transparent;
+	padding: 0px 0px 0px 0px;
+	margin: 30px 0px 10px 0px;
+	font-size: 10pt;
+	/*height: 25px;*/
+	width: 100%;
+	color: #bbb;
+	border-top: 1px dotted #ccc;
+	border-bottom: 1px dotted #ccc;
+	}
+
+#footer p{
+	padding: 0px;
+	margin: 0px;
+	font-size: 10pt;
+	color: #bbb;
+	}