Team:Bonn

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:Team:Bonn:ownstyle}}
 
-
{{Template:Team:Bonn}}
 
-
{{Template:Team:Bonn:menu}}
 
<html>
<html>
-
<div id="page-top">
+
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
-
Regulating protein activity is important throughout science. In fundamental science you need to regulate the activity of the protein of intrest to investigate its function.
+
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
-
In Synthetic Biology versatile regulating protein activity allows one to control the function of any constructed system. But eversince it is complicated to regulate protein activity with a good spatiotemporal resolution.
+
-
Within our project we aim to engineer a system that enables everyone to easily control the activity of any protein of choice just with light.
+
-
</div>
+
-
<div class="page-row" id="page-row1">
+
-
<div class="page-box" id="page-box1">
+
-
  <div class="page-box-sidetext-left" id="page-box1-sidetext">
+
-
  </div>
+
-
  <div class="page-box-maintext-right" id="page-box1-pic">
+
-
    <div class="page-box-maintext-head">Human Practice</div>
+
-
  </div>
+
-
</div> <!-- close page-box1 -->
+
-
<div class="page-box" id="page-box2">
+
-
  <div class="page-box-sidetext-right" id="page-box2-sidetext">
+
-
  </div>
+
-
  <div class="page-box-maintext-left" id="page-box2-pic">
+
-
  </div>
+
-
</div> <!-- close page-box2 -->
+
-
</div>
+
-
<div class="page-row" id="page-row2">
+
-
<div class="page-box" id="page-box3">
+
-
  <div class="page-box-sidetext-left" id="page-box3-sidetext">
+
-
  </div>
+
-
  <div class="page-box-maintext-right" id="page-box3-pic">
+
-
  </div>
+
-
</div> <!-- close page-box3 -->
+
-
<div class="page-box" id="page-box4">
+
-
  <div class="page-box-sidetext-right" id="page-box4-sidetext">
+
-
  </div>
+
-
  <div class="page-box-maintext-left" id="page-box4-pic">
+
-
  </div>
+
-
</div> <!-- close page-box4 -->
+
-
</div> <!-- close page-row1 -->
+
-
<div class="page-bottom">
+
-
  <div class="page-bottom-sponsors">
+
-
  <div class="bottom-headline">Sponsors</br></div>
+
-
  <img src="https://static.igem.org/mediawiki/2013/b/bf/Bonn_sponsors_Ella.jpg" class="bottom-sponsor" id="sponsor-ella">
+
-
  <img src="https://static.igem.org/mediawiki/2013/3/36/Bonn_sponsors_eppendorf.jpg" class="bottom-sponsor" id="sponsor-eppendorf">
+
-
  <img src="https://static.igem.org/mediawiki/2013/3/34/Bonn_sponsors_MN.png" class="bottom-sponsor" id="sponsor-mn">
+
-
  <img src="https://2013.igem.org/File:Bonn_Sponsors_Roth.png" class="bottom-sponsor" id="sponsor-roth">
+
-
  <img src="https://static.igem.org/mediawiki/2013/a/a4/Bonn_sponsors_uniBonn.png" class="bottom-sponsor" id="sponsor-unibonn">
+
-
  <img src="https://static.igem.org/mediawiki/2013/7/79/Bonn_sponsors_limes.gif" class="bottom-sponsor" id="sponsor-unibonn">
+
-
  </div>
+
-
</div> <!-- close page-bottom -->
+
-
</div> <!-- close page -->
+
<script>
<script>
-
for(var a,a=0;a<4;a++)
+
        function highlightOn(id)
-
{
+
        {
-
  sidetextFade("page-box"+a);
+
          $('#'+id).stop().animate();
-
}
+
          $('#'+id).animate({backgroundColor:'#000000'},1000);
 +
        }
 +
        function highlightOff(id)
 +
        {
 +
          $('#'+id).stop().animate();
 +
          $('#'+id).animate({backgroundColor:'#555555'},1000);
 +
        }
 +
function dropdown(id) {
 +
  $('#'+id).hover( function()
 +
    {
 +
      $('#'+id+' > ul').stop().slideUp();
 +
      $('#'+id+' > ul').slideDown("1000");
 +
 
 +
    });
 +
  $('#'+id).mouseleave(function()
 +
    {
 +
      $('#'+id+' > ul').stop().slideDown();
 +
      $('#'+id+' > ul').slideUp("1000");
 +
    });
 +
      var node;
 +
      node = $('#'+id+'>ul').find('li');
 +
      for(var a,a=0;a<node.length;a++) {
 +
        $('#'+node[a].id).hover( highlightOn(node[a].id));
 +
        $('#'+node[a].id).mouseleave( highlightOff(node[a].id));
 +
      }
 +
 
 +
}
 +
 
 +
function sidetextFade(id)
 +
{
 +
  $('#'+id).hover(
 +
  function() {
 +
    var hover;
 +
    hover = document.getElementById(id).childNodes;
 +
    for(var i=0, ii = hover.length; i < ii; i++) {
 +
      if(hover[i].nodeName == "DIV"){
 +
        if(hover[i].className == "page-box-sidetext-left" || hover[i].className == "page-box-sidetext-right") {
 +
          $('#'+hover[i].id).stop().fadeOut();
 +
          $('#'+hover[i].id).fadeIn(1000);
 +
        }
 +
      }
 +
    }
 +
  });
 +
  $('#'+id).mouseleave(
 +
  function() {
 +
    var hover;
 +
    hover = document.getElementById(id).childNodes;
 +
    for(var i=0, ii = hover.length; i < ii; i++) {
 +
      if(hover[i].nodeName == "DIV"){
 +
        if(hover[i].className == "page-box-sidetext-left" || hover[i].className == "page-box-sidetext-right") {
 +
          $('#'+hover[i].id).stop().fadeIn();
 +
          $('#'+hover[i].id).fadeOut(1000);
 +
        }
 +
      }
 +
    }
 +
  });
 +
}
</script>
</script>
 +
<style type="text/css">
 +
.mw-headline{
 +
color:#ffffff;
 +
}
 +
.editsection{
 +
color:#ffffff;
 +
}
 +
#globalWrapper{
 +
background-color:#ffffff;
 +
background-image:url('https://static.igem.org/mediawiki/2013/a/a8/Bonn_background-2.jpg');
 +
}
 +
#page{
 +
margin:0;
 +
padding:0;
 +
font-family: Calibri;
 +
}
 +
#menu-top{
 +
margin:0 auto;
 +
padding: 0 20px 1px 20px;
 +
position:absolute;
 +
left:100px; top:20px; width:900px; height:200px;
 +
z-index:10;
 +
opacity:0.8;
 +
  list-style: none;
 +
}
 +
li{
 +
float:left;
 +
}
 +
.menu-head{
 +
font-weight:bold;
 +
font-size: 18px;
 +
margin:0;
 +
}
 +
.menu-column{
 +
width:130px;
 +
margin-right:20px;
 +
}
 +
.menu-sub-ul{
 +
display:none;
 +
background-color: #555555;
 +
color:#ffffff;
 +
margin-left:-18px;
 +
font-weight:bold;
 +
}
 +
.menu-sub-ul a{
 +
color:#ffffff;
 +
}
 +
.menu-sub{
 +
margin-top:10px;
 +
clear:both;
 +
font-size:15px;
 +
list-style: none;
 +
padding-left:5px;
 +
}
 +
.menu-sub:hover {
 +
  background-color:#000000;
 +
}
 +
.menu-sub a:hover{
 +
  background-color:#000000;
 +
}
 +
#page-top{
 +
width:690px;
 +
height:150px;
 +
margin:0 auto;
 +
font-size:14px;
 +
padding-top:30px;
 +
border-width:0px;
 +
text-align:justify;
 +
}
 +
.page-rows{
 +
}
 +
.page-row{
 +
padding:20px;
 +
height:340px;
 +
margin:0 auto;
 +
width:920px;
 +
}
 +
.page-box{
 +
float:left;
 +
height:200px;
 +
width:400px;
 +
border-style:solid;
 +
border-width:1px;
 +
color:#ffffff;
 +
margin:0 20px 0 20px;
 +
text-align:center;
 +
border-radius:10px;
 +
opacity:0.75;
 +
font-weight:normal;
 +
}
 +
.page-box-sidetext-right{
 +
float:right;
 +
background-color:black;
 +
height:200px;
 +
width:200px;
 +
background-color:#aaaaaa;
 +
opacity:0.7;
 +
display:none;
 +
margin-right:-150px;
 +
border-radius:20px;
 +
}
 +
.page-box-sidetext-left{
 +
float:left;
 +
background-color:black;
 +
height:200px;
 +
width:200px;
 +
background-color:#aaaaaa;
 +
opacity:0.5;
 +
display:none;
 +
margin-left:-150px;
 +
border-radius:20px;
 +
}
 +
.page-box-pic-left{
 +
float:left;
 +
width:270px;
 +
height:250px;
 +
opacity:1;
 +
background-color:#EEEEEE;
 +
background-repeat:no-repeat;
 +
}
 +
.page-box-pic-right{
 +
float:right;
 +
width:300px;
 +
background-color:#EEEEEE;
 +
height:250px;
 +
opacity:1;
 +
}
 +
.page-bottom {
 +
margin-top:30px;
 +
}
 +
.page-bottom-sponsors{
 +
margin:0 auto;
 +
width:700px;
 +
border:1px solid #aaaaaa;
 +
background-color:#eeeeee;
 +
border-radius:20px;
 +
}
 +
.bottom-headline{
 +
margin:10px 0 10px 0;
 +
text-align:center;
 +
font-size:22px;
 +
font-weight:bold;
 +
}
 +
.bottom-sponsor{
 +
margin:10px;
 +
}
 +
</style>
</html>
</html>

Revision as of 18:03, 26 April 2013

Retrieved from "http://2013.igem.org/Team:Bonn"