Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
 
(281 intermediate revisions not shown)
Line 1: Line 1:
-
= iGEM 2013: Team Tübingen =
 
-
 
-
{{:Team:Tuebingen/Template/Twitter}}
 
{{:Team:Tuebingen/Template/Tuebingen}}
{{:Team:Tuebingen/Template/Tuebingen}}
-
{{:Team:Tuebingen/Template/AccordionNav}}
 
<html>
<html>
-
/*
+
 
<head>
<head>
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
-
<title>Mainpage Team Tübingen</title>
 
-
<style type="text/css">
+
 
-
body, input{
+
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lighten.js"></script>
-
font-family: Arial;
+
 
-
        font-size: 0.8em;
+
 
 +
<style>
 +
 
 +
/* for acutalContent, acutalHeading and actualAbstract see /Template/Tuebingen */
 +
 
 +
#iGEMwhite {
 +
  display: inline;
}
}
-
<!-- Navigation -->
+
#iGEMblack {
-
#navigation {
+
  display: none;
-
background-color: blue;
+
}
}
-
#accordion {
+
#homeLink {
-
list-style: none;
+
  color: white;
-
padding: 0 0 0 0;
+
-
width: 170px;
+
}
}
-
#accordion li{
+
 
-
display: block;
+
#left {
-
font-weight: bold;
+
  height: 44em;
-
margin: 1px;
+
-
cursor: pointer;
+
-
padding: 5 5 5 7px;
+
-
list-style: circle;
+
-
-moz-border-radius: 10px;
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;
+
}
}
-
#accordion ul {
+
 
-
list-style: none;
+
#overviewBox {
-
padding: 0 0 0 0;
+
  width: 23em;
-
display: none;
+
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: 0.5em 0.5em 0.5em 17.5em;
}
}
-
#accordion ul li{
+
#overviewImg {
-
font-weight: normal;
+
  width: 23em;
-
cursor: auto;
+
  height: 15em;
-
background-color: #fff;
+
  position: relative;
-
padding: 0 0 0 7px;
+
}
}
-
#accordion a {
+
 
-
text-decoration: none;
+
#receptorBox {
 +
  width: 18.5em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: -15.5em 0.5em 0.5em 41em;
}
}
-
#accordion a:hover {
+
#receptorImg {
-
text-decoration: underline;
+
  width: 18.5em;
 +
  height: 15em;
 +
}
 +
 
 +
#reporterBox {
 +
  width: 15.9em;
 +
  height: 30.5em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  right: 0.5em;
 +
  margin: -15.5em 0.5em 0.5em 60.5em;
 +
}
 +
#reporterImg {
 +
  width: 15.9em;
 +
  height: 30.5em;
 +
}
 +
 
 +
#gameBox {
 +
  width: 18.5em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: -15.5em 0.5em 0.5em 17.5em;
 +
 
 +
}
 +
#gameImg {
 +
  width: 18.5em;
 +
  height: 15em;
 +
}
 +
 
 +
#inverterBox {
 +
  width: 23em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: -15.5em 0.5em 0.5em 36.5em;
 +
}
 +
#inverterImg {
 +
  width: 23em;
 +
  height: 15em;
 +
}
 +
 
 +
 
 +
#teamBox {
 +
  width: 15.5em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: 0em 0.5em 0.5em 17.5em;
 +
}
 +
#teamImg {
 +
  width: 15.5em;
 +
  height: 15em;
 +
}
 +
 
 +
#journalBox {
 +
  width: 18.5em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: -15.5em 0.5em 0.5em 33.5em;
 +
}
 +
#journalImg {
 +
  width: 18.5em;
 +
  height: 15em;
 +
}
 +
 
 +
#resultsBox {
 +
  width: 23.4em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  right: 0.5em;
 +
  margin: -15.5em 0.5em 0.5em 53em;
 +
}
 +
#resultsImg {
 +
  width: 23.4em;
 +
  height: 15em;
 +
}
 +
a.lighten{
 +
    display: inline-block;
 +
    background: white;
 +
    padding: 0;
 +
}
 +
a.lighten img {
 +
    display: block;
 +
}
 +
 
 +
.homeImage {
 +
/*  border: 1px solid #AAAAAA; */
 +
    overflow: hidden;
 +
    font-size: 12.7px;
 +
    image-repeat: none;
 +
    z-index: 10;
 +
}
 +
 
 +
div#bodyContent {
 +
    background-color: #424242;
 +
}
 +
 
 +
div#top-section {
 +
  background-color: #424242;
}
}
-
<!-- /Navigation-->
 
</style>
</style>
Line 62: Line 159:
<body>
<body>
-
<p>Team Tübingen!</p>
 
-
<!-- Navigation -->
+
<div id="overviewBox">
-
<div id="navigation">
+
<a href="/Team:Tuebingen/Project/Overwiew" class="lighten"><img class="homeImage" id="overviewImg" src="https://static.igem.org/mediawiki/2013/2/2a/TueOverview.png" alt="Get an overview about our project!" title="Get an overview about our project!"></a></div>
-
<ul id="accordion">
+
 
-
<!-- http://viralpatel.net/blogs/create-accordion-menu-jquery/ -->
+
<div id="receptorBox">
 +
<a href="/Team:Tuebingen/Project/Receptor" class="lighten"><img class="homeImage" class="homeImage" id="receptorImg"  src="https://static.igem.org/mediawiki/2013/9/96/TueReceptor2.png" alt="="Have a look at the work on our Receptor-Part!" title="Have a look at the work on our Receptor-Part!"></a></div>
-
    <li><a href="#">Home</a></li>
+
<div id="reporterBox">
-
        <ul></ul>
+
<a href="/Team:Tuebingen/Project/Reporter" class="lighten"><img class="homeImage" id="reporterImg" src="https://static.igem.org/mediawiki/2013/d/d0/TueReporter.png" alt=="See how we planned the implementation of our Reporter-Part" title="See how we planned the implementation of our Reporter-Part"></a></div>
-
    <li>Project</li>
+
<div id="gameBox">
-
        <ul>
+
<a href="http://all.32leav.es/epic/" class="lighten"><img class="homeImage" id="gameImg" src="https://static.igem.org/mediawiki/2013/7/74/TueGrafik_Game.png" alt="Play our videogame!" title="Play our videogame!"></a></div>
-
            <li><a href="/Team:Tuebingen/Project">Overview</a></li>
+
-
            <li><a href="/Team:Tuebingen/Motivation">Motivation</a></li>
+
-
            <li><a href="/Team:Tuebingen/Project_Receptor">Element: Receptor</a></li>
+
-
            <li><a href="/Team:Tuebingen/Project_Inverter">Element: Inverter</a></li>
+
-
            <li><a href="/Team:Tuebingen/Project_Reporter">Element: Reporter</a></li>
+
-
    <li><a href="/Team:Tuebingen/Appkication">Application</a></li>
+
-
    <li><a href="/Team:Tuebingen/Safety">Safety</a></li>       
+
-
</ul>
+
-
   
+
-
    <li>Team</li>
+
-
        <ul>
+
-
            <li><a href="/Team:Tuebingen/About">About Us</a></li>
+
-
            <li><a href="/Team:Tuebingen/Attributions">Attributions</a></li>
+
-
            <li><a href="/Team:Tuebingen/#">Official Roster</a></li>
+
-
</ul>
+
-
+
-
    <li>Notebook</li>
+
-
        <ul>
+
-
            <li><a href="/Team:Tuebingen/Protocols">Protocols</a></li>
+
-
            <li><a href="/Team:Tuebingen/Journal">Weekly Journal</a></li>
+
-
        </ul>
+
-
+
-
    <li>Activities</li>
+
-
<ul>
+
-
            <li><a href="/Team:Tuebingen/SynBio">SynBio-Day</a></li>
+
-
            <li><a href="/Team:Tuebingen/School">School-Project</a></li>
+
-
            <li><a href="/Team:Tuebingen/Videogame">Videogame</a></li>
+
-
        </ul>
+
-
+
-
  <li>Results</li> 
+
-
<ul>
+
-
    <li><a href="#">Modelling</a></li>
+
-
            <li><a href="#">Element: Receptor</a></li>
+
-
            <li><a href="#">Element: Inverter</a></li>
+
-
    <li><a href="#">Element: Reporter</a></li>
+
-
            <li><a href="#">Shipped Parts</a></li>
+
-
        </ul>
+
-
  <li><a href="#">Contact Us</a></li>
+
<div id="inverterBox">
-
</ul>
+
<a href="/Team:Tuebingen/Project/Inverter" class="lighten"><img class="homeImage" id="inverterImg" src="https://static.igem.org/mediawiki/2013/e/ef/TueInverter.jpg" alt="Find out more about our Inverter-Part!" title="Find out more about our Inverter-Part!"></a></div>
-
</div>
+
-
<!-- /Navigation -->
+
 +
<div id="teamBox">
 +
<a href="/Team:Tuebingen/Team/About" class="lighten"><img class="homeImage" id="teamImg" src="https://static.igem.org/mediawiki/2013/a/a2/TueTeam.png" alt="Meet the Team!" title="Meet the Team!"></a></div>
-
<script>
+
<div id="journalBox">
 +
<a href="/Team:Tuebingen/Notebook/Journal" class="lighten"><img class="homeImage" id="journalImg" src="https://static.igem.org/mediawiki/2013/c/ca/TueJournal.png" alt="Read our Weekly Journal!" title="Read our Weekly Journal!"></a></div>
-
<!-- Navigation -->
+
<div id="resultsBox">
-
$("#accordion > li").click(function(){
+
<a href="/Team:Tuebingen/Results/Overview" class="lighten"><img class="homeImage" id="resultsImg" src="https://static.igem.org/mediawiki/2013/5/52/TueResults.png" alt="See our Results!" title="See our Results!"></a></div>
-
if(false == $(this).next().is(':visible')) {
+
<!-- FOOTER --- IMPORTANT FOR NAVMENU-LENGTH!!! -->
-
$('#accordion > ul').slideUp(300);
+
<div id="TueFooter" style="width: 57em; height: 0.5em; background-color: transparent; position: relative; float: right;"></div>
-
}
+
<!-- /FOOTER -->
-
$(this).next().slideToggle(300);
+
-
});
+
-
<!-- /Navigation -->
+
-
</script>
 
-
*/
 
</body>
</body>
</html>
</html>

Latest revision as of 15:01, 15 October 2013

Return to iGEM Main Page.

Get an overview about our project!
=
="See
Play our videogame!
Find out more about our Inverter-Part!
Meet the Team!
Read our Weekly Journal!
See our Results!