Last change
on this file since 28644 was 28644, checked in by jlwhisler, 10 years ago |
A new interface created using a CSS template by luiszuno.com. Based on the default interface.
|
File size:
921 bytes
|
Line | |
---|
1 | /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
|
---|
2 | .sf-vertical, .sf-vertical li {
|
---|
3 | width: 10em;
|
---|
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: 10em; /* match ul width */
|
---|
9 | top: 0;
|
---|
10 | }
|
---|
11 |
|
---|
12 | /*** alter arrow directions ***/
|
---|
13 | .sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
|
---|
14 | .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
|
---|
15 |
|
---|
16 | /* hover arrow direction for modern browsers*/
|
---|
17 | .sf-vertical a:focus > .sf-sub-indicator,
|
---|
18 | .sf-vertical a:hover > .sf-sub-indicator,
|
---|
19 | .sf-vertical a:active > .sf-sub-indicator,
|
---|
20 | .sf-vertical li:hover > a > .sf-sub-indicator,
|
---|
21 | .sf-vertical li.sfHover > a > .sf-sub-indicator {
|
---|
22 | background-position: -10px 0; /* arrow hovers for modern browsers*/
|
---|
23 | } |
---|
Note:
See
TracBrowser
for help on using the repository browser.