Template:Team:TMU-Tokyo/css/drop-menu.css
From 2012.igem.org
(Difference between revisions)
MarumineDX (Talk | contribs) |
MarumineDX (Talk | contribs) |
||
(36 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
ul#drop-menu a:link, | ul#drop-menu a:link, | ||
ul#drop-menu a:visited { | ul#drop-menu a:visited { | ||
- | background: # | + | background: #87CEFA; |
} | } | ||
ul#drop-menu a:hover, | ul#drop-menu a:hover, | ||
Line 18: | Line 18: | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
- | + | width: 160px; | |
- | width: | + | height: 30px; |
- | height: | + | |
font-weight: bold; | font-weight: bold; | ||
- | + | text-align: center; | |
} | } | ||
ul#drop-menu li a { | ul#drop-menu li a { | ||
display: block; | display: block; | ||
- | width: | + | width: 160px; |
- | height: | + | height: 30px; |
- | + | ||
} | } | ||
Line 37: | Line 35: | ||
/* 疑似要素 :hover で下層のメニューを可視に */ | /* 疑似要素 :hover で下層のメニューを可視に */ | ||
- | ul#drop li:hover ul { | + | ul#drop-menu li:hover ul { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 43: | Line 41: | ||
} | } | ||
- | ul#drop li ul li { | + | ul#drop-menu li ul li { |
float: none; | float: none; | ||
margin: 0; | margin: 0; |
Latest revision as of 09:03, 3 September 2012