46 lines
853 B
Sass
46 lines
853 B
Sass
body
|
|
font-family: arial, helvetica, serif
|
|
|
|
#nav , #nav ul
|
|
padding: 0
|
|
margin: 0
|
|
list-style: none
|
|
float: left
|
|
width: 100%
|
|
border-radius: 8px
|
|
background: black
|
|
border: 2px solid #C3D46A
|
|
|
|
#nav
|
|
li
|
|
position: relative
|
|
float: left
|
|
line-height: 1.25em
|
|
width: 99%
|
|
a , span
|
|
width: 99%
|
|
display: block
|
|
text-decoration: none
|
|
background-color: black
|
|
border-radius: 7px
|
|
ul
|
|
position: absolute
|
|
left: -999em
|
|
margin-left: 99%
|
|
margin-top: -2.7em
|
|
ul
|
|
left: -999em
|
|
|
|
#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
|