2 .webfx-menu, .webfx-menu * {
4 Set the box sizing to content box
5 in the future when IE6 supports box-sizing
6 there will be an issue to fix the sizes
8 There is probably an issue with IE5 mac now
9 because IE5 uses content-box but the script
10 assumes all versions of IE uses border-box.
12 At the time of this writing mozilla did not support
13 box-sizing for absolute positioned element.
15 Opera only supports content-box
17 box-sizing: content-box;
18 -moz-box-sizing: content-box;
25 border: 1px solid black;
28 filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
31 /* a drop shadow would be nice in moz/others too... */
36 border: 1px solid white;
37 padding: 2px 5px 2px 5px;
39 /* font-family: Tahoma, Verdan, Helvetica, Sans-Serif; */
45 /* width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */
46 width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */
48 /* padding: 2px 0px 2px 5px; */
49 padding: 1px 0px 1px 5px;
51 /* font-family: Verdana, Arial, Helvetica, sans-serif; */
53 text-decoration: none;
54 vertical-align: center;
56 border: 1px solid white;
59 .webfx-menu a:visited {
61 border: 1px solid white;
66 border: 1px solid #7e0079;
71 /* background: #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
72 /* background: #ffe6fe; */
73 /* background: #ffc2fe; */
75 border: 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
78 .webfx-menu a .arrow {
89 height: expression(constExpression(ieBox ? "2px" : "0"));
90 border-top: 1px solid #7e0079; /* rgb(120,172,255); */
91 border-bottom: 1px solid rgb(234,242,255);
93 margin: 2px 0px 2px 0px;
98 /* i want a vertical bar */
101 /* background: rgb(120,172,255);/*rgb(255,128,0);*/
102 /* background: #a097ed; */
104 /* border: 1px solid #7E0079; */
105 /* border: 1px solid #000000; */
111 /* IE5.0 has the wierdest box model for inline elements */
112 padding: expression(constExpression(ie50 ? "0px" : "2px"));
116 .webfx-menu-bar a:visited {
117 /* i want a vertical bar */
120 /* border: 1px solid black; /*rgb(0,0,0);/*rgb(255,128,0);*/
121 /* border: 1px solid black; /* #ffffff; */
122 /* border-bottom: 1px solid black; */
123 border-bottom: 1px solid white;
124 /* border-bottom: 1px solid rgb(0,66,174);
125 /* border-bottom: 1px solid black;
126 border-bottom: 1px solid black;
127 border-bottom: 1px solid black; */
129 padding: 1px 5px 1px 5px;
133 text-decoration: none;
135 /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
136 height: expression(constExpression(ie50 ? "17px" : "auto"));
139 .webfx-menu-bar a:link {
143 .webfx-menu-bar a:hover {
146 /* background: rgb(120,172,255); */
147 /* background: #BC79B8; */
149 /* border-left: 1px solid rgb(234,242,255);
150 border-right: 1px solid rgb(0,66,174);
151 border-top: 1px solid rgb(234,242,255);
152 border-bottom: 1px solid rgb(0,66,174); */
155 .webfx-menu-bar a .arrow {
158 /* vertical-align: top; */
164 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
168 ie does not support outline but ie55 can hide the outline using
169 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
171 ie-dummy: expression(this.hideFocus=true);
173 /* border-left: 1px solid rgb(0,66,174); */
174 /* border-right: 1px solid rgb(234,242,255); */
175 /* border-top: 1px solid rgb(0,66,174); */
176 /* border-bottom: 1px solid rgb(234,242,255); */
181 /* background: #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
183 /* border: 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
184 /* padding: 3px 1px 3px 6px; */
185 padding: 3px 1px 3px 5px;
188 /* font-family: Verdana, Arial, Helvetica, sans-serif; */
190 text-decoration: none;
192 /* border: 1px solid white; */
193 border-bottom: 1px solid white;
194 width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */