Team:Missouri Miners/Menu
From 2010.igem.org
(Difference between revisions)
(New page: <html> <style type="text/css"> .bg {background: url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif);} .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff...) |
|||
(15 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
.bg {background: url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif);} | .bg {background: url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif);} | ||
- | .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(https://static.igem.org/mediawiki/igem.org/c/c7/Button1a.gif) repeat-x; position:relative; font-family: | + | .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(https://static.igem.org/mediawiki/igem.org/c/c7/Button1a.gif) repeat-x; position:relative; font-family: Verdana, Sans-Serif; } |
- | .menu li.top {display:block; float:left; position:relative;} | + | .menu li.top {display:block; float:left; position:relative; left:+47px;} |
- | .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:# | + | .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#dfc463; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;} |
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;} | .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;} | ||
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(https://static.igem.org/mediawiki/2010/7/7b/Down.gif) no-repeat right top;} | .menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(https://static.igem.org/mediawiki/2010/7/7b/Down.gif) no-repeat right top;} | ||
Line 11: | Line 10: | ||
.menu li a.top_link:hover span {background:url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat right top;} | .menu li a.top_link:hover span {background:url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat right top;} | ||
.menu li a.top_link:hover span.down {background:url(https://static.igem.org/mediawiki/2010/d/da/Button4a.gif) no-repeat right top;} | .menu li a.top_link:hover span.down {background:url(https://static.igem.org/mediawiki/2010/d/da/Button4a.gif) no-repeat right top;} | ||
- | |||
.menu li:hover > a.top_link {color:#000; background: url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat;} | .menu li:hover > a.top_link {color:#000; background: url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat;} | ||
.menu li:hover > a.top_link span {background:url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat right top;} | .menu li:hover > a.top_link span {background:url(https://static.igem.org/mediawiki/2010/b/b9/Button4.gif) no-repeat right top;} | ||
.menu li:hover > a.top_link span.down {background:url(https://static.igem.org/mediawiki/2010/d/da/Button4a.gif) no-repeat right top;} | .menu li:hover > a.top_link span.down {background:url(https://static.igem.org/mediawiki/2010/d/da/Button4a.gif) no-repeat right top;} | ||
- | |||
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} | .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} | ||
- | |||
.menu a:hover {visibility:visible;} | .menu a:hover {visibility:visible;} | ||
.menu li:hover {position:relative; z-index:200;} | .menu li:hover {position:relative; z-index:200;} | ||
- | |||
.menu ul, | .menu ul, | ||
.menu :hover ul ul, | .menu :hover ul ul, | ||
Line 26: | Line 21: | ||
.menu :hover ul :hover ul :hover ul ul, | .menu :hover ul :hover ul :hover ul ul, | ||
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} | .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} | ||
- | |||
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #009900; white-space:nowrap; width:200px; height:auto;} | .menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #009900; white-space:nowrap; width:200px; height:auto;} | ||
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;} | .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;} | ||
Line 34: | Line 28: | ||
.menu :hover ul.sub li a.fly:hover {background:#42c555 url(https://static.igem.org/mediawiki/2010/a/a0/Arrow_over.gif) 80px 7px no-repeat; color:#fff;} | .menu :hover ul.sub li a.fly:hover {background:#42c555 url(https://static.igem.org/mediawiki/2010/a/a0/Arrow_over.gif) 80px 7px no-repeat; color:#fff;} | ||
.menu :hover ul li:hover > a.fly {background:#42c555 url(https://static.igem.org/mediawiki/2010/a/a0/Arrow_over.gif) 80px 7px no-repeat; color:#fff;} | .menu :hover ul li:hover > a.fly {background:#42c555 url(https://static.igem.org/mediawiki/2010/a/a0/Arrow_over.gif) 80px 7px no-repeat; color:#fff;} | ||
- | |||
.menu :hover ul :hover ul, | .menu :hover ul :hover ul, | ||
.menu :hover ul :hover ul :hover ul, | .menu :hover ul :hover ul :hover ul, | ||
Line 40: | Line 33: | ||
.menu :hover ul :hover ul :hover ul :hover ul :hover ul | .menu :hover ul :hover ul :hover ul :hover ul :hover ul | ||
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;} | {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;} | ||
- | |||
- | |||
- | |||
- | |||
<style media="all" type="text/css">@import "/menu/menu_style.css";</style> | <style media="all" type="text/css">@import "/menu/menu_style.css";</style> | ||
<div> | <div> | ||
Line 57: | Line 46: | ||
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Project" target="_self" class="top_link"><span>Project</span></a> | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Project" target="_self" class="top_link"><span>Project</span></a> | ||
<ul class="sub"> | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:Missouri_Miners/MFC" target="_self">Microbial Fuel Cells</a></li> | ||
<li><a href="https://2010.igem.org/Team:Missouri_Miners/Project" target="_self">Project</a></li> | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Project" target="_self">Project</a></li> | ||
<li><a href="https://2010.igem.org/Team:Missouri_Miners/Parts" target="_self">Parts</a></li> | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Parts" target="_self">Parts</a></li> | ||
- | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Notebook" target="_self" class="top_link"><span>Notebook</span></a> | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Notebook" target="_self" class="top_link"><span>Notebook</span></a> | ||
</li> | </li> | ||
- | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Safety" target="_self" class="top_link"><span>Safety</span></a> | + | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Safety" target="_self" class="top_link"><span>Ethics & Safety</span></a> |
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Ethics" target="_self">Ethics</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Safety" target="_self">Safety</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming" target="_self" class="top_link"><span> | + | <li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming" target="_self" class="top_link"><span>Public Opinion</span></a> |
<ul class="sub"> | <ul class="sub"> | ||
- | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming" target="_self"> | + | <li><a href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming" target="_self">Campus Survey</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 77: | Line 69: | ||
<li><a href="http://www.facebook.com/mstigem" target="_self">Facebook</a></li> | <li><a href="http://www.facebook.com/mstigem" target="_self">Facebook</a></li> | ||
<li><a href="http://twitter.com/mstigem" target="_self">Twitter</a></li> | <li><a href="http://twitter.com/mstigem" target="_self">Twitter</a></li> | ||
- | <li><a href="http://www.youtube.com/user/ | + | <li><a href="http://www.youtube.com/user/mstigemteam" target="_self">Youtube</a></li> |
</ul> | </ul> | ||
</li> | </li> |
Latest revision as of 02:37, 28 October 2010