X-Git-Url: http://git.freeside.biz/gitweb/?p=freeside.git;a=blobdiff_plain;f=httemplate%2Felements%2Fxmenu.css;h=79990d35ce3fab7bf4912f9ff4e4b9bb8634bcb5;hp=60881b813a3c7b5707f63402aa37b471f09e9272;hb=HEAD;hpb=c8cccb4a92adceb943c635fe62dad0d034462ce0 diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css index 60881b813..79990d35c 100644 --- a/httemplate/elements/xmenu.css +++ b/httemplate/elements/xmenu.css @@ -20,21 +20,22 @@ .webfx-menu { position: absolute; - z-index: 100; + z-index: 9999; visibility: hidden; - width: 154px; - 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: #333333 1px 1px 2px; + -webkit-box-shadow: #333333 1px 1px 2px; + 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; */ @@ -43,36 +44,37 @@ .webfx-menu a { display: block; - width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */ - height: expression(constExpression("1px")); + /* width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */ + width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */ overflow: visible; - padding: 2px 0px 2px 5px; - font-size: 11px; - font-family: Tahoma, Verdan, Helvetica, Sans-Serif; + /* padding: 2px 0px 2px 5px; */ + padding: 1px 0px 1px 5px; + font-size: 14px; +/* font-family: Verdana, Arial, Helvetica, sans-serif; */ + font-weight: bold; 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; @@ -99,7 +101,7 @@ /* 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 */ @@ -107,9 +109,6 @@ padding: 2px; - font-family: Verdana, Helvetica, Sans-Serif; - /* font-size: 11px; */ - /* IE5.0 has the wierdest box model for inline elements */ padding: expression(constExpression(ie50 ? "0px" : "2px")); } @@ -119,19 +118,13 @@ /* 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: 14px; + + color: black; + /* color: white; */ text-decoration: none; /* IE5.0 Does not paint borders and padding on inline elements without a height/width */ @@ -139,24 +132,18 @@ } .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); */ + text-decoration: underline; + color: #7e0079; } .webfx-menu-bar a .arrow { - border: 0; float: right; + border: 0; /* vertical-align: top; */ width: 3px; margin-right: 3px; @@ -171,25 +158,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; display: block; - font-size: 13px; - font-family: Tahoma, Verdan, Helvetica, Sans-Serif; - 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 */ } -