61 lines
1.2 KiB
SCSS
61 lines
1.2 KiB
SCSS
body {
|
|
font-family: arial, helvetica, serif;
|
|
}
|
|
|
|
#nav, #nav ul { /* all lists */
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
float : left;
|
|
width : 10em;
|
|
/*border around submenu goes here*/
|
|
-moz-border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
background:#fff;
|
|
border:1px solid #C3D46A
|
|
}
|
|
|
|
#nav li { /* all list items */
|
|
position : relative;
|
|
float : left;
|
|
line-height : 1.25em;
|
|
width: 9em;
|
|
}
|
|
|
|
#nav li ul { /* second-level lists */
|
|
position : absolute;
|
|
left: -999em;
|
|
margin-left : 10.0em;
|
|
margin-top : -2.7em;
|
|
}
|
|
|
|
#nav li ul ul { /* third-and-above-level lists */
|
|
left: -999em;
|
|
}
|
|
|
|
#nav li a , li span {
|
|
padding-left: 0.5em;
|
|
width : 9.5em;
|
|
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 : #98CC1F;
|
|
}
|
|
|
|
#nav li:hover ul ul, #nav li:hover ul ul ul , #nav li:hover ul ul ul ul , #nav li:hover ul ul ul ul ul{
|
|
left: -999em;
|
|
}
|
|
|
|
/* lists nested under hovered list items */
|
|
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul , #nav li li li li li:hover ul {
|
|
left: auto;
|
|
}
|