Team:Warsaw/Project

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
!align="center"|[[Team:Warsaw|Home]]
+
<head>
-
!align="center"|[[Team:Warsaw/Team|Team]]
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Warsaw Official Team Profile]
+
<title>Warsaw Team</title>
-
!align="center"|[[Team:Warsaw/Project|Project]]
+
</head>
-
!align="center"|[[Team:Warsaw/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Warsaw/Modeling|Modeling]]
+
-
!align="center"|[[Team:Warsaw/Notebook|Notebook]]
+
-
!align="center"|[[Team:Warsaw/Safety|Safety]]
+
-
!align="center"|[[Team:Warsaw/Attributions|Attributions]]
+
-
|}
+
 +
<body>
 +
<style>
 +
html{font-family:Tahoma, Geneva, sans-serif}
 +
#menu{position:absolute}
 +
#menu ul{list-style:none}
 +
#menu ul li {overflow:hidden;margin-left:1px;display:block;background:#222;height:30px;width:152px;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 a{color:#fff;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:252px;}
 +
#menu ul li ul{margin-left:-1px !important;padding:0px !important}
 +
#menu .hover{overflow:visible !important;}
 +
#left-menu{clear:both;float:left;}
 +
#left-menu ul{list-style:none;margin:0px !important}
 +
#left-menu ul li {overflow:hidden;margin-left:1px;display:block;background:#ddd;height:30px;width:152px;-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;}
 +
#left-menu ul li:hover {background:#666;}
 +
#left-menu ul li a{color:#222;text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:30px;width:152px;}
 +
#left-menu ul li a:hover{color:#fff}
 +
#main-content{float:left;background-color:#ddd;width:1000px;height:550px;margin-left:20px}
 +
#main-content div{display:none;}
 +
#main-content div#tab1{display:inline}
 +
</style>
 +
<script src="http://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>
 +
<script>
 +
$(function(){
 +
$("#menu li").hover(
 +
  function () {
 +
a=$(this).find("ul");
 +
b=$(this);
 +
    a.stop(true,false).animate({opacity:1}, 200,function(){b.addClass("hover");});
 +
  },
 +
  function () {
 +
a=$(this).find("ul");
 +
b=$(this);
 +
    a.delay(1000).animate({opacity:0}, 300,function(){b.removeClass("hover");});
 +
  }
 +
);
-
== '''Overall project''' ==
+
$("#left-menu li").click(function(){
 +
rel=$(this).attr("rel");
 +
$("#main-content div").stop(true,false).animate({opacity:0}, 200,function(){
 +
$("#main-content div").css("display","none");
 +
$("#"+rel).css("display","inline");
 +
$("#"+rel).stop(true,false).animate({opacity:1}, 200);
 +
});
 +
});
-
Tell us more about your project. Give us background.  Use this is the abstract of your project. Be descriptive but concise (1-2 paragraphs)
+
$("#menu ul li ul li").click(function(){
 +
rel=$(this).attr("rel");
 +
if(rel!="")
 +
{
 +
$("#main-content div").stop(true,false).animate({opacity:0}, 200,function(){
 +
$("#main-content div").css("display","none");
 +
$("#"+rel).css("display","inline");
 +
$("#"+rel).stop(true,false).animate({opacity:1}, 200);
 +
});
 +
}
 +
});
 +
 +
});
 +
</script>
 +
<noscript>
 +
<style>
 +
#menu ul li:hover {overflow:visible} <!-- alternatywna tresc strony, ktora zostanie wyswietlona w sytuacji, gdy skrypt nie zostanie uruchomiony -->
 +
</style>
 +
</noscript>
 +
<div id="menu">
 +
<ul>
 +
    <li><a href="https://2012.igem.org/Team:Warsaw/Project">PROJECT</a>
 +
        <!-- <ul>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
            </ul> -->
 +
        </li>
 +
        <li><a href="https://2012.igem.org/Team:Warsaw/Wetlab">WETLAB</a>
 +
        <!-- <ul>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
                <li><a href="#">Pozycja 1</a></li>
 +
            </ul> -->
 +
        </li>
 +
        <li><a href="https://2012.igem.org/Team:Warsaw/Project">SAFETY</a></li>
 +
        <!-- <li><a href="#">Pozycja 1</a></li> -->
 +
        <li><a href="#">TEAM</a>
 +
      <ul>
 +
                <li rel="Team"><a href="#">Team</a></li>
 +
                <li rel="Sponsors"><a href="#">Sponsors</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/Team:Warsaw/Notebook">NOTEBOOK</a></li>
 +
        <li><a href="https://2012.igem.org/Team:Warsaw/Attributions">ATTRIBUTIONS</a></li>
 +
<!-- Home,Team,Official Team Profile, Project, Parts Submitted to the Registry, Modelling, Notebook, Safety, Attributions -->
 +
    </ul>
 +
</div>
-
== Project Details==
 
-
=== Part 2 ===
+
<br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" />
-
=== The Experiments ===
+
<div id="left-menu">
 +
<ul>
 +
                <li rel="Team"><a href="#" >Team</a></li>
 +
                <li rel="Sponsors"><a href="#" >Sonsors</a></li>
 +
                <!-- <li rel="tab3"><a href="#" >Pozycja 3</a></li>
 +
                <li rel="tab4"><a href="#" >Pozycja 4</a></li> -->
 +
  </ul>
 +
</div>
-
=== Part 3 ===
+
<div id="main-content">
 +
<div id="Team">
 +
    Test 1
 +
    </div>
 +
    <div id="Sponsors">
 +
    Test 2
 +
    </div>
 +
    <div id="tab3">
 +
    Test 3
 +
    </div>
 +
    <div id="tab4">
 +
    Test 4
 +
    </div>
 +
</div>
 +
</body>
 +
</html>
 +
 +
 +
<!--
 +
== '''Overall project''' ==
 +
Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
 +
== Project Details==
 +
=== Part 2 ===
 +
=== The Experiments ===
 +
=== Part 3 ===
== Results ==
== Results ==
 +
-->

Revision as of 19:06, 15 September 2012

Warsaw Team






Test 1
Test 2
Test 3
Test 4


Retrieved from "http://2012.igem.org/Team:Warsaw/Project"