Difference between revisions of "Team:Marburg"

Line 324: Line 324:
 
<div style="position:fixed;margin-left:640px;height:100%;min-height:100%;min-width:40px; width:40px; top:115px;background:#E0E0E0; left:50%;z-index:2;"></div>
 
<div style="position:fixed;margin-left:640px;height:100%;min-height:100%;min-width:40px; width:40px; top:115px;background:#E0E0E0; left:50%;z-index:2;"></div>
  
<div>
+
 +
 
<div style="position:relative;text-align:justify;z-index:1;background:white;font-size:13pt;line-height:150%;min-width:100%;max-width:100%;padding-top:132px; padding-left:235px; padding-right:80px;padding-bottom:70px;box-sizing: border-box;">
 
<div style="position:relative;text-align:justify;z-index:1;background:white;font-size:13pt;line-height:150%;min-width:100%;max-width:100%;padding-top:132px; padding-left:235px; padding-right:80px;padding-bottom:70px;box-sizing: border-box;">
  
<style>
 
.subpanel1 { /* Overview */
 
    float:left;
 
    width:500px;
 
    height:600px;
 
    margin-top:0;
 
    margin-right:20px;
 
    margin-bottom:12px;
 
    border-color:#FF8F45;
 
    border-style:solid;
 
    border-width:2px;
 
    border-radius:7px;
 
    background:#F8F8F8;
 
   
 
}
 
  
.subpanel2 { /* Projects */
 
    float:right;
 
    width:200px;
 
    text-align:left;
 
    margin-top:0;
 
    margin-right:15px;
 
    border-radius:7px;
 
    overflow:hidden;
 
}
 
  
.subpanel2:hover {
 
    opacity:0.6;
 
    filter: alpha(opacity=60);
 
}
 
  
.subpanel3 { /* Results */
 
    float:left;
 
    width:450px;
 
    height:70px;
 
    font-size:26px;
 
    text-align:left;
 
    line-height:50px;
 
    background:#F8F8F8;
 
    color:black;
 
    border-color:#FF8F45;
 
    border-style:solid;
 
    border-width:2px;
 
    border-radius:7px;
 
    position:relative;
 
    bottom:50px;
 
}
 
  
.cont { /* Overview content */
 
    text-align:justify;
 
    height:auto;
 
    margin-left:5%;
 
    margin-right:5%;
 
    margin-top:5%;
 
    max-width:90%;
 
    min-width:90%;
 
    background:transparent;
 
}
 
.cont p {
 
    line-height:150%;
 
}
 
  
.spdesc { /* Overview content */
 
    display:none;
 
    height:100px;
 
    color:black;
 
}
 
  
.banner{
 
    width:1000px;
 
    border-radius:20px;
 
}
 
  
</style>
 
 
<div style="margin-bottom:30px;">
 
<img src="https://static.igem.org/mediawiki/2015/4/45/MR_pic_banner3.png" class="banner"/>
 
 
<div class="subpanel1">
 
  <div style="position:relative;bottom:0px">
 
    <div class="cont"><p style="font-size:26px;line-height:30px;">MAKE THE GUT A BETTER WORLD!</p></div>
 
    <div class="cont">
 
      <p style="font-size:18px;">
 
To tackle malnutrition and overconsumption of food represent one of the major challenges of humankind. The iGEM Team Marburg addresses these issues in a holistic approach by developing modular tools. Engineered, cell-based particles produce dietary supplements to alleviate malnutrition. A cell-free protein matrix with a functionalized surface targets specific nutrients to lower their concentration in the human gut. Furthermore, we engineer a contact-dependent delivery system that modifies the human gut microbial community. Taken together, we provide innovative solutions for improving and balancing nutrition at the interface of the human microbiome and gut.
 
      </p>
 
 
 
    <div id="psdesc" class="spdesc">
 
      <div class="cont" style="background-color:yellow;">
 
<p style="font-size:18px;"><b>Aim:</b> bpwöendawdlflgkfsnskfkfigspüwpsaäejittttttn</p>
 
      </div>
 
    </div>
 
    <div id="dsdesc" class="spdesc">
 
      <div class="cont" style="background-color:red;">
 
<p style="font-size:18px;"><b>Aim:</b> bpwöendawdlflgkfsnskfkfigspüwpsaäejittttttn</p>
 
      </div>  
 
    </div>
 
    <div id="thdesc" class="spdesc">
 
      <div class="cont" style="background-color:green;">
 
<p style="font-size:18px;"><b>Aim:</b> bpwöendawdlflgkfsnskfkfigspüwpsaäejittttttn</p>
 
      </div>
 
    </div>
 
    <div id="tcdesc" class="spdesc">
 
      <div class="cont" style="background-color:blue;">
 
<p style="font-size:18px;"><b>Aim:</b> bpwöendawdlflgkfsnskfkfigspüwpsaäejittttttn</p>
 
      </div>
 
    </div>
 
  </div>
 
</div>
 
 
 
</div>
 
 
<div style="margin-right:40px;">
 
      <a href="https://2015.igem.org/Team:Marburg/Minicells" title="Provide">
 
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 
  <img src="https://static.igem.org/mediawiki/2015/f/f2/MR_pic_FactPro.png" width="200px"/>
 
</div>
 
      </a>
 
      <a href="https://2015.igem.org/Team:Marburg/Curli" title="Pick-up">
 
<div id="dspanel" class="subpanel2">
 
  <img src="https://static.igem.org/mediawiki/2015/3/3a/MR_pic_FactPick.png" width="200px"/>
 
</div>
 
      </a>
 
      <a href="https://2015.igem.org/Team:Marburg/CDI" title="Cut-off">
 
<div id="tcpanel" class="subpanel2">
 
  <img src="https://static.igem.org/mediawiki/2015/2/24/MR_pic_FactCut.png" width="200px"/>
 
</div>
 
      </a>
 
      <a href="https://2015.igem.org/Team:Marburg/Measurement" title="Measurement">
 
<div id="thpanel" class="subpanel2">     
 
  <img src="https://static.igem.org/mediawiki/2015/e/e4/MR_pic_ButM.png" width="200px"/>
 
</div>
 
</div>
 
 
<div style="position:relative;">
 
<table>
 
<td>
 
      <a href="https://2015.igem.org/Team:Marburg/Results" title="Results">
 
<div class="subpanel3" >
 
<p>Go to Results!</p> <img src="https://static.igem.org/mediawiki/2015/8/80/MR_pic_Pfeil.png" style="width:25px;"/>
 
</div>
 
      </a>
 
</td>
 
<td>
 
      <a href="https://2015.igem.org/Team:Marburg/Medal Fulfillment" title="Medal">
 
<div class="subpanel3" >
 
<p>Go to Medal Fulfillment!!</p> <img src="https://static.igem.org/mediawiki/2015/8/80/MR_pic_Pfeil.png" style="width:25px;"/>
 
</div>
 
      </a>
 
</td>
 
<td>
 
      <a href="https://2015.igem.org/Team:Marburg/Parts" title="Parts">
 
<div class="subpanel3" >
 
<p>Go to Parts!</p> <img src="https://static.igem.org/mediawiki/2015/8/80/MR_pic_Pfeil.png" style="width:25px;"/>
 
</div>
 
      </a>
 
</td>
 
</table>
 
</div>
 
 
    </div>
 
 
  <script>
 
    $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 
    $(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 
    $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 
    $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 
  </script>
 
 
 
<!--
 
https://static.igem.org/mediawiki/2015/e/e4/MR_pic_ButM.png
 
https://static.igem.org/mediawiki/2015/0/05/MR_pic_FactBut.png
 
https://static.igem.org/mediawiki/2015/a/a4/MR_pic_FactInter.png
 
https://static.igem.org/mediawiki/2015/2/24/MR_pic_FactCut.png
 
https://static.igem.org/mediawiki/2015/3/3a/MR_pic_FactPick.png
 
https://static.igem.org/mediawiki/2015/f/f2/MR_pic_FactPro.png
 
https://static.igem.org/mediawiki/2015/0/06/MR_pic_BUTCol.png
 
https://static.igem.org/mediawiki/2015/4/49/MR_pic_BUTfut.png
 
https://static.igem.org/mediawiki/2015/4/47/MR_pic_BUThp.png-->
 
 
</div>
 
 
</div>
 
  
 
<div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!---->
 
<div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!---->
Line 525: Line 349:
 
</div>
 
</div>
 
     <span style="font-size:8pt; color:white;"> iGEM Marburg - ZSM Karl-von-Frisch-Straße 16, D - 35043 Marburg</span>
 
     <span style="font-size:8pt; color:white;"> iGEM Marburg - ZSM Karl-von-Frisch-Straße 16, D - 35043 Marburg</span>
</div>
 
 
</div>
 
</div>
  
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:51, 17 September 2015

iGEM Marburg - ZSM Karl-von-Frisch-Straße 16, D - 35043 Marburg