Team:Toulouse

From 2014.igem.org

(Difference between revisions)
 
(160 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Toulouse/template/header}}
<html>
<html>
-
<head>
+
<!--/* open Sans : font Google*/-->
-
{{:Team:Toulouse/template/header}}
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
 +
 
 +
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 
 +
<!--/* CSS contenu*/-->
 +
 
 +
<style type="text/css">
 +
 
 +
  .title1{color:green; font-family:'Open Sans'; font-weight:600; font-size:24px;  margin:0 0 33px 0; border:none;}
 +
 
 +
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
 +
 
 +
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
 +
 
 +
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 0 0; line-height:24px; text-align: justify; }
-
<style type="text/css">
 
/* Removing wiki-like stuff */
/* Removing wiki-like stuff */
/****************************/
/****************************/
Line 39: Line 54:
/* Layout */
/* Layout */
/**********/
/**********/
 +
.l-content{margin-top:40px;}
-
/*background Header*/
+
.l-content img{
-
#bgHeader{
+
float:left;
-
    position : absolute;
+
padding-top: 60px;
-
    left : 0px;
+
width:290px;
-
    top : 0px;
+
-
    z-index:0;
+
-
    width : 100%;
+
-
    min-width : 700px;
+
-
    max-width : 1200px;
+
-
    background-color : transparent;
+
-
   
+
}
}
-
/* Slider (thanks to flowplayer.org) */
+
.l-content .text-presentation{
-
/*************************************/
+
float:right;
-
.scrollable {
+
margin-top: -29px;
-
/* required settinsg */
+
width:610px
-
position: relative;
+
}
-
overflow :hidden;
+
-
    top:250px;
+
-
    margin-top: 14px;
+
-
    width: 970px;
+
-
    height: 400px;
+
-
    border: 1px solid #FFFFFF;
+
-
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
+
-
    background: #FFFFFF;
+
-
    }
+
-
   
+
-
.scrollable .items {
+
-
/* this cannot be too large */
+
-
width: 50000px;
+
-
position: absolute;
+
-
    }
+
-
   
+
-
.items div {
+
-
float: left;
+
-
width: 970px;
+
-
height: 400px;
+
-
    }
+
-
   
+
-
.prev {
+
-
        background: url(http://2011.igem.org/wiki/images/8/81/DTU-Denmark2011-slider-prev.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        position: absolute;
+
-
            left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
+
-
            top: 450px;
+
-
        margin-left: 50%;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.next {
+
-
        background: url(http://2011.igem.org/wiki/images/5/56/DTU-Denmark2011-slider-next.png) no-repeat;
+
-
        height: 74px;
+
-
        width: 74px;
+
-
        margin-right: 50%;
+
-
        position: absolute;
+
-
            right: -488px;
+
-
            top: 450px;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
</style>
+
.l-content .text-presentation h1{
 +
text-align:center;
 +
border:none;
 +
}
 +
/* ------------------------------------ gallerie ----*/
 +
.gallerie-project{
 +
margin:0;
 +
padding 0;
 +
margin-top:40px;
 +
}
 +
.line-gallerie-project{
 +
background-color:#f0f0f0;
 +
height:310px;
 +
width:100%;
 +
}
-
<!--HEADER -->
+
.part-little-projet{
-
<table width="100%" align="center">
+
background-color:#82C46C;
 +
display: block;
 +
position: relative;
 +
height:310px;
 +
width: 310px;
 +
float:left;
 +
}
-
<!--navigation menu -->
+
.part-little-projet:hover{
-
<div style="background-color : transparent" >
+
background-color:#22780F;
-
<img id="bgHeader" src="http://2014.igem.org/wiki/images/f/f2/Branch_col.png" alt="header background" />
+
}
-
</div>
+
-
<div id="Menu" style="background-color:transparent;">
+
.title-part-projet{
-
    <div class="Item" style="left :5%;"> 
+
position: absolute;
-
        <a class="btHeaderA1" href="http://2014.igem.org/Team:Toulouse">Home</a>
+
top:40px;
-
        </a>
+
left:33px;
-
    </div>
+
font-size:24px;
-
   
+
color:white;
-
    <div class="Item" style="left :15%">
+
}
-
        <a class="btHeaderA2" href="http://2014.igem.org/Team:Toulouse/Team">Team</a>
+
-
        <ul class="Item sub-nav" style="top : 125px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://igem.org/Team.cgi?year=2014&team_name=Toulouse" class="leaf"> Official Team Profile </a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left :25%"> 
+
.part-large-projet{
-
        <a class="btHeaderA3" href="http://2014.igem.org/Team:Toulouse/Project">Project</a>
+
display: block;
-
        <ul class="Item sub-nav" style="top : 155px;">
+
position: relative;
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li>
+
height:310px;
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
+
width: 650px;
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
+
float:left;
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
+
opacity:0.8;
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
+
}
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%"> 
+
-
        <a class="btHeaderA4" href="http://2014.igem.org/Team:Toulouse/Human_Practice">Human Practice</a>
+
-
        <ul class="Item sub-nav" style="top : 125px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Human_Practice/Communication" class="leaf">Communication</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a class="btHeaderA5" href="http://2014.igem.org/Team:Toulouse/Notebook">Notebook</a>
+
-
        <ul class="Item sub-nav" style="top : 160px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Notebook/Project Monitoring" class="leaf">Project Monitoring</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Notebook/Protocols" class="leaf">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left : 55%">
+
.part-large-projet:hover{
-
        <a class="btHeaderA6" href="http://2014.igem.org/Team:Toulouse/Attributions">Attributions</a>
+
opacity:1;
-
        <ul class="Item sub-nav" style="top : 152px;">
+
}
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Sponsors" class="leaf">Sponsors</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" >
 
-
        <a href="http://2014.igem.org/Main_Page">
 
-
        <img src="http://igem.org/wiki/images/6/60/Igemlogo_300px.png" width="55px">
 
-
        </a>
 
-
    </div>
 
-
</div>
 
-
<!--end navigation menu -->
 
-
</table>
 
-
<!--Entrer votre texte ici -->
+
/* ------------------------------------ aside ----------*/
-
<!--Slideshow-->
+
.wrapper-aside{
-
<p>
+
margin: 0 auto;
-
    <div id="innercontenthome">
+
width:740px;
-
        <div class="centering">
+
}
-
</p>
+
-
<p>
+
.sticker-aside{
-
<!--/* open Sans : fonnt Google*/-->
+
background-color: #fff;
 +
border: 1px solid #e7e7e7;
 +
float:left;
 +
height:359px;
 +
padding: 5px 5px;
 +
position:relative;
 +
text-align:center;
 +
width:220px;
 +
}
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
.sticker-aside:after{
 +
content: 'wiki/images/b/bb/Template-igem2014-before-stickers.png';
 +
position: absolute;
 +
background: url('http://2014.igem.org/wiki/images/b/bb/Template-igem2014-before-stickers.png') no-repeat center;
 +
bottom: -32px;
 +
text-indent: -9999px;
 +
right: -13px;
 +
width: 260px;
 +
height: 32px;
 +
}
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
+
.sticker-aside h2{
 +
border:none;
 +
color:#181818;
 +
font-size:20px;
 +
}
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
+
.sticker-aside p{
 +
color:#888888;
 +
display: block;
 +
height: 40px;
 +
position: relative;
 +
bottom: 15px
 +
}
 +
.sticker-aside a{
 +
display: block;
 +
margin: 0 auto;
 +
top: 5px;
 +
position: relative;
 +
}
-
 
-
<!--/* CSS contenu PROPRE à cette page*/-->
 
-
    <!-- jQuery Tools (slider) -->
+
</style>
-
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
+
<!-------------------------------- CONTENT --------------------------------->
-
    <script>
+
<br></br>
-
        $(function() {
+
<div class="l-content">
-
    // initialize scrollable
+
         
-
    $(".scrollable").scrollable().navigator();
+
          <div class="presentation-project">
-
        });
+
            <img src="http://2014.igem.org/wiki/images/b/b6/Canal_du_Midi_-_plane_trees.jpeg" alt="Présentation igem toulouse" />
-
    </script>
+
            <div class="text-presentation">
 +
              <h1 class="title1" style="font-size:28px;">
 +
              SubtiTree project
 +
              </h1>
 +
              <p class="texte"><br></br>
 +
Fungal diseases lead to major economic losses all over the world. Some pathogens trigger tracheomycosis by disturbing the vascular system of the plant. Canker is one of these infections especially affecting plane trees (<i>Platanus sp.</i>). Plane trees are widely present in Southern France and in particular along the famous Canal du Midi, participating to the site gorgeousness. Today, the only treatment consists in a costly preventive tree-cutting and implies significant ecological troubles. Facing this emergency, our team offers an innovative solution originating from synthetic biology.
 +
              </p>
 +
<br></br>
 +
              <center><a class="button-home" href="http://2014.igem.org/Team:Toulouse/Project/project-context" style="border: 1px solid #282828;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 13px 25px 12px; color: #282828; text-decoration: none; font-size: 17px; background: none; display: block; width: 89px;">Learn more</a>
 +
            </div>
 +
          </div></center>
 +
         
 +
          <div class="clear"></div>
 +
         
 +
          <div class="gallerie-project" style="margin-bottom:50px; margin-top:70px;">
-
<!-- Slider -->
+
            <div class="line-gallerie-project">
 +
              <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews" class="part-little-projet">
 +
    <div class="title-part-projet">Overview</div>
 +
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">Let's save our trees with SubtiTree!</div>
 +
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:22px; font-size:16px;">Read more</div>
 +
              </a>
-
            <div class="scrollable">  
+
              <a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="part-large-projet" style="background: url('http://2014.igem.org/wiki/images/a/aa/Chimio.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
-
              <div class="items">
+
                <div class="title-part-projet" style="color:white; ">Chemotaxis</div>
-
                <div>
+
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px;">To target the pathogenic fungus</div>
-
                  <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="http://2014.igem.org/wiki/images/a/a8/Intro_3colori.jpg" alt="Title"/></a>
+
                <div  style="border-bottom: 1px solid #white; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; left:34px; font-size:16px;"><u>Read more</u></div>
-
                </div>
+
              </a>
 +
            </div>
 +
           
 +
            <div class="line-gallerie-project">
 +
              <a href="http://2014.igem.org/Team:Toulouse/Project/binding" class="part-large-projet" style="background: url('http://2014.igem.org/wiki/images/0/0b/Billes3D.png') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
 +
                <div class="title-part-projet style="color:white; ">Binding</div>
 +
                <div  style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To be attached to the fungal pathogen wall</div>
 +
                <div style="border-bottom: 1px solid #515553; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; right:34px; font-size:16px;">Read more</div>
 +
              </a>
-
                <div>
+
              <a href="http://2014.igem.org/Team:Toulouse/Modelling" class="part-little-projet">
-
                  <a href="http://2014.igem.org/Team:Toulouse/Project/Overview"><img src="http://2014.igem.org/wiki/images/b/b9/Overviews_color.png" alt="Introduction"/></a>
+
                <div class="title-part-projet">Modeling</div>
-
                </div>
+
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">To develop a predictive model</div>
-
                <div>
+
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:28px; left:34px; font-size:16px;">Read more</div>
-
                    <a href="http://2014.igem.org/Team:Toulouse/Team"><img src="#" alt="Team" /></a>
+
              </a>
-
                </div>
+
            </div>
-
                <div>
+
-
                    <a href="#"><img src="#" alt="#"/></a>
+
-
                </div>
+
-
              </div>
+
            <div class="line-gallerie-project">
-
            </div>
+
              <a href="http://2014.igem.org/Team:Toulouse/Project/Spreading" class="part-little-projet">
-
            <div class="prev"></div>
+
                <div class="title-part-projet">Spreading</div>
-
            <div class="next"></div>
+
                <div style="position:absolute; top:90px; left:34px; color:white; font-family:'Open Sans'; font-size:16px; width:200px; line-height:24px">How do we keep control on Subtitree?</div>
-
            <div class="navi"></div>
+
                <div style="border-bottom: 1px solid #fff; color:white; font-family:'Open Sans'; position:absolute; bottom:25px; right:34px; font-size:16px;"">Read more</div>
 +
              </a>
-
<div class="clear"></div>
+
              <a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="part-large-projet" style="background:url('http://2014.igem.org/wiki/images/8/84/Feuille_Toulouse.jpg') no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
 +
                <div class="title-part-projet" style="color:white;
 +
position:absolute; right:30px;  text-align:right;  line-height:24px;"
 +
>Fungicides</div>
 +
                <div style="position:absolute; top:90px; right:30px;
 +
color:white; font-family:'Open Sans'; font-size:16px; width:200px;
 +
line-height:24px; text-align:right; ">To eradicate fungal
 +
diseases</div>
 +
                          <div style="border-bottom: 1px solid #fff;
 +
color:white; font-family:'Open Sans'; position:absolute; bottom:25px;
 +
right:34px; font-size:16px;">Read more</div>
 +
              </a>
 +
            </div>
 +
 
 +
          </div>
 +
         
 +
</div>
 +
</div>
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
 
-
<!--SPONSOR-->
 
-
<div id="Sponsor">
 
-
    <img src="http://2014.igem.org/wiki/images/0/05/Image_sponsor.png" alt="Bandeau Sponsor">
 
</div>
</div>
-
<!-- Footer -->
 
-
<div id="Footer" >
+
<!-------------------------------- ASIDE --------------------------------->
-
<table align="center" style="width : 100%; background-color : transparent">
+
 
-
    <td width="5px"></td>
+
<div id="aside" style="width:100%; height:572px; background-color:#f9f9f9; border: 1px solid #ccc;">
-
    <td style="width: 35px;" align="center">
+
         
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="http://2013.igem.org/wiki/images/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
    <div class="wrapper-aside">
-
        <br> <br>
+
 
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="http://2013.igem.org/wiki/images/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
          <h2 style="color:green; text-align:center; border:none; font-weight:bold; margin:30px 0px 50px 0px;">HUMAN PRACTICE</h2>
-
        <br>
+
 
-
    </td>
+
          <div class="sticker-aside" style="margin-right:20px;">
-
    <td width="15px"></td>
+
            <img src="http://2014.igem.org/wiki/images/6/67/Template-igem2014-HP-1.jpg" alt="image safety" />
-
    <td>
+
            <h2 style="margin:35px 10px;">Safety</h2>
-
        <p><b> iGEM Toulouse</b><br><address>
+
            <p>Safety is not just a slogan, it is a way of life.</p>
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
            <a href="http://2014.igem.org/Team:Toulouse/Safety"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
-
        31400 TOULOUSE <br></address>  
+
          </div>
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
         
-
    </td>
+
          <div class="sticker-aside" style="margin-right:20px;">
-
    <td align="right">
+
            <img src="http://2014.igem.org/wiki/images/e/ea/Ethics.jpg" alt="" />
-
        <a href="http://2013.igem.org/Main_Page">
+
            <h2 style="margin:35px 10px;">Ethics</h2>
-
             <img style="width:170px" src="http://igem.org/wiki/images/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
            <p>"<i>Knowledge without conscience is but the ruin of the soul.</i>", F. Rabelais</p>
-
        </a>
+
            <a href="http://2014.igem.org/Team:Toulouse/ethics"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
-
    </td>
+
          </div>
-
</table>
+
         
 +
          <div class="sticker-aside" style="position: relative;">
 +
            <img src="http://2014.igem.org/wiki/images/2/20/Bacteria_talk.png" alt="" style="margin-top:26px;" />
 +
             <h2 style="margin:35px 10px;">Communication</h2>
 +
            <p>Good words are worth much, and cost little.</p>
 +
            <a href="http://2014.igem.org/Team:Toulouse/Communication"><img src="http://2014.igem.org/wiki/images/6/6f/Template-igem2014-iconeHP.png"/></a>
 +
          </div>
 +
 
 +
      </div>   
 +
</div>
 +
<div class="clear"></div>
 +
<!-------------------------------- SPONSOR --------------------------------->
 +
<div class="Sponsor" style="margin:0 auto; width:960px; padding:60px 0 70px;"><p align="center">
 +
    <img src="http://2014.igem.org/wiki/images/d/d5/Toulouse_sponsors.png" alt="Bandeau Sponsor"></p>
</div>
</div>
 +
<!-------------------------------- FOOTER --------------------------------->
</html>
</html>
 +
 +
{{:Team:Toulouse/template/footer}}

Latest revision as of 01:08, 18 October 2014