Team:Northwestern/tinydropdowncss
From 2012.igem.org
Purpleyuan (Talk | contribs) |
Purpleyuan (Talk | contribs) |
||
Line 3: | Line 3: | ||
.menu a:hover {color:#fff} | .menu a:hover {color:#fff} | ||
.menu {list-style:none; font:16px sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto} | .menu {list-style:none; font:16px sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto} | ||
- | .menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background:# | + | .menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background:#caa85c} |
.menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:-20px; background:#aaa; display:none; list-style:none; width:115px; margin-right:5px} | .menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:-20px; background:#aaa; display:none; list-style:none; width:115px; margin-right:5px} | ||
.menu ul li {float:none; border-top:1px solid #ccc; width:115px} | .menu ul li {float:none; border-top:1px solid #ccc; width:115px} |
Revision as of 21:08, 15 July 2012
.nav {position:relative; top:90px; float:right; height:30px; width:600px; z-index:1000} .menu a {float:right; color:#000; text-decoration:none; width:115px; height:25px; padding-top:8px} .menu a:hover {color:#fff} .menu {list-style:none; font:16px sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto} .menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background:#caa85c} .menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:-20px; background:#aaa; display:none; list-style:none; width:115px; margin-right:5px} .menu ul li {float:none; border-top:1px solid #ccc; width:115px} .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px} .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999; color:#fff} .menu ul ul {left:120px; top:0} .menu li.submenu {font-weight:bold} .menu li.noborder {border-top:none} li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#999}
- info {width:180px; background:#eee}
- info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}