- improve design of menu

components/ahttpd/styles/alterator.css.in

@@ -185,10 +185,6 @@ textarea, select, input.text {
 
 /* main menu */
 
-#menu-td {
-	padding-right: 10px;
-}
-
 #main {
 	padding: 10px 20px;
 	padding-top: 10px;
@@ -196,82 +192,60 @@ textarea, select, input.text {
 	background-color: #@LIGHT_COLOR_HEX@;
 	border: 1px solid #@DARK_COLOR_HEX@;;
 
-        -moz-border-radius: 0.5em;
-        -webkit-border-radius: 0.5em;
-        -khtml-border-radius: 0.5em;
-        border-radius: 0.5em;
-
+	-moz-border-radius: 0.5em;
+	-webkit-border-radius: 0.5em;
+	-khtml-border-radius: 0.5em;
+	border-radius: 0.5em;
 }
 
 #main-td {
-/*	background-color: #@LIGHT_COLOR_HEX@;*/
 	width: 100%;
 	padding-top: 10px;
-/*	border: 1px solid #@DARK_COLOR_HEX@;;
-	
-	-moz-border-radius: 0.5em;
-        -webkit-border-radius: 0.5em;
-        -khtml-border-radius: 0.5em;
-        border-radius: 0.5em;*/
-/*	-moz-border-radius-bottomleft: 0.5em;
-        -webkit-border-radius-bottomleft: 0.5em;
-        -khtml-border-radius-bottomleft: 0.5em;
-        border-radius-bottomleft: 0.5em;*/
+}
+
+#menu-td {
+	padding-right: 10px;
+}
+
+#menu {
+	padding-right: 10px;
 }
 
 .menu-item-normal a {
 	font-weight: normal;
-	padding-left: 5px;
-	padding-right: 5px;
 	text-decoration: none;
 }
 
 .menu-item-selected a {
 	font-weight: bold;
-	padding-left: 5px;
-	padding-right: 5px;
 	text-decoration: none;
 	color: #@DARK_LABELS_HEX@;
 }
 
+.menu-item-normal, .menu-item-selected {
+	padding-left: 13px;
+	padding-right: 4px;
+	margin-top: 3px;
+	margin-bottom: 2px;
+}
+
 .menu-group-name  {
-	padding-left: 5px;
-	padding-right: 5px;
 	color: #@LIGHT_LABELS_HEX@;
-	text-decoration: none;
 	background-color: #@DARK_COLOR_HEX@;
+
+	font-weight: bold;
+
 	padding-top: 3px;
 	padding-bottom: 3px;
-	min-width: 230px;
-/*	background: url(/design/images/gradient.png) 0% 0% repeat-x;*/
-	font-weight: bold;
-	-moz-border-radius: 0.5em;
-	-webkit-border-radius: 0.5em;
-	-khtml-border-radius: 0.5em;
-	border-radius: 1em;
-/*	-moz-border-radius-topleft: 1em;
-	-webkit-border-radius-topleft: 1em;
-	-khtml-border-radius-topleft: 1em;
-	border-radius-topleft: 1em;*/
-}
+	padding-right: 4px;
+	padding-left: 13px;
+	margin-top: 10px;
+	margin-bottom: 10px;
 
-.menu-group {
-	padding-bottom: 10px;
-	padding-right: 10px;
-	/*width:250px;*/
-	padding-top: 10px;
-	min-width: 230px;
-	border-collapse: collapse;
-/*	background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
-	-moz-border-radius-bottomright: 1em;
-	-webkit-border-radius-bottomright: 1em;
-	-khtml-border-radius-bottomright: 1em;
-	border-radius-bottomright: 1em;
-	-moz-border-radius-bottomleft: 1em;
-	-webkit-border-radius-bottomleft: 1em;
-	-khtml-border-radius-bottomleft: 1em;
-	border-radius-bottomleft: 1em;
-	*/
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-khtml-border-radius: 4px;
+	border-radius: 4px;
 }
 
 /* help popup */