Merge branch 'master' of git.freeside.biz:/home/git/freeside

[freeside.git] / httemplate / elements / xmenu.top.css

diff --git a/httemplate/elements/xmenu.top.css b/httemplate/elements/xmenu.top.css
index 7591703..b722768 100644 (file)
--- a/httemplate/elements/xmenu.top.css
+++ b/httemplate/elements/xmenu.top.css
@@ -20,20 +20,18 @@
 
 .webfx-menu {
        position:               absolute;
-       z-index:                100;
+       z-index:                9999;
        visibility:             hidden;
-       border:                 1px solid black;
+       border:                 1px solid #7e0079;
+       border-radius: 2px;
        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... */
+        box-shadow: #333333 1px 1px 2px;
 }
 
 .webfx-menu-empty {
        display:                block;
-       border:                 1px solid white;
+        border:                 1px solid white;
        padding:                2px 5px 2px 5px;
        font-size:              11px;
        /* font-family:         Tahoma, Verdan, Helvetica, Sans-Serif; */
@@ -53,27 +51,26 @@
        text-decoration:        none;
        vertical-align:         center;
        color:                  black;
-       border:                 1px solid white;
-}      
+        border:                 1px solid white;
+}
 
 .webfx-menu a:visited {
        color:                  black;
-       border:                 1px solid white;
+        border:                 1px solid white;
 }
 
 .webfx-menu a:hover {
-       color:                  black;
-       border:                 1px solid #7e0079;
+        border:                 1px solid #7e0079;
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+         background:             #fff8fe;
 }
 
-.webfx-menu a:hover {
-       color:                  black;
-       /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
-       /* background:          #ffe6fe; */
-       /* background:          #ffc2fe; */
-       background:             #fff2fe;
-       border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
-}      
+.webfx-menu a[href]:hover {
+        color: black;
+        text-decoration: none;
+}
 
 .webfx-menu a .arrow {
        float:                  right;
@@ -97,7 +94,7 @@
 .webfx-menu-bar {
        /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
        /* background:           #a097ed; */
-       background:              #000000;
+       background:              #dddddd;
        /* border:                      1px solid #7E0079; */
        /* border:                      1px solid #000000; */
        /* border: none */
@@ -114,56 +111,31 @@
         /* i want a vertical bar */
         /* display:                        block; */
 
-       /* border:                              1px solid black; /*rgb(0,0,0);/*rgb(255,128,0);*/
-       /* border: 1px solid black; /* #ffffff; */
-       /* border-bottom: 1px solid black; */
-       /* border-bottom: 1px solid white; */
-       /* border-bottom:       1px solid rgb(0,66,174);
-       /* border-bottom: 1px solid black;
-       border-bottom: 1px solid black;
-       border-bottom: 1px solid black; */
-
        padding:                        1px 5px 1px 5px;
 
-       /* color:                               black; */
-       color:                          white;
+       font-size:              16px;
+
+       color:                          black;
+       /* color:                               white; */
        text-decoration:        none;
 
        /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
        height:         expression(constExpression(ie50 ? "17px" : "auto"));
 
-         background-color:#333333;
-        border:1px solid;
-        border-top-color:#cccccc;
-        border-left-color:#cccccc;
-        border-right-color:#aaaaaa;
-        border-bottom-color:#aaaaaa;
+        border: 1px solid #dddddd;
 
-         margin-right: 4px
+        margin-right: 4px
 
 }
 
 .webfx-menu-bar a:link {
-       color: white;
+       /* color: white; */
+        color: black;
 }
 
 .webfx-menu-bar a:hover {
-       /* color:                       black; */
-       color:                  white;
-       /* background:          rgb(120,172,255);        */
-       /* background:          #BC79B8; */
-        background:            #7e0079;
-       /* border-left: 1px solid rgb(234,242,255);
-       border-right:   1px solid rgb(0,66,174);
-       border-top:             1px solid rgb(234,242,255);
-       border-bottom:  1px solid rgb(0,66,174); */
-
-        border:1px solid;
-        border-top-color:#cccccc;
-        border-left-color:#cccccc;
-        border-right-color:#aaaaaa;
-        border-bottom-color:#aaaaaa;
-
+        text-decoration: underline;
+        color: #7e0079;
 }
 
 .webfx-menu-bar a .arrow {
@@ -184,28 +156,9 @@
                a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
        */
        ie-dummy:               expression(this.hideFocus=true);
-
-/*     border-left:    1px solid rgb(0,66,174); */
-/*     border-right:   1px solid rgb(234,242,255); */
-/*     border-top:             1px solid rgb(0,66,174); */
-/*     border-bottom:  1px solid rgb(234,242,255); */
 }
 
 .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:                 1px solid white; */
-       border-bottom:          1px solid white;
         width:                 expression(constExpression(ie ? "98%": "auto"));        /* should be ignored by mz and op */
 }      
-