Template:Menu

From 2012.igem.org

(Difference between revisions)
 
(35 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{position:absolute}
+
#menu_div{position:absolute;width:100%;width:965px;margin-top:0px}
-
#menu ul{list-style:none;margin-bottom:65px;margin-left:15px}
+
#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;
-
        console.log(kidsG);
 
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#notebook">WETLAB</a>
+
         <li><a href="https://2012.igem.org/Team:Warsaw/Wetlab">WETLAB</a></li>
-
        <ul>
+
-
                <li rel="notebook"><a href="https://2012.igem.org/Team:Warsaw/Wetlab#notebook">notebook</a></li>
+
-
                <li rel="parts"><a href="https://2012.igem.org/Team:Warsaw/Wetlab#parts">parts</a></li>
+
-
                </ul>
+
-
        </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 -->
-
<!-- klasy 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

Warsaw Team