Team:Paris Bettencourt/SebaTemplate

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Paris_Bettencourt/Wiki}}
 
-
{{:Team:Paris_Bettencourt/Menu}}
 
-
<html>
 
-
<style>
 
-
/* Top Banner */
 
-
#topheader{
 
-
    display:block;
 
-
    position:absolute;
 
-
    top:-10px;
 
-
    width:100%;
 
-
    margin-bottom:-120px;
 
-
    position:relative;
 
-
}
 
-
#BotArrow{
 
-
    position: relative;-
 
-
    z-index:2;
 
-
    bottom:40px;
 
-
    margin-bottom:-40px;
 
-
}
 
-
#PBlogo {
 
-
    position:relative;
 
-
    bottom:580px;
 
-
    left:30px;
 
-
}
 
-
/* Panels */
 
-
.panel {
 
-
    width:1100px;
 
-
    height:528px;
 
-
    margin:0;
 
-
    margin-bottom:0px;
 
-
    color: rgb(30,39,43);
 
-
    font-family: 'Yanone Kaffeesatz', sans-serif;
 
-
}
 
-
.panel a {
 
-
    color: rgb(46,43,52);
 
-
    text-decoration:none;
 
-
}
 
-
/* Subpanels */
 
-
.narrowimg {/* Subpanels background*/
 
-
    /*position:absolute;*/
 
-
    z-index:2;
 
-
    opacity:0.3;
 
-
    filter: alpha(opacity=30);
 
-
}
 
-
.narrowimg:hover {
 
-
    opacity:0.8;
 
-
    filter: alpha(opacity=80);
 
-
}
 
-
.titlebox {/* Subpanels Title*/
 
-
    z-index:1;
 
-
    position:relative;
 
-
    bottom:480px;
 
-
    background:transparent;
 
-
}
 
-
/* Project Panels*/
 
-
.subpanel1 { /* Overview */
 
-
    float:left;
 
-
    width:535px;
 
-
    height:428px;
 
-
    margin-top:0;
 
-
    margin-right:20px;
 
-
    margin-bottom:12px;
 
-
    border-radius:7px;
 
-
    background:rgb(252,250,229);
 
-
}
 
-
.spdesc { /* Overview content */
 
-
    display:none;
 
-
    height:100px;
 
-
    color:rgb(30,39,43);
 
-
}
 
-
.cont { /* Overview content */
 
-
    width:90%;
 
-
    height:auto;
 
-
    margin-left:5%;
 
-
    margin-top:5%;
 
-
    background:transparent;
 
-
}
 
-
.cont p {
 
-
    line-height:28px;
 
-
    width:auto;
 
-
    height:auto;
 
-
    margin:5% 2%;
 
-
}
 
-
.subpanel2 { /* Projects */
 
-
    float:left;
 
-
    width:125px;
 
-
    height:492px;
 
-
    font-size:22px;
 
-
    text-align:center;
 
-
    margin-top:0;
 
-
    margin-right:11px;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
}
 
-
.subpanel2:hover{
 
-
    font-weight:bold;
 
-
}
 
-
.subpanel3 { /* Results */
 
-
    float:left;
 
-
    width:535px;
 
-
    height:50px;
 
-
    font-size:30px;
 
-
    text-align:left;
 
-
    line-height:50px;
 
-
    background:rgb(30,39,43);
 
-
    color:white;
 
-
    border-radius:7px;
 
-
    position:relative;
 
-
    bottom:50px;
 
-
    font-family: 'Great Vibes', cursive;
 
-
    font-size: 35px;
 
-
}
 
-
/* Human Practice */
 
-
.subpanel4 { /* divide page in 3 */
 
-
    float:left;
 
-
    width:354px;
 
-
    height:492px;
 
-
    font-size:22px;
 
-
    margin-top:0;
 
-
    margin-right:18px;
 
-
}
 
-
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
 
-
    height:156px;
 
-
    text-align:center;
 
-
    margin-bottom:11px;
 
-
    background:rgb(255,255,255);
 
-
    color:black;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
}
 
-
.subpanel5:hover{
 
-
    font-weight:bold;
 
-
}
 
-
.subpanel7 { /* Gender */
 
-
    float:left;
 
-
    width:354px;
 
-
    height:283px;
 
-
    font-size:22px;
 
-
    background:rgb(255,255,255);
 
-
    color:black;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
    text-align:center;
 
-
}
 
-
.subpanel7:hover{
 
-
    font-weight:bold;
 
-
}
 
-
.subpanel9 { /* Tech Transfer */
 
-
    float:left;
 
-
    width:354px;
 
-
    height: 198px;
 
-
    font-size:22px;
 
-
    background:rgb(255,255,255);
 
-
    color:black;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
    text-align:center;
 
-
}
 
-
.subpanel9:hover{
 
-
    font-weight:bold;
 
-
}
 
-
.subpanel6 { /* Collaboration, SensiGEM */
 
-
    height:240.5px;
 
-
    margin:0;
 
-
    margin-bottom:11px;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
    background:rgb(255,255,255);
 
-
    color:Black;
 
-
    text-align:center;
 
-
}
 
-
.subpanel6:hover{
 
-
    font-weight:bold;
 
-
}
 
-
/* Panels at the bottom */
 
-
.subpanel8 {
 
-
    float:left;
 
-
    height:96px;
 
-
    width:261.5px;
 
-
    margin-right:18px;
 
-
    border-radius:7px;
 
-
    overflow:hidden;
 
-
    background:rgb(30,39,43);
 
-
    color:white;
 
-
}
 
-
.subpanel8 img {
 
-
    margin-top:16px;
 
-
    background:white;
 
-
}
 
-
.subpanel8 img:hover {
 
-
    background:rgb(252,250,229);
 
-
}
 
-
</style>
 
-
<div id="topheader">
 
-
  <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/c/c8/PB_frontpagebanner.png" width="1100px" height="632"/>
 
-
  <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
 
-
  <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
 
-
</div>
 
-
<div style="clear: both;"></div>
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
-
<div id="page">
 
-
  <div class="panel">
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
 
-
      <div class="subpanel1">
 
-
<div style="position:relative;bottom:0px">
 
-
  <div class="cont"><p style="font-size:32px;line-height:34px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
 
-
  <div class="cont">
 
-
    <p style="font-size:26px;">
 
-
      Tuberculosis (TB) is an infectious disease caused by <i>Mycobacterium tuberculosis</i> (Mtb) that affects nearly two billion people around the world. On this website we present four new ways to use the power of synthetic biology in the fight against TB: from gene detection, to drug targeting, to infiltrating macrophages, to sabotaging the synthesis of proteins. Click this panel to see our project overview.
 
-
    </p>
 
-
  </div>
 
-
  <div id="psdesc" class="spdesc">
 
-
    <div class="cont">
 
-
      <p style="font-size:26px;">A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
 
-
    </div>
 
-
  </div>
 
-
  <div id="dsdesc" class="spdesc">
 
-
    <div class="cont">
 
-
      <p style="font-size:26px;">A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
 
-
    </div>  
 
-
  </div>
 
-
  <div id="thdesc" class="spdesc">
 
-
    <div class="cont">
 
-
      <p style="font-size:26px;">A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.</p>
 
-
    </div>
 
-
  </div>
 
-
  <div id="tcdesc" class="spdesc">
 
-
    <div class="cont">
 
-
      <p style="font-size:26px;">Infiltrate macrophages with an <i>E.coli</i> producing TDMH, an enzyme that will lyse the Mycobacteria cell wall.</p>
 
-
    </div>
 
-
  </div>
 
-
</div>
 
-
      </div>
 
-
    </a>
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">
 
-
      <div id="pspanel" class="subpanel2">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2013/a/a8/PB_DetectNarrow.jpg" width="125px" height="500px"/>
 
-
<div class="titlebox">
 
-
  <center><img src="https://static.igem.org/mediawiki/2013/0/0b/PB_detecticon.gif" style="height:60px;margin-bottom:20px;"/></center>
 
-
  <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
  Detect
 
-
</div>
 
-
      </div>
 
-
    </a>
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Target" title="Target">
 
-
      <div id="dspanel" class="subpanel2">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e2/PB_TargetNarrow.jpg" width="125px" height="500px"/>
 
-
<div class="titlebox">
 
-
  <center><img src="https://static.igem.org/mediawiki/2013/1/11/PB_TargetIcon.gif" style="height:60px;margin-bottom:20px;"/></center>
 
-
  <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
  Target
 
-
</div>
 
-
      </div>
 
-
    </a>
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">
 
-
      <div id="tcpanel" class="subpanel2">
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2013/2/21/PB_InfiltrateNarrow.jpg" width="125px" height="500px"/>
 
-
<div class="titlebox">
 
-
  <center><img src="https://static.igem.org/mediawiki/2013/6/6c/PB_infiltrate.gif" style="height:60px;margin-bottom:20px;"/></center>
 
-
  <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
  Infiltrate
 
-
</div>
 
-
      </div>
 
-
    </a>
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Sabotage" title="Sabotage">
 
-
      <div id="thpanel" class="subpanel2">     
 
-
<img class="narrowimg" src="https://static.igem.org/mediawiki/2013/4/42/PB_SabotageNarrow.jpg" width="125px" height="500px"/>
 
-
<div class="titlebox">
 
-
  <center><img src="https://static.igem.org/mediawiki/2013/8/81/PB_sabotageicone.gif" style="height:60px;margin-bottom:20px;"/></center>
 
-
  <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
  Sabotage
 
-
</div>
 
-
      </div>
 
-
    </a>
 
-
    <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Results">
 
-
      <div class="subpanel3" >
 
-
<img width="70px" style="margin-left:120px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Results page
 
-
      </div>
 
-
    </a>
 
-
  </div>
 
-
  <div style="clear: both;"></div>
 
-
  <div class="panel" style="background:white;">
 
-
    <div class="subpanel4">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Facts" title="TB Facts">
 
-
<div class="subpanel5">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/f/f9/PB_TBfacts2.png" width="354px" height="156px"/>
 
-
  <div style="position:relative;bottom:148px">
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/6/69/PB_logoTBfacts.png" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            TB Facts
 
-
  </div>
 
-
</div>
 
-
      </a>     
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_France" title="TB in France">
 
-
<div class="subpanel5">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/3/39/PB_TBinFrance.png" width="354px" height="156px"/>     
 
-
  <div style="position:relative;bottom:158px">       
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/c/cf/PB_logofrance.png" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            TB in France
 
-
          </div>
 
-
</div>
 
-
      </a>
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Gallery" title="TB Gallery">
 
-
<div class="subpanel5" style="margin-bottom:0;height:158px;">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/2/2f/PB_TBgallery%281%29.png" width="354px" height="156px"/>
 
-
  <div style="position:relative;bottom:158px">
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/d/de/PB_logoTBgallery.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            TB Gallery
 
-
  </div>
 
-
</div>
 
-
      </a>
 
-
    </div>
 
-
    <div class="subpanel4">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">
 
-
<div class="subpanel7">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/8/8c/Gender.png" width="354px" height="283px"/>
 
-
  <div style="position:relative;bottom:258px">
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/d/da/PB_logogender.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            Gender Study
 
-
  </div>
 
-
</div>
 
-
      </a>
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology Transfer">
 
-
<div class="subpanel9" style="font-size:26px;">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/3/3c/TB_knowledge.png" width="354px" height="283px"/>
 
-
  <div style="position:relative;bottom:258px">       
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/6/6d/PB_logotransferttechno.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            Technology Transfer
 
-
  </div>
 
-
</div>
 
-
      </a>
 
-
    </div>
 
-
    <div style="margin-right:0;width:356px">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
 
-
<div class="subpanel6">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e4/TB_collboration2.png" width="354px" height="283px"/>
 
-
  <div style="position:relative;bottom:258px">
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/7/75/PB_lofocollaboration.png" style="height:50px;margin-top:15px;margin-bottom:15px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            Collaboration
 
-
  </div>
 
-
</div>
 
-
      </a>
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">
 
-
<div class="subpanel6" style="margin-bottom:0">
 
-
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/d/d5/TB_senigem.png" width="354px" height="283px"/>
 
-
  <div style="position:relative;bottom:258px">
 
-
            <center><img src="https://static.igem.org/mediawiki/2013/3/3c/PB_logosenigem.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 
-
            <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 
-
            SensiGEM
 
-
  </div>
 
-
</div>
 
-
      </a>
 
-
    </div>
 
-
  </div>
 
-
  <div style="clear: both;"></div>
 
-
  <div>
 
-
    <div class="subpanel8">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">
 
-
<center><img src="https://static.igem.org/mediawiki/2013/1/1c/PB_Teamlogo.png" height="64px"/></center>
 
-
      </a>
 
-
    </div>
 
-
    <div class="subpanel8">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">
 
-
<center><img src="https://static.igem.org/mediawiki/2013/2/27/PB_Notebooklogo.png" height="64px"/></center> 
 
-
      </a>
 
-
    </div>
 
-
    <div class="subpanel8">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">
 
-
<center><img src="https://static.igem.org/mediawiki/2013/0/02/PB_Partslogo.png" height="64px"/></center>
 
-
      </a>
 
-
    </div>
 
-
    <div class="subpanel8" style="margin-right:0">
 
-
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">
 
-
<center><img src="https://static.igem.org/mediawiki/2013/2/2a/PB_medallogo.png" height="64px"/></center>
 
-
      </a>
 
-
    </div>
 
-
  </div>
 
-
  <div style="clear: both;"></div>
 
-
</div>
 
-
 
-
<script>
 
-
  $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
 
-
  $(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>
 
-
 
-
<center><a href="http://www.digits.com" target="_blank"><img src="http://counter.digits.com/?counter={39ed2bc8-e9ee-aa74-01bb-15a2129b5b32}&template=simple&foreground=ffffff&background=272b1e" alt="Hit Counter by Digits" border="0"/></a></center>
 
-
 
-
</div>
 
-
</html>
 
-
 
-
{{:Team:Paris_Bettencourt/footer}}
 

Latest revision as of 08:39, 28 October 2013