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;
+ border: 1px solid white;
padding: 2px 5px 2px 5px;
font-size: 11px;
/* font-family: Tahoma, Verdan, Helvetica, Sans-Serif; */
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;
/* 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;
font-size: 16px;
- /* color: black; */
- color: white;
+ 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 #cccccc;
- 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 {
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 */
}
-