removed obsolete images

cleaned up css stylesheet
increased size of background gradient

www-data/cryptobox.css

@@ -5,23 +5,20 @@ body {
 	font-family: verdana, lucida, arial, helvetica, sans-serif;
 	}
 
-a {
+a, a:hover, a:link, a:visited {
 	text-decoration: none;
 	}
 
-
-div#main_menu {
-	width: 130px;
+img {
+	border:none;
 	}
 
 div#main {
+	text-align: left;
 	background: none;
 	padding: 20px;
 	margin-left: 140px;
-	/* RFC: 'auto' is not a valid value, or? [l] */
-	margin-right: auto;
-	/* RFC: should we restrict the width? [l] */
-	max-width: 700px;
+	/* width: 700px; */
 	}
 
 #main h1, h2, h3 {
@@ -51,39 +48,16 @@ div#head {
 	}
 
 div#head table {
-	width:100%;
+	width: 100%;
 	}
 
 div#head img {
 	vertical-align: middle;
 	}
 
-#menu {
-	text-align: center;
-	border-top: 1px solid #5e5e5e;
-	border-bottom: 1px solid #5e5e5e;
-	background-color: #ACE149;
-	}
-
-#menu a:link, #menu a:visited {
-	color: #5e5e5e;
-	margin: 5px;
-	text-decoration: none;
-	border: none;
-	padding: 4px;
-	font-size: 0.8em;
-	}
-
-#menu a:hover {
-	color: #8e8e8e;
-	}
-
 #words {
-	background-image: url(background_frame_top.png);
-	background-position: top left;
-	background-repeat: no-repeat;
-	min-height: 300px;
-	padding: 1.1em 0em 1.1em 1.1em;
+	min-height: 260px;
+	padding: 1.1em;
 	margin-top: 0;
 	}
 
@@ -113,9 +87,6 @@ div#head img {
 div#footer {
 	clear: both;
 	text-align: center;
-	/* border-top: 1px solid #5e5e5e;
-	border-bottom: 1px solid #5e5e5e;
-	background-color: #ACE149; */
 	background-image: url(footer_line.png);
 	background-repeat: no-repeat;
 	background-position: top center;
@@ -136,76 +107,6 @@ div#footer a:hover {
 	}
 
 
-#volume_pane table, #volume_pane td {
-	padding: 0px;
-	margin: 0px;
-	}
-
-#volume_pane td.pane_top_left, #volume_pane td.pane_top_right {
-	height: 39px;
-	width: 10px;
-	}
-
-#volume_pane td.pane_bottom_left, #volume_pane td.pane_bottom_right {
-	height: 10px;
-	width: 10px;
-	}
-
-#volume_pane td.pane_top_left {
-	background-image: url(pane_top_left.png);
-	}
-
-#volume_pane td.pane_top_right {
-	background-image: url(pane_top_right.png);
-	}
-
-#volume_pane td.pane_bottom_left {
-	background-image: url(pane_bottom_left.png);
-	}
-
-#volume_pane td.pane_bottom_right {
-	background-image: url(pane_bottom_right.png);
-	}
-
-#volume_pane td.pane_left {
-	background-image: url(pane_side_left.png);
-	}
-
-#volume_pane td.pane_bottom {
-	background-image: url(pane_side_bottom.png);
-	}
-
-#volume_pane td.pane_right {
-	background-image: url(pane_side_right.png);
-	}
-
-#volume_pane td.pane_top {
-	background-image: url(pane_side_top.png);
-	}
-
-#volume_pane .volume_plugin_active {
-	background-image: url(register_active.png);
-	text-align: center;
-	vertical-align: middle;
-	width: 120px;
-	}
-
-#volume_pane .volume_plugin_passive {
-	background-image: url(register_passive.png);
-	text-align: center;
-	vertical-align: middle;
-	width: 120px;
-	}
-
-#words div.unavailable_action {
-	border: 1px dashed #808080;
-	text-align: center;
-	background-color: #f0f0f0;
-	padding: 10px;
-	margin: 20px;
-	font-size: 1.1em;
-	}
-
 /* -------=-=-=- operational messages -=-=-=-------- */
 
 #words div.message {
@@ -217,10 +118,6 @@ div#footer a:hover {
 	font-size: 0.9em;
 	}
 
-#words div.message table {
-	width: 100%;
-}
-
 #words div.message td.text h1 {
 	font-size: 1.5em;
 	padding: 0px;
@@ -261,10 +158,6 @@ div#footer a:hover {
 	background-color: #eea;
 	}
 
-#EnvironmentWarning div.message table {
-	width: 100%;
-}
-
 #EnvironmentWarning div.message td.message_symbol img {
 	width: 16px;
 	height: 16px;
@@ -348,32 +241,15 @@ button:hover {
 
 /* -------------=-=-=- main menu -=-=-=-------------- */
 
-#main_menu {
+div#main_menu {
 	position: absolute;
 	float: left;
 	right: 5px;
 	left: 5px;
-	width: 140px;
+	width: 130px;
 	}
 
 
-/* ------------=-=-=- language selection -=-=-=------------- */
-
-div#lang {
-	/* position: fixed;
-	float: left;
-	left: 30px;
-	bottom: 10px; */
-	text-align: center;
-	padding: 5px;
-	margin: 10px;
-}
-
-div#lang button {
-	margin-top: 5px;
-}
-
-
 /* ------------=-=-=- documentation -=-=-=------------- */
 
 #doc ol,ul li {
@@ -410,15 +286,6 @@ div.plugin_menu, div.plugin_system, div.plugin_volume, div.volume {
 	padding: none;
 }
 
-div.plugin_menu a, div.plugin_system a, div.plugin_volume a, div.volume a {
-	text-decoration: none;
-}
-
-/* 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_menu img, div.plugin_system img, div.plugin_volume img, div.volume img {
 	border: none;
 	padding: none;
@@ -489,7 +356,6 @@ div.help_link {
 	}
 
 div.help_link a {
-	text-decoration: none;
 	color: #555;
 	font-size: 0.9em;
 }
@@ -504,13 +370,9 @@ div.help_link img {
 
 /* --------------=-=-=- new volume pane -=-=-=----------- */
 
-div#volume_area_inner {
-	width: 620px;
-	/* margin: 13px; */
+div#volume_content {
 	padding: 20px;
 	border: 1px solid #ccc;
-	border-right: 1px solid #ccc;
-	border-bottom: 1px solid #ccc;
 	background-image: url(volume_property_frame.png);
 	background-repeat: no-repeat;
 	background-position: top left;
@@ -524,14 +386,16 @@ table#volume_area {
 }
 
 table#volume_area td.volume_plugin_active, table#volume_area td.volume_plugin_passive {
-	width: 120px;
+	/* width: 120px; */
 	height: 40px;
 	text-align: left;
-	padding: 4px 0 0 10px;
+	border-right: 1px solid #ccc;
+	border-bottom: 1px solid #ccc;
+	padding: 4px 10px 0 10px;
 	background-repeat: no-repeat;
 	background-position: top left;
 }
- 
+
 table#volume_area td.volume_plugin_active {
 	background-image: url(register_active2.gif);
 }
@@ -547,20 +411,61 @@ table#volume_area td.volume_plugin_active img, table#volume_area td.volume_plugi
 	border: 0;
 }
 
-div.volume_spacer {
-	width: 30px;
-	float: left;
-}
-
-div#volume_name table {
-	width: 100%;
+table#volume_name {
 	border: 0px;
 	padding: 0px;
 	margin: 0px;
 }
 
-div#volume_name td img {
+table#volume_name td img {
 	width: 64px;
 	height: 64px;
 	padding-right: 30px;
 }
+
+table#pane {
+	border: none;
+	border-collapse: collapse;
+}
+
+td#pane_left_top {
+	width: 6px;
+	height: 6px;
+	background-image: url(backpane_left_top.gif);
+	background-position: left top;
+	background-repeat: no-repeat;
+}
+
+td#pane_top {
+	height: 6px;
+	background-image: url(backpane_top.png);
+	background-position: top;
+	background-repeat: repeat-x;
+}
+
+td#pane_right_top {
+	width: 6px;
+	height: 6px;
+	background-image: url(backpane_right_top.gif);
+	background-position: right top;
+	background-repeat: no-repeat;
+}
+
+td#pane_left {
+	width: 6px;
+	background-image: url(backpane_left.png);
+	background-position: left top;
+	background-repeat: no-repeat;
+}
+
+td#pane_content {
+	padding: 0 1% 1% 1%;
+}
+
+td#pane_right {
+	width: 6px;
+	background-image: url(backpane_right.png);
+	background-position: right top;
+	background-repeat: no-repeat;
+}
+