m2u-upass-admin / WebContent / css / superfish-vertical.css @ 78:e0521f2c231e
History | View | Annotate | Download (935 Bytes)
1 |
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
|
---|---|
2 |
.sf-vertical, .sf-vertical li { |
3 |
width: 15em; |
4 |
} |
5 |
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
|
6 |
.sf-vertical li:hover ul, |
7 |
.sf-vertical li.sfHover ul { |
8 |
left: 15em; /* match ul width */ |
9 |
top: 0; |
10 |
width: 15em; |
11 |
} |
12 |
|
13 |
/*** alter arrow directions ***/
|
14 |
.sf-vertical .sf-sub-indicator { background-position: -15px 0; } /* IE6 gets solid image only */ |
15 |
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/ |
16 |
|
17 |
/* hover arrow direction for modern browsers*/
|
18 |
.sf-vertical a:focus > .sf-sub-indicator, |
19 |
.sf-vertical a:hover > .sf-sub-indicator, |
20 |
.sf-vertical a:active > .sf-sub-indicator, |
21 |
.sf-vertical li:hover > a > .sf-sub-indicator, |
22 |
.sf-vertical li.sfHover > a > .sf-sub-indicator { |
23 |
background-position: -15px 0; /* arrow hovers for modern browsers*/ |
24 |
} |