Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
 
(329 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Tuebingen/Template/Tuebingen}}
{{:Team:Tuebingen/Template/Tuebingen}}
-
= iGEM 2013: Team Tübingen =
 
-
 
-
{{:Team:Tuebingen/Template/Twitter}}
 
<html>
<html>
<head>
<head>
-
<title></title>
 
-
<script type = "text/javascript" src="https://sdrive-storage.s3.amazonaws.com/igemtuebingen/52090bfe85d852/98241259/jquery.lavalamp-1.4.js"></script>
+
 
-
<script type = "text/javascript" src="https://sdrive-storage.s3.amazonaws.com/igemtuebingen/52090bfdc25428/72848904/jquery.easing.1.3.js"></script>
+
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lighten.js"></script>
-
<script type = "text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
 
<style>
<style>
-
ul#menu {
+
 
-
    list-style:none;
+
/* for acutalContent, acutalHeading and actualAbstract see /Template/Tuebingen */
-
    margin:5px;
+
 
-
    border:1px solid #333;
+
#iGEMwhite {
-
    padding:10px;
+
  display: inline;
-
    overflow:auto; /* makes sure the container fits the floated list-items below */
+
}
}
-
ul#menu li{
+
 
-
    /* removed the positioning and z-index on the li, we no longer need them */
+
#iGEMblack {
-
    margin:3px 5px;
+
  display: none;
-
    padding:5px 10px 4px;
+
-
    float:left; /* floats list items to the left, creating a horizontal menu */
+
-
    background-color:#aaa; /* add some background color to the line items */
+
}
}
-
ul#menu li span {
+
 
-
    position: relative; /* must have position set to anything other than static to use z-index */
+
#homeLink {
-
    z-index: 5; /* 5 layers above all normal elements */
+
  color: white;
}
}
-
ul#menu li.backLava {
+
 
-
    position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */
+
#left {
-
    z-index:3; /* 3 levels higher than all normal elements */
+
  height: 44em;
-
    background-color:#fc0;
+
-
    border:2px solid brown;
+
}
}
-
</style>
 
-
<script type="text/javascript">
+
#overviewBox {
-
+
  width: 23em;
-
    $(function() {
+
  height: 15em;
-
        $('ul#menu').lavaLamp();
+
  background-color: #AAAAAA;
-
     });
+
  position: relative;
-
   
+
  margin: 0.5em 0.5em 0.5em 17.5em;
-
</script>
+
}
 +
#overviewImg {
 +
  width: 23em;
 +
  height: 15em;
 +
  position: relative;
 +
}
 +
 
 +
#receptorBox {
 +
  width: 18.5em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: -15.5em 0.5em 0.5em 41em;
 +
}
 +
#receptorImg {
 +
  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;
 +
}
 +
 
 +
</style>
</head>
</head>
Line 52: Line 160:
<body>
<body>
-
<ul id="menu">
+
<div id="overviewBox">
-
<li><span>Fun</span></li>
+
<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>
-
<li><span>with</span></li>
+
-
<li><span>jQuery</span></li>
+
-
<li><span>LavaLamp</span></li>
+
-
</ul>
+
-
</body>
+
<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>
 +
<div id="reporterBox">
 +
<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>
 +
 +
<div id="gameBox">
 +
<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>
 +
 +
<div id="inverterBox">
 +
<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 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>
 +
 +
<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>
 +
 +
<div id="resultsBox">
 +
<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>
 +
 +
<!-- FOOTER --- IMPORTANT FOR NAVMENU-LENGTH!!! -->
 +
<div id="TueFooter" style="width: 57em; height: 0.5em; background-color: transparent; position: relative; float: right;"></div>
 +
<!-- /FOOTER -->
 +
 +
</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!