From 506a1f57e3a503fd1ddc8a5038cf3aa63bd2b24d Mon Sep 17 00:00:00 2001
From: lars <lars@systemausfall.org>
Date: Sat, 4 Aug 2007 22:55:54 +0000
Subject: [PATCH] finished splitting of CSS into basic and color

---
 www-data/color-blue-gray.css | 116 +++++++++++++++++++++++++++++++++
 www-data/color-red-blue.css  | 121 +++++++++++++++++++++++++++++++++++
 www-data/default.css         |  96 +++------------------------
 3 files changed, 246 insertions(+), 87 deletions(-)
 create mode 100644 www-data/color-blue-gray.css
 create mode 100644 www-data/color-red-blue.css

diff --git a/www-data/color-blue-gray.css b/www-data/color-blue-gray.css
new file mode 100644
index 0000000..d0d4cfb
--- /dev/null
+++ b/www-data/color-blue-gray.css
@@ -0,0 +1,116 @@
+body {
+        color: #606760;
+        background-color: white;
+    }
+
+#nav_bar {
+        color: inherit;
+        background-color: #c0c0b0;
+    }
+
+#nav_bar * {
+        background-color: transparent;
+	}
+
+#nav_bar li a.nav_active {
+        color: white;
+        background-color: inherit;
+	}
+
+#nav_bar font.no_link {
+        color: #2f4860;
+        background-color: inherit;
+	}
+
+#nav_bar a {
+        color: #2f4860;	/* necessary: IE6 ignores 'inherit' */
+        background-color: inherit;
+	}
+
+#nav_bar a:hover {
+        color: #2f4860;
+        background-color: #d8d8d8;
+	}
+
+#top {
+        background-color: #2f4860;
+    }
+
+#top * {
+        color: white;
+        background-color: transparent;
+	}
+	
+#perm_nav a {
+        color: white;
+        background-color: inherit;
+	}
+
+#perm_nav a:hover {
+        color: #ffcc00;
+        background-color: inherit;
+	} 
+
+#top form select {
+        background-color: #6f88c0;
+	}
+
+#top form select:hover {
+        background-color: #7f98ff;
+	}
+
+#top form button {
+        border-color: #ef2929;
+        background-color: #acaf9e;
+	}
+
+#top form button:hover {
+        color: #404040;
+        background-color: #cccfbe;
+	}
+
+#main_content #info_title {
+        color: white;
+        background-color: #c0c0b0;
+    }
+
+#main_content div.success,
+#main_content div.warning,
+#main_content div.error {
+        color: #202020;
+        background-color: inherit;	/* just to avoid css syntax warnings */
+	}
+
+#main_content div.success { background-color: #40d070; }
+
+#main_content div.warning { background-color: #e0a0a0; }
+
+#main_content div.error { background-color: #d05050; }
+
+#main_content button {
+        color: #555753;
+        background-color: #d8d8d8;
+        border-color: #555753;
+    }
+
+#main_content button:hover {
+        color: #505050;
+        background-color: #d0d0d0;
+        border-color: #ace149;
+    }
+
+
+#footer {
+        color: white;
+        background-color: #2f4860;
+        background-position: center;
+    }
+
+#footer * { background-color: transparent; }
+
+#footer a,
+#footer a:visited {
+        color: #a0d0b0;
+        background-color: transparent;
+	}
+
diff --git a/www-data/color-red-blue.css b/www-data/color-red-blue.css
new file mode 100644
index 0000000..79c0b48
--- /dev/null
+++ b/www-data/color-red-blue.css
@@ -0,0 +1,121 @@
+body {
+        color: #2e3436;
+        background-color: white;
+    }
+
+#nav_bar {
+        color: black;
+        background-color: #3465a4;
+        background-image: url(horiz_grad_blue.png);
+    }
+
+#nav_bar * {
+        background-color: transparent;
+	}
+
+#nav_bar li a.nav_active {
+        color: #eeeeec;
+        background-color: inherit;
+	}
+
+#nav_bar font.no_link {
+        color: inherit;
+        background-color: inherit;
+	}
+
+#nav_bar a {
+        color: black;	/* necessary: IE6 ignores 'inherit' */
+        background-color: inherit;
+	}
+
+#nav_bar a:hover {
+        color: #fce94f;
+        background-color: inherit;
+	}
+
+#top {
+        color: #eeeeec;
+        background-color: #cc0000;
+        background-image: url(vert_grad_red.png);
+        background-position: center;
+    }
+
+#top * {
+        background-color: transparent;
+	}
+	
+#perm_nav a {
+        color: #eeeeec;
+        background-color: inherit;
+	}
+
+#perm_nav a:hover {
+        color: #fce94f;
+        background-color: inherit;
+	} 
+
+#top form select {
+        background-color: #d3d7c4;
+	}
+
+#top form select:hover {
+        background-color: #eeeeec;
+	}
+
+#top form button {
+        border-color: #ef2929;
+        background-color: #fcaf3e;
+	}
+
+#top form button:hover {
+        background-color: #fce94f;
+	}
+
+#main_content #info_title {
+        color: #eeeeec;
+        background-color: #729fcf;
+        background-image: url(horiz_grad_blue_long.png);
+        background-position: left;
+    }
+
+#main_content div.success,
+#main_content div.warning,
+#main_content div.error {
+        color: #2e3436;
+        background-color: inherit;	/* just to avoid css syntax warnings */
+	}
+
+#main_content div.success { background-color: #40d070; }
+
+#main_content div.warning { background-color: #ef2929; }
+
+#main_content div.error { background-color: #a40000; }
+
+#main_content button {
+        color: #555753;
+        background-color: #d3d7cf;
+        border-color: #555753;
+    }
+
+#main_content button:hover {
+        color: #555753;
+        background-color: #d3d7cf;
+        border-color: #ace149;
+    }
+
+
+#footer {
+        color: #eeeeec;
+        background-color: #cc0000;
+        background-image: url(vert_grad_red.png);
+        background-position: center;
+    }
+
+#footer * { background-color: transparent; }
+
+#footer a,
+#footer a:visited {
+        color: #fce94f;
+        background-color: transparent;
+	}
+
diff --git a/www-data/default.css b/www-data/default.css
index b6d4c7c..8d68b40 100644
--- a/www-data/default.css
+++ b/www-data/default.css
@@ -1,9 +1,12 @@
+/* ezmlm-web css stylesheet for positioning
+ *
+ * all changes regarding the color scheme can be found in the
+ * respective 'color-*.css' file */
+
 body {
 	margin: 0;
 	padding: 0;
 	font: normal 100% sans-serif;
-	color: #2e3436;
-	background-color: white;
 	}
 
 a { text-decoration: none; }
@@ -16,17 +19,10 @@ button, select { cursor: pointer; }
 	clear: left;
 	float: left;
 	width: 20%;
-	color: black;
-	background-color: #3465a4;
-	background-image: url(horiz_grad_blue.png);
 	margin: 1%;
 	padding: 1.5% 0;
 	}
 
-#nav_bar * {
-	background-color: transparent;
-	}
-
 #nav_bar hr {
 	margin: 10px 30px 10px 10px;
 	font-size: 0%;	/* otherwise IE6 adds a huge gap above */
@@ -54,44 +50,19 @@ button, select { cursor: pointer; }
 	margin-bottom: 0;
 	}
 
-#nav_bar li a.nav_active {
-	color: #eeeeec;
-	background-color: inherit;
-	}
-
 #nav_bar font.no_link {
 	font-style: italic;
-	color: inherit;
-	background-color: inherit;
-	}
-
-#nav_bar a {
-	color: black;	/* necessary: IE6 ignores 'inherit' */
-	background-color: inherit;
-	}
-
-#nav_bar a:hover {
-	color: #fce94f;
-	background-color: inherit;
 	}
 
 
 /***************************** header **************************/
 
 #top {
-	color: #eeeeec;
-	background-color: #cc0000;
-	background-image: url(vert_grad_red.png);
-	background-position: center;
 	width: 100%;
 	margin: 0;
 	padding: 2px 7px 2px 3px;
 	}
 
-#top * {
-	background-color: transparent;
-	}
-	
 #title {
 	text-align: left;
 	}
@@ -123,40 +94,22 @@ button, select { cursor: pointer; }
 
 #perm_nav a {
 	font-weight: bold;
-	color: #eeeeec;
-	background-color: inherit;
 	}
 
-#perm_nav a:hover {
-	color: #fce94f;
-	background-color: inherit;
-	} 
-
 #top form {
 	font-size: 85%;
 	margin: 2px 0 2px 0;
 	}
 
 #top form select {
-	background-color: #d3d7c4;
 	margin-right: 4px;
 	}
 
-#top form select:hover {
-	background-color: #eeeeec;
-	}
-
 #top form button {
-	border-color: #ef2929;
 	border-style: groove;
-	background-color: #edd400;
 	margin-left: 3px;
 	}
 
-#top form button:hover {
-	background-color: #fce94f;
-	}
-
 
 /******************************* content ************************/
 
@@ -166,10 +119,6 @@ button, select { cursor: pointer; }
 	}
 
 #main_content #info_title {
-	color: #eeeeec;
-	background-color: #729fcf;
-	background-image: url(horiz_grad_blue_long.png);
-	background-position: left;
 	margin-left: 20%;	/* no background coloring behind the nav bar */
 	margin-top: 0.5%;
 	margin-right: 0.2%;
@@ -248,19 +197,6 @@ button, select { cursor: pointer; }
 	font-size: 90%;
 	}
 
-#main_content div.success,
-#main_content div.warning,
-#main_content div.error {
-	color: #2e3436;
-	background-color: inherit;	/* just to avaid css syntax warnings */
-	}
-
-#main_content div.success { background-color: #40d070; }
-
-#main_content div.warning { background-color: #ef2929; }
-
-#main_content div.error { background-color: #a40000; }
-
 #main_content table.gnupg_keys td {
 	padding-right: 10px;
 	}
@@ -278,26 +214,20 @@ button, select { cursor: pointer; }
 	}
 
 #main_content button {
-	color: #555753;
-	background-color: #d3d7cf;
-	border: 1px dotted #555753;
+	border-width: 1px;
+    border-style: dotted;
 	font-size: 90%;
 	}
 
 #main_content button:hover {
-	color: #555753;
-	background-color: #d3d7cf;
-	border: 1px dotted #ace149;
+	border-width: 1px;
+    border-style: dotted;
 	font-size: 90%;
 	}
 
 /************************** footer ******************************/
 
 #footer {
-	color: #eeeeec;
-	background-color: #cc0000;
-	background-image: url(vert_grad_red.png);
-	background-position: center;
 	clear: left;	/* do not overlap with left navigation bar */
 	text-align: center;
 	font-size: 90%;
@@ -305,11 +235,3 @@ button, select { cursor: pointer; }
 	padding: 3px;
 	}
 
-#footer * { background-color: transparent; }
-
-#footer a,
-#footer a:visited {
-	color: #fce94f;
-	background-color: transparent;
-	}
-