nicer styling for the menus

3 files changed, 41 insertions, 47 deletions

diff --git a/httemplate/elements/menu.html b/httemplate/elements/menu.html
index bb219bdd4..8b4a06885 100644
--- a/httemplate/elements/menu.html
+++ b/httemplate/elements/menu.html
@@ -572,7 +572,8 @@ sub submenu {
 
   "var myMenu$menunum = new WebFXMenu;\n".
   #"myMenu$menunum.useAutoPosition = true;\n".
-  "myMenu$menunum.emptyText = '$title';\n".
+#  "myMenu$menunum.emptyText = '$title';\n".
+  "myMenu$menunum.emptyText = '';\n".
 
   (
     join("\n", map {
diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css
index 610e7ffae..73699b6f9 100644
--- a/httemplate/elements/xmenu.css
+++ b/httemplate/elements/xmenu.css
@@ -22,17 +22,20 @@
 	position:		absolute;
 	z-index:		100;
 	visibility:		hidden;
-	border:			1px solid black;
+	border:			1px solid #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
 	padding:		1px;
 	background:		white;
-	filter:			progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
-				alpha(Opacity=95);
-	-moz-opacity:		0.95;
-	/* a drop shadow would be nice in moz/others too... */
+        -moz-box-shadow: #000000 1px 1px 4px;
+        -webkit-box-shadow: #000000 1px 1px 4px;
+        box-shadow: #000000 1px 1px 4px;
 }
 
 .webfx-menu-empty {
 	display:		block;
+        border:                 1px solid white;
 	padding:		2px 5px 2px 5px;
 	font-size:		11px;
 	/* font-family:		Tahoma, Verdan, Helvetica, Sans-Serif; */
@@ -52,19 +55,26 @@
 	text-decoration:	none;
 	vertical-align:		center;
 	color:			black;
+        border:                 1px solid white;
 }	
 
 .webfx-menu a:visited {
 	color:			black;
+        border:                 1px solid white;
 }
 
 .webfx-menu a:hover {
-	color:			black;
+        border:                 1px solid #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+         background:             #fff8fe;
 }
 
-.webfx-menu a:hover {
-	color:			black;
-}	
+.webfx-menu a[href]:hover {
+        color: black;
+        text-decoration: none;
+}
 
 .webfx-menu a .arrow {
 	float:			right;
@@ -151,19 +161,6 @@
 }
 
 .webfx-menu-title  {
-	color:			black;
-	/* background:		#faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
-	background:		#7e0079;
-/*	border:			1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
-	/* padding:		3px 1px 3px 6px; */
-	padding:		3px 1px 3px 5px;
 	display:		block;
-	font-size:		16px;
-/*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
-        font-weight:            bold;
-	text-decoration:	none;
-	color:			white;
-        border-bottom:          1px solid white;
         width:			expression(constExpression(ie ? "98%": "auto"));	/* should be ignored by mz and op */
 }	
-
diff --git a/httemplate/elements/xmenu.top.css b/httemplate/elements/xmenu.top.css
index da04c0df7..ff0d6f684 100644
--- a/httemplate/elements/xmenu.top.css
+++ b/httemplate/elements/xmenu.top.css
@@ -22,17 +22,20 @@
 	position:		absolute;
 	z-index:		100;
 	visibility:		hidden;
-	border:			1px solid black;
+	border:			1px solid #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
 	padding:		1px;
 	background:		white;
-	filter:			progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
-				alpha(Opacity=95);
-	-moz-opacity:		0.95;
-	/* a drop shadow would be nice in moz/others too... */
+        -moz-box-shadow: #000000 1px 1px 4px;
+        -webkit-box-shadow: #000000 1px 1px 4px;
+        box-shadow: #000000 1px 1px 4px;
 }
 
 .webfx-menu-empty {
 	display:		block;
+        border:                 1px solid white;
 	padding:		2px 5px 2px 5px;
 	font-size:		11px;
 	/* font-family:		Tahoma, Verdan, Helvetica, Sans-Serif; */
@@ -52,19 +55,26 @@
 	text-decoration:	none;
 	vertical-align:		center;
 	color:			black;
-}	
+        border:                 1px solid white;
+}
 
 .webfx-menu a:visited {
 	color:			black;
+        border:                 1px solid white;
 }
 
 .webfx-menu a:hover {
-	color:			black;
+        border:                 1px solid #7e0079;
+	 -moz-border-radius: 4px;
+	 -webkit-border-radius: 4px;
+	 border-radius: 4px;
+         background:             #fff8fe;
 }
 
-.webfx-menu a:hover {
-	color:			black;
-}	
+.webfx-menu a[href]:hover {
+        color: black;
+        text-decoration: none;
+}
 
 .webfx-menu a .arrow {
 	float:			right;
@@ -130,7 +140,6 @@
 .webfx-menu-bar a:hover {
         text-decoration: underline;
         color: #7e0079;
-
 }
 
 .webfx-menu-bar a .arrow {
@@ -154,19 +163,6 @@
 }
 
 .webfx-menu-title  {
-	color:			black;
-	/* background:		#faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
-	background:		#7e0079;
-/*	border:			1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
-	/* padding:		3px 1px 3px 6px; */
-	padding:		3px 1px 3px 5px;
 	display:		block;
-	font-size:		16px;
-/*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
-        font-weight:            bold;
-	text-decoration:	none;
-	color:			white;
-        border-bottom:          1px solid white;
         width:			expression(constExpression(ie ? "98%": "auto"));	/* should be ignored by mz and op */
 }	
-