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