60 lines
1.0 KiB
SCSS
60 lines
1.0 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.05em;
|
||
|
|
margin-top : -1.35em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#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 : #F6C739;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav li:hover ul ul, #nav li:hover ul ul ul {
|
||
|
|
left: -999em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { /* lists nested under hovered list items */
|
||
|
|
left: auto;
|
||
|
|
}
|