Team:Toulouse/Project/Chemotaxis

From 2014.igem.org

(Difference between revisions)
(Created page with "{{CSS/Main}} <html> <head> <!-- this section changes the default wiki template to a white full width background --> <style type="text/css"> - Removing wiki-like stuff: /****...")
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Toulouse/template/header-base}}
<html>
<html>
-
<head>
+
 
-
<!-- this section changes the default wiki template to a white full width background -->
+
<style type="text/css">
<style type="text/css">
-
/* Removing wiki-like stuff */
+
.banniere{
-
/****************************/
+
background: url('http://2014.igem.org/wiki/images/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
-
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
+
-webkit-background-size: cover; /* pour Chrome et Safari */
-
    display:none;}
+
-moz-background-size: cover; /* pour Firefox */
-
 
+
-o-background-size: cover; /* pour Opera */
-
/* Redesigning the topmenu */
+
background-size: cover;
-
/***************************/
+
height:315px;
-
body {
+
margin: 30px 0 0;
-
    : 0 0 0 0;
+
width:100%;
-
    padding: 0;}
+
-
#top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto ;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#menubar {
+
-
    font-size: 100%;
+
-
    top:-8px;}
+
-
.left-menu:hover {
+
-
    background-color: transparent;}
+
-
#menubar li a {
+
-
    background-color: transparent;}
+
-
#menubar:hover {
+
-
    color: black;}
+
-
#menubar li a {
+
-
    color: transparent;}
+
-
#menubar:hover li a {
+
-
    color: black;}
+
-
#menubar > ul > li:last-child {
+
-
    display:none;}
+
-
 
+
-
/* Layout */
+
-
/**********/
+
-
 
+
-
body, #heading, #innercontent, #innercontenthome {
+
-
    background-color : #ffffff;
+
-
    font-family : Helvetica, sans-serif;
+
-
    font-size : 16px;
+
-
    }
+
-
   
+
-
#innercontenthome{
+
-
    margin-top:-13px;
+
-
    }
+
-
   
+
-
#content, #globalWrapper {
+
-
    border: none;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    }
+
-
   
+
-
.centering {
+
-
    margin: 0 auto;
+
-
    width: 965px;
+
-
    }
+
-
 
+
-
.clear{
+
-
    clear:both;
+
}
}
-
 
+
.banniere-content{
-
/*background Header*/
+
background-color: rgba(46,204,113, 0.6);
-
#bgHeader{
+
padding:28px 28px 0;
-
    position : absolute;  
+
position:absolute;
-
    left : 0px;
+
bottom:0;
-
    top : 0px;
+
right: 0;
-
    z-index:0;
+
height:92px;
-
    width : 100%;
+
width:392px;
-
    min-width : 700px;
+
color:white
-
    max-width : 1200px;
+
-
    background-color : transparent;
+
-
   
+
}
}
-
/* Barre de Menu*/
+
.banniere-content h2{
-
.btHeaderA{  
+
color:white;
-
    position : relative;
+
font-size:24px
-
    z-index:2;
+
-
    width: 100%;
+
-
height: auto;
+
}
}
-
.btHeaderB{
+
.banniere-content p{
-
    position : absolute;
+
color:white;
-
    z-index:1;
+
font-size:16px
-
    width: 100%;
+
-
height: auto;
+
}
}
-
.btHeaderC{
+
</style>
-
    z-index:3;
+
<body>
-
    position: relative;
+
-
    top : 45px;
+
-
    text-align: center;
+
-
    width: auto;
+
-
height : auto;
+
-
   
+
-
}
+
-
.btHeaderA:hover{
+
  <div class="banniere">
-
    z-index:1;
+
  <div class="banniere-wrapper" style="width:960px; height:100%; margin: 0 auto; position:relative;">
-
}
+
    <div class="attribution">
 +
      <a href="" class="link-banniere">ACKNOWLEGDEMENT<i></i></a>
 +
    </div>
 +
    <div class="banniere-content">
 +
      <h2>Chemotaxis</h2>
 +
      <p>Proin sollicitudin nibh ut dapibus vulputate.</p>
 +
    </div>
 +
  </div>
 +
  </div>
-
.btHeaderB:hover{
+
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
-
    top : 0px;
+
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Project&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Chemotaxis</p>
-
    z-index : 3;
+
  </div>
-
}
+
 
-
img.headerbutton{
+
  <div id="innercontenthome">
-
    max-width : 100px;
+
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
    width : 100%;
+
-
height : auto;
+
-
}
+
-
img.headerbutton:hover{
+
  <!--Short description : à changer!!!-->
-
    max-width : 110px;
+
-
    width : 100%;
+
-
height : auto;
+
-
}
+
-
#Menu {
+
        <p>Fusce et fermentum nibh. Aliquam ornare venenatis odio vel interdum. Ut egestas elementum dolor, sit amet interdum metus gravida id. Morbi dictum commodo ipsum, eu maximus lectus pretium vel. Vivamus sit amet sem orci. Nulla leo ante, interdum id eros nec, rutrum suscipit sapien. Aenean posuere mauris a nisl laoreet congue. Sed aliquam vulputate risus, ut bibendum ligula consequat vel. Proin rhoncus orci eu massa dapibus elementum. Duis eu lacinia velit. Ut lacinia eu sem suscipit euismod. Proin sollicitudin nibh ut dapibus vulputate.</p>
-
    position : absolute;
+
-
    width : 100%;
+
-
    min-width :780px;
+
-
    max-width : 1400px;
+
-
    top : 0;
+
-
}
+
-
.Item {
+
<p>Quisque nec tempus mi. Sed sit amet justo tellus. Vestibulum pulvinar viverra felis sed aliquet. Suspendisse sed turpis eu justo finibus dictum quis vel nisi. Mauris quis imperdiet sem. Aenean scelerisque commodo orci a varius. Integer turpis odio, elementum a venenatis vitae, ultricies quis quam. Phasellus cursus ligula vel ex rutrum placerat. Curabitur dictum nisi risus, eu finibus ex fringilla vitae. Aenean consequat, ante elementum viverra laoreet, arcu nulla aliquam velit, pretium imperdiet neque felis a diam. Suspendisse ultricies nisi non ex finibus pharetra ac et ipsum. Nulla vulputate dolor urna, et semper nisl tempor vitae. Sed cursus dolor ut consequat posuere.</p>
-
    position : absolute;
+
-
    text-align : center;
+
-
    display : inline-block;
+
-
    min-Height : 150px;
+
-
    text-decoration: no underline;
+
-
}
+
-
.Item a{
+
<p>Ut at massa quam. Vestibulum rutrum dapibus tortor ut facilisis. Pellentesque condimentum quam id ante varius imperdiet. Quisque mauris urna, finibus in mauris vel, laoreet volutpat libero. Aliquam erat volutpat. Vivamus non imperdiet nibh. Sed fringilla tristique metus, non fermentum quam tincidunt non. Praesent dictum faucibus massa, eu bibendum sapien iaculis in. Ut porta tortor eu elementum interdum. Vivamus non tempor ligula. In accumsan ligula non ligula aliquam, at dictum dolor cursus. Ut iaculis ultrices ex et faucibus. Praesent bibendum sagittis elit, eget ultricies dolor imperdiet id.</P>
-
    color : black;
+
-
    text-shadow:3px 3px 5px #FFFFFF;
+
-
}
+
-
.sub-nav {
 
-
    display: none; /* Masque la sous-liste */
 
-
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
 
-
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
 
-
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
 
-
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
 
-
}
 
-
 
-
.sub-nav-item{
 
-
    background-color: transparent;
 
-
}
 
-
 
-
.Item:hover .sub-nav {
 
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
 
-
    background-color: transparent;
 
-
    top : 163px;
 
-
    Z-index : 4;
 
-
    left : 25px;
 
-
}
 
-
 
-
/*Footer*/
 
-
#Footer{
 
-
    width : 100%;
 
-
    background-image:url(http://2014.igem.org/wiki/images/2/2b/Background_G.png);
 
-
    background-position:center center;
 
-
    background-size: 100% 100%;
 
-
    font-family: verdana;
 
-
}
 
-
 
-
/* Slider (thanks to flowplayer.org) */
 
-
/*************************************/
 
-
.scrollable {
 
-
/* required settinsg */
 
-
position: relative;
 
-
overflow :hidden;
 
-
    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 {
+
  <!-- Navigation section --
-
/* 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: 350px;
+
-
        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: 350px;
+
-
        cursor: pointer;
+
-
        }
+
-
       
+
-
.disabled {
+
-
        visibility: hidden;}
+
-
/* Slider (thanks to flowplayer.org) */
+
  <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
-
    /*------- gallery ----------*/
+
-
#slideshow {
+
    <a href="http://2014.igem.org/Team:Toulouse/Project/binding" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">Binding
-
    position:relative;
+
      <img src="http://2014.igem.org/wiki/images/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
-
    height:391px;
+
    </a>
-
    margin-top:20px;
+
-
}
+
-
#slideshow img {
+
    <div class="page-nav-center" style="width:65px; float:left;">
-
    position:absolute;
+
      <img src="http://2014.igem.org/wiki/images/6/66/Template-igem2014-logo-nav.png" alt="logo" />
-
    top:0;
+
    </div>
-
    left:0;
+
-
    z-index:;
+
-
}
+
-
#slideshow img.active {
+
    <a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="page-nav-left" style="width:447px; float:right; display:block; text-align:right; text-decoration:none;
-
    z-index:2;
+
color:#666; font-size:18px;">Fungicides</br>
-
}
+
      <img src="http://2014.igem.org/wiki/images/e/ea/Template-igem2014-img-arrowright.png" style="display:block; float:right; padding-top:10px; " />
 +
    </a>
-
#slideshow img.last-active {
+
  </div>
-
    z-index:1;
+
-
}
+
-
</style>
+
  <div class="clear"></div>
-
<!-- STYLESHEET -->
 
-
<!-- *********** --
 
-
 
-
    <link rel="stylesheet" href="http://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
 
-
 
-
 
-
    <link rel="stylesheet" href="http://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
 
-
 
-
</head>
 
-
 
-
<body >
 
-
<!--main content -->
 
-
<table width="100%" align="center">
 
-
 
-
<!--navigation menu -->
 
-
<div style="background-color : transparent" >
 
-
<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;">
 
-
 
-
    <div class="Item" style="left :5%;"> 
 
-
        <a href="http://2014.igem.org/Team:Toulouse"style="color:#000000">
 
-
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/0/0e/Bt_home_1.png"/></div>
 
-
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/9/96/Bt_home_2.png"/></div>
 
-
        <div class="btHeaderC">Home</div>
 
-
        </a>
 
-
    </div>
 
-
   
 
-
    <div class="Item" style="left :15%">
 
-
        <a href="http://2014.igem.org/Team:Toulouse/Team"style="color:#000000">
 
-
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/a/a4/Bt_team_1.png" /></div>
 
-
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/8/84/Bt_team_2.png" /></div>
 
-
        <div class="btHeaderC" align="center">Team</div>
 
-
        </a>
 
-
        <ul class="Item sub-nav">
 
-
            <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>
 +
  </div>
 +
</body>
 +
</html>
-
    <div class="Item" style=" left :25%"> 
+
<!-------------------------------- FOOTER --------------------------------->
-
        <a href="http://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
+
{{:Team:Toulouse/template/footer}}
-
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/e/e2/Bt_project_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/4/42/Bt_project_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Project</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
+
-
            <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 href="http://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/2/27/Bt_human_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/e/ee/Bt_human_2.png"/></div>
+
-
        <div class="btHeaderC" align="center" style="Top : 18px;">Human <br> Practice</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <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/Meeting" class="leaf">Meeting</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a href="http://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/d/d3/Bt_notebook_1.png" /></div>
+
-
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/c/c0/Bt_notebook_2.png" /></div>
+
-
        <div class="btHeaderC" align="center">Notebook</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <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/Protocols" class="leaf">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left : 55%">
+
-
        <a href="http://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000">
+
-
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/6/6a/Bt_attributions_1.png"/></div>
+
-
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="http://2014.igem.org/wiki/images/6/66/Bt_attributions_2.png"/></div>
+
-
        <div class="btHeaderC" align="center">Attributions</div>
+
-
        </a>
+
-
        <ul class="Item sub-nav">
+
-
            <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>
+
-
 
+
-
<tr height="250px"></tr>
+
-
</table>
+
-
<div class="centering">
+
-
<!--end navigation menu -->
+
-
<!--Entrer le texte ici -->
+
-
 
+
-
<center><img alt="Coming soon!" src="http://2014.igem.org/wiki/images/7/76/Coming_soon.png" width="600px"></center>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!-- Footer -->
+
-
 
+
-
<div id="Footer" >
+
-
<table align="center" style="width : 100%; background-color : transparent">
+
-
    <td width="5px"></td>
+
-
    <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>
+
-
        <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>
+
-
        <br>
+
-
    </td>
+
-
    <td width="15px"></td>
+
-
    <td>
+
-
        <p><b> iGEM Toulouse</b><br><address>
+
-
        INSA Toulouse <br>135, Avenue de Rangueil <br>
+
-
        31400 TOULOUSE <br></address>
+
-
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
+
-
    </td>
+
-
    <td align="right">
+
-
        <a href="http://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="http://igem.org/wiki/images/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
  </table>
+
-
</div>
+
-
</div>
+
-
</html>
+

Revision as of 16:06, 28 September 2014