Team:Toulouse/Project/Spreading

From 2014.igem.org

(Difference between revisions)
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('https://static.igem.org/mediawiki/2014/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{
-
/* Les boutons*/
+
color:white;
-
 
+
font-size:24px
-
a.btHeaderA1{
+
-
    color:#000000;
+
-
    position : absolute;
+
-
        width: 100px;
+
-
        height: 120px;
+
-
    line-height:220px;
+
-
    top : 30px;
+
-
    background-image:url(https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png);
+
-
    background-position:center top;
+
-
    background-size: 100px 100px;
+
-
    background-repeat : no-repeat;   
+
}
}
-
a.btHeaderA1:hover{
+
.banniere-content p{
-
    background-image:url(https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png);
+
color:white;
-
    background-position:center top;
+
font-size:16px
-
    background-size: 100px 100px;
+
-
    background-repeat : no-repeat;
+
}
}
-
.btHeaderA2{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top: 5px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA2:hover{
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA3{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top : 33px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA3:hover{
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA4{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 160px;
 
-
    line-height:220px;
 
-
    top : 2px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
    white-space: nowrap;
 
-
}
 
-
 
-
.btHeaderA4:hover{
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA5{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top : 38px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA5:hover{
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA6{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top: 30px;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;   
 
-
}
 
-
 
-
.btHeaderA6:hover{
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
 
-
/*deroulement du menu*/
 
-
#Menu {
 
-
    position : absolute;
 
-
    width : 100%;
 
-
    min-width :780px;
 
-
    max-width : 1400px;
 
-
    top : 0;
 
-
}
 
-
 
-
.Item {
 
-
    position : absolute;
 
-
    text-align : center;
 
-
    display : inline-block;
 
-
    min-Height : 150px;
 
-
    text-decoration: no underline;
 
-
}
 
-
 
-
.Item a{
 
-
    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 */
 
-
    list-style-type: none;
 
-
    list-style-image : url(#);
 
-
    padding: 0;
 
-
    margin-left: 1em;
 
-
    left : 25px;
 
-
    }
 
-
 
-
.sub-nav-item{
 
-
    background-image : url(https://static.igem.org/mediawiki/2014/7/72/Fond_sub_nav.png);
 
-
    background-size: 100% 100%;
 
-
    text-align : left;
 
-
}
 
-
 
-
.Item:hover .sub-nav {
 
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
 
-
    background-color: transparent;
 
-
    Z-index : 4;   
 
-
}
 
-
 
-
/*Sponsor (Home Page)*/
 
-
#Sponsor{
 
-
    width : 100%;
 
-
}
 
-
 
-
/*Footer*/
 
-
#Footer{
 
-
    width : 100%;
 
-
    background-image:url(https://static.igem.org/mediawiki/2014/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;
 
-
    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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/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;}
 
-
       
 
-
/*Main*/
 
-
.Title{
 
-
    text-shadow: 1px 3px 3px rgba(70, 156, 133, 0.75);
 
-
    color: #2CC23E;
 
-
    font-size: 50px;
 
-
    text-align: center;
 
-
}
 
-
 
-
.Sub_title{
 
-
    color: #2CC23E;
 
-
    font-size: 30px;
 
-
}
 
-
 
-
.Article {
 
-
    text-align: justify;
 
-
    text-indent:15px;
 
-
}
 
-
 
-
/*Spreading*/
 
-
#Spreading{
 
-
    position:relative;
 
-
}
 
-
 
-
.Auxotro {
 
-
    position : absolute;
 
-
    left:410px;
 
-
    top: 30px;
 
-
    height : 112px;
 
-
    width : 135px;
 
-
    z-index:3;
 
-
    display : block;
 
-
}
 
-
 
-
.Auxotro:hover {
 
-
    border :solid #5078A3;
 
-
}
 
-
 
-
.NSporing{
 
-
    position : absolute;
 
-
    left:238px;
 
-
    top: 120px;
 
-
    height : 110px;
 
-
    width : 135px;
 
-
    z-index:3;
 
-
    display : block;
 
-
}
 
-
 
-
.NSporing:hover{
 
-
    border:solid #4E94A6;
 
-
}
 
-
 
-
.Tox{
 
-
    position : absolute;
 
-
    left:579px;
 
-
    top: 120px;
 
-
    height : 110px;
 
-
    width : 135px;
 
-
    z-index:3;
 
-
    display : block;
 
-
}
 
-
 
-
.Tox:hover{
 
-
    border:solid #5B7692;
 
-
    }
 
-
 
-
   
 
</style>
</style>
 +
<body>
-
<!-- STYLESHEET -->
+
  <div class="banniere">
-
<!-- *********** --
+
  <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>Context project</h2>
 +
      <p>Proin sollicitudin nibh ut dapibus vulputate.</p>
 +
    </div>
 +
  </div>
 +
  </div>
-
    <link rel="stylesheet" href="https://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
+
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed;">
 +
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Project&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Context project</p>
 +
  </div>
 +
 
-
 
+
  <div id="innercontenthome">
-
    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
+
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
 
+
-
</head>
+
-
 
+
-
<body >
+
-
<!--main content -->
+
-
<table width="100%" align="center">
+
-
 
+
-
<!--navigation menu -->
+
-
<div style="background-color : transparent" >
+
-
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
+
-
</div>
+
-
 
+
-
<div id="Menu" style="background-color:transparent;">
+
-
    <div class="Item" style="left :5%;"> 
+
-
        <a class="btHeaderA1" href="https://2014.igem.org/Team:Toulouse">Home</a>
+
-
        </a>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style="left :15%">
+
-
        <a class="btHeaderA2" href="https://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="https://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://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="https://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left :25%"> 
+
-
        <a class="btHeaderA3" href="https://2014.igem.org/Team:Toulouse/Project">Project</a>
+
-
        <ul class="Item sub-nav" style="top : 155px;">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%"> 
+
-
        <a class="btHeaderA4" href="https://2014.igem.org/Team:Toulouse/Human_Practice">Human Practice</a>
+
-
        <ul class="Item sub-nav" style="top : 124px;">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting" class="leaf">Meeting</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a class="btHeaderA5" href="https://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="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Protocols" class="leaf">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left : 55%">
+
-
        <a class="btHeaderA6" href="https://2014.igem.org/Team:Toulouse/Attributions">Attributions</a>
+
-
        <ul class="Item sub-nav" style="top : 152px;">
+
-
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="https://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="https://2014.igem.org/Main_Page">
+
-
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
+
-
        </a>
+
-
    </div>
+
-
</div>
+
-
<!--end navigation menu -->
+
-
</table>
+
-
 
+
-
<div class="centering">
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<br/>
+
-
<!--Entrer votre texte ici -->
+
-
<!--Titre-->
+
<div class="Title">Spreading</div> <br/>
<div class="Title">Spreading</div> <br/>
Line 543: Line 119:
</p>
</p>
</div>
</div>
-
<br/>
+
  <!-- Navigation section -->
-
<br/>
+
-
<!--End of main-->
+
  <div class="page-nav" style="border-top:1px solid #cccccc; padding-top:40px; margin-top:40px;">
-
<!--/* open Sans : fonnt Google*/-->
+
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
    <a href="https://2014.igem.org/Team:Toulouse" class="page-nav-right" style="width:447px; float:left; display:block;text-decoration:none; color:#666; font-size:18px;">HOME
 +
      <img src="https://static.igem.org/mediawiki/2014/2/26/Template-igem2014-img-arrowleft.png" style="display:block; padding-top:10px;"/>
 +
    </a>  
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
+
    <div class="page-nav-center" style="width:65px; float:left;">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/66/Template-igem2014-logo-nav.png" alt="logo" />
 +
    </div>
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
+
    <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews" class="page-nav-left" style="width:447px; float:right; display:block; text-align:right; text-decoration:none;
-
 
+
color:#666; font-size:18px;">Binding</br>
-
<!-- Footer -->
+
      <img src="https://static.igem.org/mediawiki/2014/e/ea/Template-igem2014-img-arrowright.png" style="display:block; float:right; padding-top:10px; " />
 +
    </a>
-
<div id="Footer" >
+
  </div>
-
<table align="center" style="width : 100%; background-color : transparent">
+
 
-
    <td width="5px"></td>
+
  <div class="clear"></div>
-
    <td style="width: 35px;" align="center">
+
 
-
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
+
     </div>
-
        <br> <br>
+
  </div>
-
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
+
</body>
-
        <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="https://2013.igem.org/Main_Page">
+
-
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
+
-
        </a>
+
-
    </td>
+
-
</table>
+
-
</div>
+
-
</div>
+
</html>
</html>
 +
 +
<!-------------------------------- FOOTER --------------------------------->
 +
{{:Team:Toulouse/template/footer}}

Revision as of 16:11, 28 September 2014