You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
977 B
37 lines
977 B
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */ |
|
/* eg. <ul class="sf-menu sf-vertical"> ... */ |
|
.sf-vertical { |
|
width: 12em; |
|
/* If you want the width of the closed menu to expand to its |
|
widest top-level menu item (like its "Supersubs" submenus do), |
|
replace the width rule above with the following two rules. */ |
|
|
|
/* |
|
min-width: 12em; |
|
*width: 12em; |
|
*/ |
|
} |
|
.sf-vertical ul { |
|
left: 100%; |
|
top: 0; |
|
} |
|
.sf-vertical > li { |
|
float: none; |
|
} |
|
.sf-vertical li { |
|
width: 100%; |
|
} |
|
|
|
/*** alter arrow directions ***/ |
|
.sf-vertical.sf-arrows > li > .sf-with-ul:after { |
|
margin-top: -5px; |
|
margin-right: -3px; |
|
border-color: transparent; |
|
border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ |
|
border-left-color: rgba(255,255,255,.5); |
|
} |
|
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after, |
|
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after, |
|
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after { |
|
border-left-color: white; |
|
}
|
|
|