"
Team:Northwestern/tinydropdowncss
From 2012.igem.org
Purpleyuan (Talk | contribs) |
Purpleyuan (Talk | contribs) |
||
| (38 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | .nav {position:relative; top: | + | .nav {position:relative; top:60px; float:right; height:30px; width:600px; z-index:1000} |
| - | .menu a {float:right; color:# | + | .menu a {float:right; color:#fff; text-decoration:none; font-weight:bold; width:115px; height:25px; padding-top:4px; padding-bottom:4px} |
.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-size:16px; font-family:"Trebuchet MS", Helvetica, 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: #3f3f3f; border: 0; box-shadow:00 3px 3px #444;} |
| - | .menu ul {display:none; position:absolute; font: | + | .menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-19px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f; box-shadow:none;} |
| - | .menu ul li {float:none; border-top: | + | .menu ul li {float:none; border-top:0; width:115px; box-shadow:none;} |
| - | .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; box-shadow:none;} |
| - | .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background: | + | .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background: #999; color:#fff; box-shadow:none;} |
.menu ul ul {left:120px; top:0} | .menu ul ul {left:120px; top:0} | ||
.menu li.submenu {font-weight:bold} | .menu li.submenu {font-weight:bold} | ||
.menu li.noborder {border-top:none} | .menu li.noborder {border-top:none} | ||
| - | li.menuhover a, li.menuhover li.menuhover a {color:#fff; background:#999} | + | li.menuhover a, li.menuhover li.menuhover a {color:#fff; background: #999;} |
#info {width:180px; background:#eee} | #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} | #info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left} | ||
Latest revision as of 05:32, 3 August 2012
.nav {position:relative; top:60px; float:right; height:30px; width:600px; z-index:1000} .menu a {float:right; color:#fff; text-decoration:none; font-weight:bold; width:115px; height:25px; padding-top:4px; padding-bottom:4px} .menu a:hover {color:#fff} .menu {list-style:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, 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: #3f3f3f; border: 0; box-shadow:00 3px 3px #444;} .menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-19px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f; box-shadow:none;} .menu ul li {float:none; border-top:0; width:115px; box-shadow:none;} .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; box-shadow:none;} .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background: #999; color:#fff; box-shadow:none;} .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}
