From d38700593d54f5103160843f09b40f2a4a99b953 Mon Sep 17 00:00:00 2001
From: Natanael Copa <natanael.copa@gmail.com>
Date: Fri, 16 Nov 2007 16:00:17 +0000
Subject: support for skins

git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@322 ab2d0c66-481e-0410-8bed-d214d4d58bed
---
 www/Makefile           |   3 +-
 www/simple/simple.css  |   0
 www/static/static.css  | 383 +++++++++++++++++++++++++++++++++++++++++++++++++
 www/static/webconf.css | 383 -------------------------------------------------
 4 files changed, 385 insertions(+), 384 deletions(-)
 create mode 100644 www/simple/simple.css
 create mode 100644 www/static/static.css
 delete mode 100644 www/static/webconf.css

(limited to 'www')

diff --git a/www/Makefile b/www/Makefile
index cff3ee9..becae86 100644
--- a/www/Makefile
+++ b/www/Makefile
@@ -13,7 +13,8 @@ WWW_DIST=cgi-bin/acf\
 	static/submenu.css\
 	static/unselected.gif\
 	static/webconf-purple.css\
-	static/webconf.css\
+	static/static.css\
+	simple/simple.css\
 	index.html\
 	sample.html
 
diff --git a/www/simple/simple.css b/www/simple/simple.css
new file mode 100644
index 0000000..e69de29
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;
+	}
diff --git a/www/static/webconf.css b/www/static/webconf.css
deleted file mode 100644
index e2c28ca..0000000
--- a/www/static/webconf.css
+++ /dev/null
@@ -1,383 +0,0 @@
-/* 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;
-	}
-- 
cgit v1.2.3