Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
(iGEM 2013: Team Tübingen)
 
(321 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 xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
-
<title>Mainpage Team Tübingen</title>
 
-
<style type="text/css">
+
 
-
body {
+
<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/jquery.lighten.js"></script>
-
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
+
 
-
font-size: 12px;
+
 
 +
<style>
 +
 
 +
/* for acutalContent, acutalHeading and actualAbstract see /Template/Tuebingen */
 +
 
 +
#iGEMwhite {
 +
  display: inline;
}
}
-
.Group {
+
 
-
display: block;
+
#iGEMblack {
-
height: 28px;
+
  display: none;
-
width: 173px;
+
-
background-image: url(Button_Group.jpg);
+
-
line-height: 27px;
+
-
padding-left: 27px;
+
-
color: black;
+
-
text-decoration: none;
+
-
list-style-image:url(list_style_image.gif)
+
}
}
-
.Group:hover {
+
 
-
color: red;
+
#homeLink {
-
text-decoration: underline;
+
  color: white;
}
}
-
.Option {
+
 
-
display: block;
+
#left {
-
height: 28px;
+
  height: 44em;
-
width: 173px;
+
-
background-image: url(Button_Option.jpg);
+
-
line-height: 27px;
+
-
padding-left: 27px;
+
-
color: black;
+
-
text-decoration: none;
+
}
}
-
.Option:hover {
+
 
-
color: red;
+
#overviewBox {
-
text-decoration: underline;
+
  width: 23em;
 +
  height: 15em;
 +
  background-color: #AAAAAA;
 +
  position: relative;
 +
  margin: 0.5em 0.5em 0.5em 17.5em;
}
}
-
.show {
+
#overviewImg {
-
display:inline;
+
  width: 23em;
 +
  height: 15em;
 +
  position: relative;
}
}
-
.hide {
+
 
-
display:none;
+
#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;
}
}
-
ul {
+
#reporterBox {
-
        list-style-type: none;
+
  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;
}
}
-
li {
+
#gameBox {
-
list-style-type: none;
+
  width: 18.5em;
-
margin-left: -0.5em;
+
  height: 15em;
-
margin-top: -0.5em;
+
  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;
}
}
-
</style>
 
-
<script type="text/Javascript">
+
#teamBox {
-
function display (category) {
+
  width: 15.5em;
-
var whichcategory = document.getElementById(category);
+
  height: 15em;
-
if (whichcategory.className=="show") {
+
  background-color: #AAAAAA;
-
whichcategory.className="hide";
+
  position: relative;
-
} else {
+
  margin: 0em 0.5em 0.5em 17.5em;
-
whichcategory.className="show";
+
}
-
}
+
#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>
-
</script>
 
</head>
</head>
<body>
<body>
-
<div title="Navigation">
 
-
<!-- http://www.tutorials-db.com/articles/Coding_a_Smooth_CSS_Expanding_Navigation/ -->
 
-
<a href="#" class="Group">Home</a>
 
-
 
-
        <a href="javascript:display('Project')" class="Group">Project</a>
 
-
<div class="show" id="Project">
 
-
<ul>
 
-
<li><a href="#" class="Option">Overview</a></li>
 
-
<li><a href="#" class="Option">Motivation</a></li>
 
-
<li><a href="#" class="Option">Element: "Receptor"</a></li>
 
-
<li><a href="#" class="Option">Element: "Inverter"</a></li>
 
-
<li><a href="#" class="Option">Element: "Reporter"</a></li>
 
-
</ul>
 
-
</div>
 
-
        <a href="javascript:display('Team')" class="Group">Team</a>
+
<div id="overviewBox">
-
<div class="show" id="Team">
+
<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>
+
 
-
<li><a href="#" class="Option">About us</a></li>
+
<div id="receptorBox">
-
<li><a href="#" class="Option">Attributions & Acknowledgments</a></li>
+
<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="#" class="Option">Element: "Official Roster"</a></li>
+
 
-
</ul>
+
<div id="reporterBox">
-
</div>
+
<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>
-
<a href="javascript:display('Notebook')" class="Group">Notebook</a>
+
<div id="teamBox">
-
<div class="show" id="Notebook">
+
<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>
-
<ul>
+
-
<li><a href="#" class="Option">Protocols</a></li>
+
-
<li><a href="#" class="Option">Weekly Journal</a></li>
+
-
</ul>
+
-
+
-
        <a href="#" class="Group">Sponsorship</a>
+
-
        <a href="javascript:display('Activities')" class="Group">Activities</a>
+
<div id="journalBox">
-
<div class="show" id="Activities">
+
<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>
-
<ul>
+
-
<li><a href="#" class="Option">SynBio-Day Tübingen</a></li>
+
-
<li><a href="#" class="Option">DNA-Isolation @ KOSt</a></li>
+
-
<li><a href="#" class="Option">Videogame</a></li>
+
-
</ul>
+
-
        <a href="javascript:display('Results')" class="Group">Results</a>
+
<div id="resultsBox">
-
<div class="show" id="Results">
+
<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>
-
<ul>
+
-
<li><a href="#" class="Option">Element: "Receptor"</a></li>
+
-
<li><a href="#" class="Option">Element: "Inverter"</a></li>
+
-
<li><a href="#" class="Option">Element: "Reporter"</a></li>
+
-
<li><a href="#" class="Option">Modelling</a></li>
+
-
<li><a href="#" class="Option">Contamination-Map</a></li>
+
-
<li><a href="#" class="Option">Shipped Parts</a></li>
+
-
</ul>
+
-
</div>
+
<!-- FOOTER --- IMPORTANT FOR NAVMENU-LENGTH!!! -->
-
<a href="#" class="Group">Contact</a>
+
<div id="TueFooter" style="width: 57em; height: 0.5em; background-color: transparent; position: relative; float: right;"></div>
-
</div>
+
<!-- /FOOTER -->
</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!