From b8e2332f96bdb9b9cb13cd1bbf191f5e072b472b Mon Sep 17 00:00:00 2001
From: lars <lars@systemausfall.org>
Date: Wed, 1 Nov 2006 09:25:27 +0000
Subject: [PATCH] design for menu items added "a:hover" ->
 "text-decoration:underline" disabled "lang" div format changed

---
 pythonrewrite/www-data/cryptobox.css | 76 +++++++++++++++-------------
 1 file changed, 42 insertions(+), 34 deletions(-)

diff --git a/pythonrewrite/www-data/cryptobox.css b/pythonrewrite/www-data/cryptobox.css
index acd8e88..ea15438 100644
--- a/pythonrewrite/www-data/cryptobox.css
+++ b/pythonrewrite/www-data/cryptobox.css
@@ -92,7 +92,7 @@ body {
 	font-size: 0.9em;
 	}
 
-#content a:hover {
+TODOa:hover {
 	text-decoration: underline;
 	}
 
@@ -361,9 +361,9 @@ button:hover {
 	text-align: center;
 	}
 
-/* -------------=-=-=- volume selection -=-=-=-------------- */
+/* -------------=-=-=- main menu -=-=-=-------------- */
 
-#volumes {
+#main_menu {
 	position: absolute;
 	float: left;
 	right: 5px;
@@ -371,27 +371,15 @@ button:hover {
 	width: 140px;
 	}
 
-#volumes div {
+#main_menu div {
 	height: 80px;
 	padding: 5px;
-	margin: 5px;
+	margin: 10px 5px 10px 15px;
 	background-repeat: no-repeat;
 	background-position: center;
 	}
 
-#volumes div.active {
-	background-image: url(disc_red.png);
-	}
-
-#volumes div.passive {
-	background-image: url(disc_green.png);
-	}
-
-#volumes div.void {
-	background-image: url(disc_gray.png);
-	}
-
-#volumes div.current {
+#main_menu div.current {
 	border-style: dashed;
 	border-width: 2px;
 	border-color: gray;
@@ -399,12 +387,13 @@ button:hover {
 
 /* ------------=-=-=- language selection -=-=-=------------- */
 
-#lang {
-	position: absolute;
+div#lang {
+	/* position: absolute;
 	float: right;
 	right: 5px;
-	top: 5px;
-	text-align: right;
+	top: 5px; */
+	text-align: center;
+	margin-top: 10%;
 	}
 
 #lang a {
@@ -447,30 +436,39 @@ button:hover {
 /* -------------=-=-=- plugin icons -=-=-=--------------- */
 
 
-div.plugin_main, div.plugin_system, div.plugin_volume {
+div.plugin_menu, div.plugin_system, div.plugin_volume, div.volume {
 	text-align: center;
-	float: left;
-	padding: 10px;
-	margin: 5px;
+	margin: 10px 15px 10px 15px;
 }
 
-div.plugin_main img, div.plugin_system img, div.plugin_volume img {
-	border: 0;
+div.plugin_menu a, div.plugin_system a, div.plugin_volume a, div.volume a {
+	text-decoration: none;
 }
 
-div.plugin_main {
-	width: 80px;
-	height: 100px;
+/* remove underline decoration for '#content a:hover' */
+div.plugin_menu a:hover, div.plugin_system a:hover, div.plugin_volume a:hover, div.volume a:hover {
+	text-decoration: none;
 }
 
-div.plugin_main img {
+div.plugin_menu img, div.plugin_system img, div.plugin_volume img, div.volume img {
+	border: none;
+	padding: none;
+	margin: none;
+}
+
+div.plugin_menu {
+	width: 90px;
+	min-height: 100px;
+}
+
+div.plugin_menu img {
 	width: 64px;
 	height: 64px;
 }
 
 div.plugin_system {
+	float: left;
 	width: 64px;
-	height: 80px;
 }
 
 div.plugin_system img {
@@ -480,10 +478,20 @@ div.plugin_system img {
 
 div.plugin_volume {
 	width: 48px;
-	height: 64px;
 }
 
 div.plugin_volume img {
 	width: 32px;
 	height: 32px;
 }
+
+div.volume {
+	float: left;
+	width: 64px;
+}
+
+div.volume img {
+	width: 48px;
+	height: 48px;
+}
+