"
Template:Menu
From 2012.igem.org
(Difference between revisions)
| (37 intermediate revisions not shown) | |||
| Line 19: | Line 19: | ||
<style> | <style> | ||
html{font-family:Tahoma, Geneva, sans-serif} | html{font-family:Tahoma, Geneva, sans-serif} | ||
| - | # | + | #menu_div{position:absolute;width:100%;width:965px;margin-top:0px} |
| - | #menu ul{list-style:none;margin-bottom:65px} | + | #menu{width:932px;margin:-50px auto 0px auto} |
| - | #menu ul li {overflow:hidden;margin-left:1px;display:block;background:#222;height:30px;width:132px;text-align:center;float:left;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;} | + | #menu ul{list-style:none;margin-bottom:65px;margin-left:0px} |
| + | #menu ul li:first-child{background:rgba(0,0,0,0.9);} | ||
| + | |||
| + | //#menu ul:first-child{background:rgba(20,20,20,0.8);} | ||
| + | #menu ul li {overflow:hidden;margin-left:1px;display:block;background:#222;height:30px;width:132px;text- | ||
| + | align:center;float:left;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;} | ||
#menu ul li:hover {background:#666;} | #menu ul li:hover {background:#666;} | ||
#menu ul li a{color:#fff;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:252px;} | #menu ul li a{color:#fff;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:252px;} | ||
| Line 64: | Line 69: | ||
var kidsG = document.getElementById("kids_g").style; | var kidsG = document.getElementById("kids_g").style; | ||
| - | |||
kidsG.top = xx + "px"; | kidsG.top = xx + "px"; | ||
kidsG.left = yy + "px"; | kidsG.left = yy + "px"; | ||
| Line 75: | Line 79: | ||
$(location.hash).css("display","inline"); $(location.hash).stop(true,false).animate({opacity:1}, 200); | $(location.hash).css("display","inline"); $(location.hash).stop(true,false).animate({opacity:1}, 200); | ||
| - | $("#p-logo").html('<img src="https://static.igem.org/mediawiki/2012/b/b2/Banner_UW.png"/></a><div id="kids"><img src="https://static.igem.org/mediawiki/2012/3/30/Czerw_ost.png" width="100"></div><div id="kids_g"><img src="https://static.igem.org/mediawiki/2012/e/ed/Ziel_ost.png" width="100"></div>'); | + | $("#p-logo").html('<a href="http://www.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/b/b2/Banner_UW.png"/></a><div id="kids"><img src="https://static.igem.org/mediawiki/2012/3/30/Czerw_ost.png" width="100"></div><div id="kids_g"><img src="https://static.igem.org/mediawiki/2012/e/ed/Ziel_ost.png" width="100"></div>'); |
$("#menu li").hover( | $("#menu li").hover( | ||
| Line 118: | Line 122: | ||
</style> | </style> | ||
</noscript> | </noscript> | ||
| + | <div id="menu_div"> | ||
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
| Line 128: | Line 133: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li><a href="https://2012.igem.org/Team:Warsaw/Wetlab | + | <li><a href="https://2012.igem.org/Team:Warsaw/Wetlab">WETLAB</a></li> |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<li><a href="https://2012.igem.org/Team:Warsaw/Parts">PARTS</a></li> | <li><a href="https://2012.igem.org/Team:Warsaw/Parts">PARTS</a></li> | ||
<li><a href="https://2012.igem.org/Team:Warsaw/Safety">SAFETY</a></li> | <li><a href="https://2012.igem.org/Team:Warsaw/Safety">SAFETY</a></li> | ||
| Line 147: | Line 147: | ||
<!-- Home,Team,Official Team Profile, Project, Parts Submitted to the Registry, Modelling, Notebook, Safety, Attributions --> | <!-- Home,Team,Official Team Profile, Project, Parts Submitted to the Registry, Modelling, Notebook, Safety, Attributions --> | ||
</ul> | </ul> | ||
| + | </div> | ||
</div> | </div> | ||
| - | + | <!-- class of css --> | |
| - | <!-- | + | |
<style type="text/css"> | <style type="text/css"> | ||
.ornam{color:#000;background-color:#C0C0C0;padding:2px} | .ornam{color:#000;background-color:#C0C0C0;padding:2px} | ||
.box{background-color:#ddd;padding:35px;padding-top:20px;padding-bottom:20px;margin:75px;margin-top:35px;margin-bottom:35px} | .box{background-color:#ddd;padding:35px;padding-top:20px;padding-bottom:20px;margin:75px;margin-top:35px;margin-bottom:35px} | ||
| - | + | a {color:green;} | |
| + | a:visited {color:#006200;} | ||
</style> | </style> | ||
Latest revision as of 00:56, 27 September 2012
