Team:Northwestern/tinydropdowncss
From 2012.igem.org
Purpleyuan (Talk | contribs) |
Purpleyuan (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | .nav {position:relative; top:114px; float:right; height: | + | .nav {position:relative; top:114px; float:right; height:30px; width:600px; background:transparent; color:#fff; z-index:1000} |
.menu a {float:right; color:#000; text-decoration:none; width:120px; height:28px; padding-top:8px} | .menu a {float:right; color:#000; text-decoration:none; width:120px; height:28px; padding-top:8px} | ||
.menu a:hover {color:#fff} | .menu a:hover {color:#fff} | ||
.menu {list-style:none; font:16px Serif; text-transform:uppercase; text-align:center; width:600px; margin:0 auto} | .menu {list-style:none; font:16px Serif; text-transform:uppercase; text-align:center; width:600px; margin:0 auto} | ||
.menu li {position:relative; float:left; width:120px; z-index:1000} | .menu li {position:relative; float:left; width:120px; z-index:1000} | ||
- | .menu ul {display:none; position:absolute; font:normal 13px Serif; top: | + | .menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:0; background:#aaa; display:none; list-style:none} |
.menu ul li {float:none; border-top:1px solid #ccc; width:120px} | .menu ul li {float:none; border-top:1px solid #ccc; width:120px} | ||
.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, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px} |
Revision as of 19:35, 15 July 2012
.nav {position:relative; top:114px; float:right; height:30px; width:600px; background:transparent; color:#fff; z-index:1000} .menu a {float:right; color:#000; text-decoration:none; width:120px; height:28px; padding-top:8px} .menu a:hover {color:#fff} .menu {list-style:none; font:16px Serif; text-transform:uppercase; text-align:center; width:600px; margin:0 auto} .menu li {position:relative; float:left; width:120px; z-index:1000} .menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:0; background:#aaa; display:none; list-style:none} .menu ul li {float:none; border-top:1px solid #ccc; width:120px} .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 li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px} .menu ul ul {left:200px; 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} li.menuhover span, li.menuhover li.menuhover span {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}