also make menu use percentages
somewhat responsive now even it wont look good small
This commit is contained in:
@ -1,44 +1,35 @@
|
||||
body
|
||||
font-family: arial, helvetica, serif
|
||||
|
||||
|
||||
#nav, #nav ul /* all lists */
|
||||
#nav , #nav ul
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
float: left
|
||||
width: 190px
|
||||
width: 100%
|
||||
border-radius: 8px
|
||||
background: black
|
||||
border: 2px solid #C3D46A
|
||||
|
||||
|
||||
#nav li /* all list items */
|
||||
position: relative
|
||||
float: left
|
||||
line-height: 1.25em
|
||||
width: 180px
|
||||
|
||||
|
||||
#nav li ul /* second-level lists */
|
||||
position: absolute
|
||||
left: -999em
|
||||
margin-left: 185px
|
||||
margin-top: -2.7em
|
||||
|
||||
|
||||
#nav li ul ul /* third-and-above-level lists */
|
||||
left: -999em
|
||||
|
||||
|
||||
#nav li a , li span
|
||||
padding-left: 5px
|
||||
width: 180px
|
||||
display: block
|
||||
text-decoration: none
|
||||
background-color: black
|
||||
border-radius: 7px
|
||||
|
||||
#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
|
||||
|
Reference in New Issue
Block a user