Team:Toulouse/Team

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">
 
-
/* Removing wiki-like stuff */
+
<!--/* open Sans : fonnt Google*/-->
-
/****************************/
+
-
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
/* Redesigning the topmenu */
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
/***************************/
+
-
body {
+
-
    : 0 0 0 0;
+
-
    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 */
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
-
/**********/
+
-
body, #heading, #innercontent, #innercontenthome {
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
-
    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{
+
<!--/* CSS contenu*/-->
-
    clear:both;
+
-
}
+
 +
<style type="text/css">
-
/*background Header*/
+
  .title1{color:#20a8da; font-family:'Open Sans'; font-weight:600; font-size:24px; margin:0 0 33px 0; border:none;}
-
#bgHeader{
+
-
    position : absolute;  
+
-
    left : 0px;
+
-
    top : 0px;
+
-
    z-index:0;
+
-
    width : 100%;
+
-
    min-width : 700px;
+
-
    max-width : 1200px;
+
-
    background-color : transparent;
+
-
   
+
-
}
+
-
/* Barre de Menu*/
+
  .title2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px; margin:0 0 30px 0; border:none;}
-
.btHeaderA{  
+
-
    position : relative;
+
-
    z-index:2;
+
-
    width: 100%;
+
-
height: auto;
+
-
}
+
-
.btHeaderB{
+
  .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
-
    position : absolute;
+
-
    z-index:1;
+
-
    width: 100%;
+
-
height: auto;
+
-
}
+
-
.btHeaderC{
+
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
-
    z-index:3;
+
-
    position: relative;
+
-
    top : 45px;
+
-
    text-align: center;
+
-
    width: auto;
+
-
height : auto;
+
-
   
+
-
}
+
-
.btHeaderA:hover{
+
.banniere{
-
    z-index:1;
+
background: url('http://2014.igem.org/wiki/images/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
 +
-webkit-background-size: cover; /* pour Chrome et Safari */
 +
-moz-background-size: cover; /* pour Firefox */
 +
-o-background-size: cover; /* pour Opera */
 +
background-size: cover;
 +
height:315px;
 +
margin: 30px 0 0;
 +
width:100%;
}
}
-
.btHeaderB:hover{
+
.banniere-content{
-
    top : 0px;
+
background-color: rgba(46,204,113, 0.6);
-
    z-index : 3;
+
padding:28px 28px 0;
 +
position:absolute;
 +
bottom:0;
 +
right: 0;
 +
height:92px;
 +
width:392px;
 +
color:white
}
}
-
img.headerbutton{
+
.banniere-content h2{
-
    max-width : 100px;
+
color:white;
-
    width : 100%;
+
font-size:24px
-
height : auto;
+
}
}
-
img.headerbutton:hover{
+
.banniere-content p{
-
    max-width : 110px;
+
color:white;
-
    width : 100%;
+
font-size:16px
-
height : auto;
+
}
}
-
#Menu {
 
-
    position : absolute;
 
-
    width : 100%;
 
-
    min-width :780px;
 
-
    max-width : 1400px;
 
-
    top : 0;
 
-
}
 
-
.Item {
+
.Title{
-
    position : absolute;
+
     text-shadow: 1px 3px 3px rgba(70, 156, 133, 0.75);
-
     text-align : center;
+
     color: #2CC23E;
-
     display : inline-block;
+
     font-size: 50px;
-
     min-Height : 150px;
+
     text-align: center;
-
     text-decoration: no underline;
+
}
}
-
.Item a{
+
.Sub_title{
-
     color : black;
+
     color: #2CC23E;
-
     text-shadow:3px 3px 5px #FFFFFF;
+
     font-size: 30px;
}
}
-
.sub-nav {
+
.Article {
-
     display: none; /* Masque la sous-liste */
+
     text-align: justify;
-
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
+
     text-indent:15px;
-
     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{
+
a.Link {
-
     background-color: transparent;
+
     font-size:10pt;
 +
    color :#A4A4A4;
 +
    text-decoration:none;
}
}
-
.Item:hover .sub-nav {
+
a.Link:hover{
-
     display: block; /* Affiche cette sous-liste au survol de son conteneur */
+
     text-decoration:underline;
-
    background-color: transparent;
+
-
    top : 163px;
+
-
    Z-index : 4;
+
-
    left : 25px;
+
}
}
 +
/*Overview*/
 +
.CropImg{
 +
    position : absolute;
 +
    width: 700px;
 +
    left :50%;
 +
    margin-left:-350px;
 +
    height: auto;       
 +
    overflow: hidden;
 +
    display :block;
-
/*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 {
 
-
/* 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) */
 
-
    /*------- gallery ----------*/
 
-
 
-
#slideshow {
 
-
    position:relative;
 
-
    height:391px;
 
-
    margin-top:20px;
 
-
}
 
-
 
-
#slideshow img {
 
-
    position:absolute;
 
-
    top:0;
 
-
    left:0;
 
-
    z-index:;
 
-
}
 
-
 
-
#slideshow img.active {
 
-
    z-index:2;
 
-
}
 
-
 
-
#slideshow img.last-active {
 
-
    z-index:1;
 
-
}
 
-
 
</style>
</style>
 +
<body>
-
<!-- STYLESHEET -->
+
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
-
<!-- *********** --
+
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Notebook&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Project monitoring</p>
 +
  </div>
 +
 
-
    <link rel="stylesheet" href="http://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
+
  <div id="innercontenthome">
 +
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
 +
      <p class="texte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus turpis urna, dapibus auctor mi eu, mollis ultrices nisl. Nunc suscipit tortor mi. In sapien nunc, condimentum in commodo quis, lobortis et arcu. Proin accumsan nunc eget ante luctus ornare. Nunc laoreet elit vel vulputate fermentum. Integer faucibus, nunc non lobortis faucibus, ante mauris posuere ligula, sed laoreet lectus turpis a nisl. Morbi ac enim felis.</p>
-
    <link rel="stylesheet" href="http://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
+
<p class="texte">Vivamus varius aliquet nisl vel efficitur. Praesent congue mi vel elit volutpat posuere. Mauris vitae viverra urna. Cras ligula purus, malesuada ac molestie id, vestibulum eget magna. Quisque consequat erat vitae odio feugiat feugiat. Donec eleifend congue suscipit. Nam maximus nec elit vitae dapibus. Cras et rhoncus purus, quis scelerisque nunc. Integer mollis ut dolor at tincidunt. Cras feugiat, tellus id condimentum commodo, tortor urna lacinia sapien, eu convallis lorem ante id augue. Nullam vitae metus mi.</p>
-
</head>
+
<p class="texte">Vivamus malesuada, diam vitae cursus posuere, lorem augue ultrices neque, sit amet mattis tellus massa sed enim. Praesent a suscipit tellus, id accumsan arcu. Maecenas vitae volutpat felis. Vivamus felis ligula, vestibulum ut venenatis quis, ultrices in magna. In elementum placerat posuere. Nam viverra risus vitae nunc pulvinar, eu ultrices urna ullamcorper. In elementum dui imperdiet, venenatis neque sed, facilisis augue. Sed maximus vulputate eleifend. Suspendisse at bibendum orci, a porttitor velit. Sed vestibulum magna dui, ut fringilla metus auctor sed.</p>
-
<body >
+
<p class="texte">Aliquam molestie semper dignissim. In ut lorem dictum, hendrerit mauris ac, sagittis nulla. Phasellus hendrerit tempus ornare. Pellentesque eu justo in dolor viverra suscipit ut posuere augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer massa orci, pulvinar non blandit in, suscipit nec ex. In pretium lacinia tellus. Duis interdum velit lacinia pellentesque euismod. Nulla pretium accumsan tellus, sed faucibus metus aliquet ac. Donec eleifend dui nec odio volutpat, eu suscipit nibh auctor. Praesent porta ullamcorper risus vitae lobortis. Proin at purus velit. Pellentesque facilisis urna ac nibh mollis, a molestie felis malesuada.</p>
-
<!--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 10:12, 6 October 2014