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:
970 bytes
|
Line | |
---|
1 | /*** ESSENTIAL STYLES ***/
|
---|
2 |
|
---|
3 | .sf-menu, .sf-menu * {
|
---|
4 | margin: 0;
|
---|
5 | padding: 0;
|
---|
6 | list-style: none;
|
---|
7 | }
|
---|
8 | .sf-menu {
|
---|
9 |
|
---|
10 | }
|
---|
11 | .sf-menu ul {
|
---|
12 | position: absolute;
|
---|
13 | top: -999em;
|
---|
14 | width: 10em; /* left offset of submenus need to match (see below) */
|
---|
15 |
|
---|
16 | }
|
---|
17 | .sf-menu ul li {
|
---|
18 | width: 100%;
|
---|
19 | }
|
---|
20 | .sf-menu li:hover {
|
---|
21 | visibility: inherit; /* fixes IE7 'sticky bug' */
|
---|
22 | }
|
---|
23 | .sf-menu li {
|
---|
24 | float: left;
|
---|
25 | position: relative;
|
---|
26 | }
|
---|
27 | .sf-menu a {
|
---|
28 | display: block;
|
---|
29 | position: relative;
|
---|
30 | }
|
---|
31 | .sf-menu li:hover ul,
|
---|
32 | .sf-menu li.sfHover ul {
|
---|
33 | left: 0;
|
---|
34 | top: 2.5em; /* match top ul list item height */
|
---|
35 | z-index: 99;
|
---|
36 | }
|
---|
37 | ul.sf-menu li:hover li ul,
|
---|
38 | ul.sf-menu li.sfHover li ul {
|
---|
39 | top: -999em;
|
---|
40 | }
|
---|
41 | ul.sf-menu li li:hover ul,
|
---|
42 | ul.sf-menu li li.sfHover ul {
|
---|
43 | left: 10em; /* match ul width */
|
---|
44 | top: 0;
|
---|
45 | }
|
---|
46 | ul.sf-menu li li:hover li ul,
|
---|
47 | ul.sf-menu li li.sfHover li ul {
|
---|
48 | top: -999em;
|
---|
49 | }
|
---|
50 | ul.sf-menu li li li:hover ul,
|
---|
51 | ul.sf-menu li li li.sfHover ul {
|
---|
52 | left: 10em; /* match ul width */
|
---|
53 | top: 0;
|
---|
54 | }
|
---|
55 |
|
---|
56 |
|
---|
57 |
|
---|
58 |
|
---|
59 |
|
---|
60 |
|
---|
61 |
|
---|
62 |
|
---|
Note:
See
TracBrowser
for help on using the repository browser.