make suckerfish look nice
This commit is contained in:
parent
a1f1d9d6a4
commit
c6d5824dff
@ -2,35 +2,57 @@ body {
|
|||||||
font-family: arial, helvetica, serif;
|
font-family: arial, helvetica, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
#nav, #nav ul { /* all lists */
|
||||||
|
padding: 0;
|
||||||
/* ----[ OLs ULs, LIs, and DIVs ]----*/
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
float : left;
|
float : left;
|
||||||
|
width : 9em;
|
||||||
/* All submenu OLs and ULs */
|
|
||||||
#nav ol, #nav ul {
|
|
||||||
/*border around submenu goes here*/
|
/*border around submenu goes here*/
|
||||||
-moz-border-radius: 8px;
|
-moz-border-radius: 8px;
|
||||||
-webkit-border-radius: 8px;
|
-webkit-border-radius: 8px;
|
||||||
background:#fff;
|
background:#fff;
|
||||||
border:1px solid #C3D46A;
|
border:1px solid #C3D46A
|
||||||
left:0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* All ULs and OLs */
|
#nav li { /* all list items */
|
||||||
#nav, #nav ul, #nav ol {
|
position : relative;
|
||||||
padding: 0;
|
float : left;
|
||||||
margin: 0;
|
line-height : 1.25em;
|
||||||
list-style: none;
|
width: 8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav li ul { /* second-level lists */
|
||||||
|
position : absolute;
|
||||||
|
left: -999em;
|
||||||
|
margin-left : 9.05em;
|
||||||
|
margin-top : -1.35em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav li ul ul { /* third-and-above-level lists */
|
||||||
|
left: -999em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav li a {
|
||||||
|
width : 9em;
|
||||||
|
display : block;
|
||||||
|
color : black;
|
||||||
|
font-weight : bold;
|
||||||
|
text-decoration : none;
|
||||||
|
background-color : white;
|
||||||
|
-moz-border-radius: 7px;
|
||||||
|
-webkit-border-radius: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav li a:hover {
|
||||||
|
color : white;
|
||||||
|
background-color : #F6C739;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
|
||||||
|
left: -999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user