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) |
||
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: #3366FF; | background: #3366FF; | ||
} | } | ||
- | 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; | ||
Line 24: | Line 24: | ||
line-height: 2em; | line-height: 2em; | ||
} | } | ||
- | ul# | + | ul#drop-menu li a { |
display: block; | display: block; | ||
width: 9em; | width: 9em; | ||
Line 32: | Line 32: | ||
/* 下層のメニューを不可視に */ | /* 下層のメニューを不可視に */ | ||
- | ul# | + | ul#drop-menu li ul { |
display: none; | display: none; | ||
} | } | ||
/* 疑似要素 :hover で下層のメニューを可視に */ | /* 疑似要素 :hover で下層のメニューを可視に */ | ||
- | ul# | + | ul#drop li:hover ul { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 43: | Line 43: | ||
} | } | ||
- | ul# | + | ul#drop li ul li { |
float: none; | float: none; | ||
margin: 0; | margin: 0; |
Revision as of 05:05, 16 August 2012