nicer styling for the menus

diff --git a/httemplate/elements/menu.html b/httemplate/elements/menu.html
index bb219bd..8b4a068 100644 (file)
--- 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 610e7ff..73699b6 100644 (file)
--- 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 da04c0d..ff0d6f6 100644 (file)
--- 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 */
 }      
-