|
Last change
on this file since 28599 was 28599, checked in by jlwhisler, 10 years ago |
|
Draft interface for use in Defining Libraries tutorial.
|
|
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.
