Difference between revisions of "Team:Toulouse France/Team"

Line 1: Line 1:
−
{{Template:Toulouse_France/fontsome}}
+
{{Toulouse_France}}
  
 
<html>
 
<html>
 +
 +
<head>
 +
<title>iGEM Toulouse 2016</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
 +
 +
<!-- pour avoir logo dans onglet -->
 +
<link rel="icon" href="https://static.igem.org/mediawiki/2016/1/19/Toulouse_France_logo2.png" type="image/jpg" style="width:100%;"/>
 +
 +
</head>
 
 
−
<style>
 
 
 
−
@charset "utf-8
+
<body id="top">
−
+
−
/* Framework
+
−
--------------------------------------------------------------------------------------------------------------- */
+
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
 
+
−
*, *::before, *::after{box-sizing:border-box;}
+
−
 
+
−
.bold{font-weight:bold;}
+
−
.center{text-align:center;}
+
−
.right{text-align:right;}
+
−
.uppercase{text-transform:uppercase;}
+
−
.capitalise{text-transform:capitalize;}
+
−
.hidden{display:none;}
+
−
.nospace{margin:10px; padding:10px; list-style:none;}
+
−
.block{display:block;}
+
−
.inline *{display:inline-block;}
+
−
.inline *:last-child{margin-right:0;}
+
−
.pushright li{margin-right:20px;}
+
−
.pushright li:last-child{margin-right:0;}
+
−
.borderedbox{border:1px solid;}
+
−
.overlay{position:relative; z-index:1;}
+
−
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
+
−
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}
+
−
.bgded2{background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
+
−
.page{background-position:top center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
+
−
.circle{border-radius:50%; background-clip:padding-box;}
+
−
 
+
−
.btn{display:inline-block; padding:10px 20px 12px; text-transform:uppercase; border:1px solid;}
+
−
 
+
−
blockquote{display:block; position:relative; width:100%; margin:0; padding:30px; line-height:1.4; z-index:1;}
+
−
blockquote::before{display:block; position:absolute; top:0; left:0; font-family:"FontAwesome"; font-size:60px; line-height:60px; content:""; z-index:-1;}
+
−
 
+
−
.clear, .group{display:block;}
+
−
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
+
−
.clear, .clear::after, .group, .group::after{clear:both;}
+
−
 
+
−
a{outline:none; text-decoration:none;}
+
−
 
+
−
.fl_left, .imgl{float:left;}
+
−
.fl_right, .imgr{float:right;}
+
−
 
+
−
img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
+
−
.imgl{margin:0 15px 10px 0; clear:left;}
+
−
.imgr{margin:0 0 10px 15px; clear:right;}
+
−
 
+
−
 
+
−
/* Fonts
+
−
--------------------------------------------------------------------------------------------------------------- */
+
−
body, input, textarea, select{font-family:Verdana, Geneva, sans-serif;}
+
−
h1, h2, h3, h4, h5, h6, .heading{font-family:Georgia, "Times New Roman", Times, serif;}
+
−
 
+
−
 
+
−
/* Forms
+
−
--------------------------------------------------------------------------------------------------------------- */
+
−
form, fieldset, legend{margin:0; padding:0; border:none;}
+
−
legend{display:none;}
+
−
label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}
+
−
label{margin-bottom:5px;}
+
−
:required, :invalid{outline:none; box-shadow:none;}
+
−
 
+
−
 
+
−
/* Generalise
+
−
--------------------------------------------------------------------------------------------------------------- */
+
−
h1, h2, h3, h4, h5, h6, .heading{margin:0 0 20px 0; font-size:28px; line-height:normal; font-weight:normal; text-transform:capitalize;}
+
−
 
+
−
address{font-style:normal; font-weight:normal;}
+
−
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}
+
−
 
+
−
.font-xs{font-size:.8rem;}
+
−
.font-x1{font-size:1.2rem;}
+
−
.font-x2{font-size:1.8rem;}
+
−
.font-x3{font-size:2.8rem;}
+
−
 
+
−
.wrapper{display:block; position:relative; width:100%; margin:0px 20px 5px 20px; padding:0px; text-align:left; word-wrap:break-word;}
+
  
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ########################  BLACK BAR ###################################################### -->
 
 
−
/*
+
−
The "hoc" class is a generic class used to centre a containing element horizontally
+
<div id="topbar" class="hoc clear">
−
It should be used in conjunction with a second class or ID
+
<p>Follow us  &#64;           
−
*/
+
<a href="https://www.facebook.com/pages/iGEM-Toulouse-2015/1604834019761538?ref=aymt_homepage_panel"><img src="https://static.igem.org/mediawiki/2016/3/3a/Toulouse_France_fb.png" style="width:2%;"/></a>
−
.hoc{display:block; margin:0 auto;}
+
<a href="https://twitter.com/igem_toulousefr"><img src="https://static.igem.org/mediawiki/2016/6/6a/Toulouse_France_twitter2.png" style="width:2%;"/></a>
 +
<a href="https://fr.ulule.com/paleobtilis/"><img src="https://static.igem.org/mediawiki/2016/4/46/Toulouse_France_Ulule_logo.png" style="width:3%; background-color:rgba(255,255,255,0.3);"/></a>
 +
</p>
 +
</div>
 +
 +
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- #############################  NAVIGATEUR + PORTION EN DESSOUS  ################################################# -->
 +
 +
<!-- Top Background Image Wrapper -->
  
 +
<div class="page" style="background-image:url('https://static.igem.org/mediawiki/2016/4/43/Toulouse_France_PanneauEmpreinte.jpg');">
  
−
/* HTML 5 Overrides
+
<header id="header" class="hoc clear">
−
--------------------------------------------------------------------------------------------------------------- */
+
<!-- POURQUOI ICI ? MathJax is a JavaScript library for displaying mathematical equations. A copy of MathJax 2.5 is installed on 2015.igem.org -->
−
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}
+
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
 +
<nav id="mainav">
 +
<ul class="clear">
 +
<li class="active"><a href="https://2016.igem.org/Team:Toulouse_France">Home</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team">Team</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#Presentation">Presentation</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#FunFacts">Fun Facts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Team#Gallery">Gallery</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description">Project</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description">Description</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description#Predation">Design : Predation</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description#Antifungals">Design : Antifungals</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Description#Confinement">Design : Confinement</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Device">Device</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results">Results</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Predation">Module : Predation</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Antifungals">Module : Antifungals</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Results#Confinement">Module : Confinement</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Model">Modeling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application">Application</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application#LaboratoryCave">Laboratory Cave</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Application#LegalIssues">Legal Issues</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Wetlab">Wet Lab</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Protocols">Protocols</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Safety">Safety</a></li>
 +
</ul>
 +
</li>  
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Ethics">Ethics</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices#Meetups">Meet ups</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Collaborations">Collaboration</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Human_Practices#Education">Education</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions">Attributions</a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions#Aknowledgements">Aknowledgements</a></li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Attributions#Supports">Supports</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:Toulouse_France/Contact">Contacts</a></li>
 +
</ul>
 +
</nav>
 +
</header>
  
−
/* Grid
+
<!-- ################################################################################################ -->
−
--------------------------------------------------------------------------------------------------------------- */
+
<!-- ################################################################################################ -->
−
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}
+
<!-- ################################################################################################ -->
−
 
+
−
.first{margin-left:0; clear:left;}
+
<div id="pageintro" class="hoc clear">
−
 
+
−
.one_quarter{width:22.69938650306748%;}
+
<article align="justify">
−
.one_third{width:25%;}
+
<center>
−
.one_half, .two_quarter{width:48.46625766871166%;}
+
<p class="heading">iGEM Toulouse Team presents<br><br><i>Paleotilis, a shield for the Lascaux cave</i></p>
−
.two_third{width:65.6441717791411%;}
+
<h2>Back to the origins<br><br></h2>
−
.three_quarter{width:74.23312883435584%;}
+
<center><img src="https://static.igem.org/mediawiki/2016/1/19/Toulouse_France_logo2.png" style="width:20%;"></center>
−
 
+
</center>
−
 
+
</article>
−
/* Spacing
+
−
--------------------------------------------------------------------------------------------------------------- */
+
−
.btmspace-10{margin-bottom:10px;}
+
<div style="margin: 14px 0px 5px;">
−
.btmspace-15{margin-bottom:15px;}
+
<div style="float: left; text-align: right; width: 140px; height: 40px; margin: 5px 0px; color: #FAEBD7;">
−
.btmspace-30{margin-bottom:30px;}
+
<span id="counter" style="color: white; font: normal 24px/40px sketch_rockwell,Arial,sans-serif; display:inline;" ></span> <a href="https://2016.igem.org/Special:PopularPages">visitors</a>
−
.btmspace-50{margin-bottom:50px;}
+
</div>
−
.btmspace-80{margin-bottom:80px;}
+
−
 
+
<div style="float: left; text-align: right; width: 400px; height: 40px; margin: 5px 0px 5px 33px; color: #FAEBD7; display:inline;">
−
.inspace-5{padding:5px;}
+
<span id="countdown" style="color: white; font: normal 24px/40px sketch_rockwell,Arial,sans-serif;"></span> left to World Wiki Freeze
−
.inspace-10{padding:10px;}
+
</div>
−
.inspace-15{padding:15px;}
+
</div>
−
.inspace-30{padding:30px;}
+
−
.inspace-50{padding:50px;}
+
</div>
−
.inspace-80{padding:80px;}
+
 +
 +
</div>
 +
<!-- ################################################################################################ -->
 +
 +
<!-- End Top Background Image Wrapper -->
 +
 +
 +
 +
 
 
−
 
 
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------  CSS  ---------------------------------------------------------------------------------------- */
 
−
 
 
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
 
 
 
−
/* Top Bar
 
−
--------------------------------------------------------------------------------------------------------------- */
 
−
#topbar{padding:2px 15px; font-size:.9rem; text-transform:uppercase;}
 
−
#topbar *{margin:0;}
 
−
#topbar ul li{display:initial; margin-right:10px; padding-right:10px; border-right:1px solid;}
 
−
#topbar ul li:last-child{margin-right:10px; padding-right:10px; border-right:none;}
 
−
#topbar i{margin:0px 5px 0px 0px; line-height:normal;}
 
 
 
−
/* Top Bar Colour */
 
−
#topbar{color:#CBCBCB; background-color:#000000;}
 
−
#topbar ul li{border-color:rgba(255,255,255,.2);}
 
−
#topbar > div:last-of-type li:first-child a{color:#66CCCC;}
 
−
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
 
−
 
−
/* Navigation
 
−
--------------------------------------------------------------------------------------------------------------- */
 
−
nav ul, nav ol{margin:0; padding:0; list-style:none;}
 
−
 
−
#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
 
−
 
−
/* Top Navigation */
 
−
#mainav{}
 
−
#mainav ul.clear{margin-top:0px;}
 
−
#mainav ul{text-transform:uppercase}
 
−
#mainav ul ul{z-index:9999; position:absolute; width:230px; text-transform:none;}
 
−
#mainav ul ul ul{left:180px; top:0;}
 
−
#mainav li{display:inline-block; position:relative; margin:0 8px 0 0; padding:0;}
 
−
#mainav li:last-child{margin-right:0;}
 
−
#mainav li li{width:100%; margin:0;}
 
−
#mainav li a{display:block; padding:10px 10px;}
 
−
#mainav li li a{border:solid; border-width:0 0 1px 0;}
 
−
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
 
−
#mainav li li .drop::after{top:15px; left:5px;}
 
−
#mainav ul ul{visibility:hidden; opacity:0;}
 
−
#mainav ul li:hover > ul{visibility:visible; opacity:1;}
 
−
 
−
#mainav form{display:none; margin:0; padding:0;}
 
−
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
 
−
#mainav form select{width:100%; padding:5px; border:none;}
 
−
#mainav form select option{margin:5px; padding:0; border:none;}
 
−
 
−
 
−
 
−
/* Navigation Colour */
 
−
#mainav{color:#FFFFFF; background-color:rgba(255,255,255,.2);}
 
−
#mainav li a{color:inherit;}
 
−
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#66CCCC; background-color:inherit;}
 
−
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.7); border-color:rgba(0,0,0,.8);}
 
−
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#66CCCC;}
 
−
#mainav form select{color:#FFFFFF; background-color:#000000;}
 
−
 
−
 
−
.pagination a, .pagination strong{border-color:#D7D7D7;}
 
−
.pagination .current *{color:#FFFFFF; background-color:#66CCCC;}
 
−
 
−
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
 
−
/* Page Intro
 
−
--------------------------------------------------------------------------------------------------------------- */
 
−
#pageintro{padding:150px 0;}
 
−
 
−
#pageintro article{max-width:100%;}
 
−
#pageintro article *{text-transform:uppercase;}
 
−
#pageintro article .heading{margin:0 0 50px 0; padding:0; line-height:1; font-size:32px;}
 
−
#pageintro article p{margin:0;}
 
−
#pageintro article h2{font-size:28px;}
 
−
#pageintro article p:first-of-type{margin-bottom:35px; font-size:32px; letter-spacing:5px;}
 
−
#pageintro article footer{margin-top:60px;}
 
 
 
−
/* Page Intro Colour
 
−
---------------------------------------------------------------------------------------------------------------*/
 
−
#pageintro{color:#FFFFFF;}
 
−
#pageintro article h2{color:#FFFFFF;}
 
 
 
 
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
 
 
−
/* Segments (3 segments) ne marche pas
 
−
---------------------------------------------------------------------------------------------------------------*/
 
−
#main article {border-style:solid; border-width: 10px; position:relative; margin-left:auto; margin-right:auto;}
 
−
#main article .heading2{margin:0; padding:0; line-height:1; font-size:22px; position:relative;}
 
−
 
−
/* Segments Colour ne marche pas
 
−
---------------------------------------------------------------------------------------------------------------*/
 
−
.row{color:#000000; background-color:#FFFFFF;}
 
−
.row article {border-color:#000000;}
 
−
 
 
 
 
 
 
 
 
 
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################    CORPS DE LA PAGE ######################################## -->
 
 
−
/* Clients
+
<div class="wrapper row">
−
---------------------------------------------------------------------------------------------------------------*/
+
<div class="hoc container clear">
−
.clients{}
+
<br><br>
−
.clients *{margin:0; padding:0;}
+
<center><img src="https://static.igem.org/mediawiki/2016/2/28/Toulouse_France_equipe.jpg" style="width:50%;" /></center>
−
.clients ul li{display:block; float:left; width:12%; padding:0 5px; box-sizing:border-box;}
+
−
.clients ul li *{width:100%; opacity:.6;}
+
−
.clients ul li *:hover{opacity:1;}
+
  
 +
<div class="group center">
 +
<p align="justify" style="font-size:15px;">
 +
 +
<br>
 +
<br>
 +
The 2016 Toulouse team is composed of students from INSA Toulouse and Paul Sabatier University, as well as several teachers from these two institutions. This diversity
  
 +
allows us to widen the set of skills and to bring a strong dynamic to complete the project.
 +
<br>
 +
<br>
 +
The iGEM 2016 team is constituted of:
 +
<br>
 +
- 4 students from INSA Toulouse in 4th year of Biochemical Engineering: Anissa
  
 +
Dieudonné, Marine Dubois, Oumnia Karim and Fanny Leclerc.
 +
 +
<br>
 +
- 4 students from Paul Sabatier University in 1st year of MABS Master: Manon Barthe
  
−
/* Header
+
and Camille Roux (specialized in Genetics / Microbiology), Eve Coutant (specialized in
−
--------------------------------------------------------------------------------------------------------------- */
+
−
#header{align-content:center;}
+
  
−
#header #logo{margin-top:0px;}
+
AgroBioSciences) and Soukaïna Timouma (specialized in Bioinformatics and Systems
−
#header #logo *{margin:0px; padding:0px; line-height:1px;}
+
−
#header #logo h1{font-size:16px; font-variant:small-caps;}
+
−
#header #logo p{font-size:14px; text-transform:lowercase;}
+
  
 +
Biology).
 +
 +
<br>
 +
- 3 teachers: Kaymeuang Cam (IPBS), Brice Enjalbert (LISBP) and Gilles Truan (LISBP).
  
 +
Kaymeuang Cam, researcher at the Institute of Pharmacology and Structural Biology (IPBS) is
  
 +
the Primary PI.
 +
<br>
 +
<br>
 +
</p>
 +
</div>
  
−
/* Content Area
+
<!-- ################################################################################################ -->
−
--------------------------------------------------------------------------------------------------------------- */
+
<!-- ################################################################################################ -->
−
.container{padding:0px 0;}
+
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<div class="textContent">
 +
<div class="column-left">
 +
 +
<div id="teamGallery">
 +
<h2>Students</h2>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#FannyLeclerc">
 +
<img src="https://static.igem.org/mediawiki/2016/d/d2/Toulouse_France_Fanny.jpg" title="Fanny Leclerc">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#MarineDubois">
 +
<img src="https://static.igem.org/mediawiki/2016/b/b2/Toulouse_France_Marine.jpg" title="Marine Dubois">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#SoukainaTimouma">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f3/Toulouse_France_Sookie2.jpg" title="Soukaina Timouma">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#AnissaDieudonne">
 +
<img src="https://static.igem.org/mediawiki/2016/4/4f/Toulouse_France_Anissa.jpg" title="Anissa Dieudonne">
 +
</a>
 +
</div>
 +
</div>
 +
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#EveCoutant">
 +
<img src="https://static.igem.org/mediawiki/2016/6/64/Toulouse_France_Eve.jpg" title="Eve Coutant">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#CamilleRoux">
 +
<img src="https://static.igem.org/mediawiki/2016/2/20/Toulouse_France_Camille.jpg" title="Camille Roux">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#ManonBarthe">
 +
<img src="https://static.igem.org/mediawiki/2016/4/47/Toulouse_France_Manon.jpg" title="Manon Barthe">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="https://2016.igem.org/Team:Toulouse_France/Team#OumniaKarim">
 +
<img src="https://static.igem.org/mediawiki/2016/3/3d/Toulouse_France_Oumnia.jpg" title="Oumnia Karim">
 +
</a>
 +
</div>
 +
</div>
 +
 +
</div>
  
−
/* Content */
+
−
.container .content{}
+
<div style="clear: both"></div>
  
−
.excerpt{display:inline-block; width:100%; max-width:320px; padding-bottom:10px;}
+
<div id="teamGallery">
−
.excerpt img{}
+
<h2>Advisors and Instructors</h2>
−
.excerpt .excerpttxt{display:block; position:relative; max-width:90%; margin:-40px auto; padding:20px;}
+
−
.excerpt .heading{margin:0 0 5px 0;}
+
<div class="box">
−
.excerpt .heading2{margin:0 0 5px 0;}
+
<div class="innerBox">
−
.excerpt p:last-of-type{margin:0; padding:0;}
+
<a href="">
 +
<img src="" title="Kaymeuang Cam">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="">
 +
<img src="" title="Brice Enjalbert">
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div class="box">
 +
<div class="innerBox">
 +
<a href="">
 +
<img src="" title="Gilles Truan">
 +
</a>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
  
−
 
  
−
/* Footer
+
<div class="column-right">
−
--------------------------------------------------------------------------------------------------------------- */
+
−
#footer{padding:0px 0;}
+
  
−
#footer .title{margin:0 0 0 0; padding:0; font-size:1.2rem;}
+
<div class="descriptionArea" id="empty"></div>
  
−
#footer .linklist li{display:block; position:relative; margin-bottom:2px; padding:0 0 20px 0; border-bottom:1px solid; text-align:center;}
+
<div  class="descriptionArea" id="EveCoutant">
−
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
+
<img src="">
−
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
+
<h3>Eve Coutant</h3>
−
#footer .linklist li, #footer .linklist li::after{clear:both;}
+
<p>agrobiosciences .</p>
 +
</div>
  
−
#footer .contact{}
+
<div class="descriptionArea" id="SoukainaTimouma">
−
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding:0 0 20px 0; text-align:center;}
+
<img src="https://static.igem.org/mediawiki/2016/c/cf/Toulouse_France_Sookie.jpg">
−
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
+
<h3>Soukaïna Timouma</h3>
−
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:20px; font-size:14px; text-align:center;}
+
<p>Bioinfo.<br></p>
 +
</div>
  
 +
<div class="descriptionArea" id="FannyLeclerc">
 +
<img src="https://static.igem.org/mediawiki/2016/3/37/Toulouse_France_Fanny2.jpg">
 +
<h3>Fanny Leclerc</h3>
 +
<p>INSA .</p>
 +
</div>
 +
 +
<div class="descriptionArea" id="MarineDubois">
 +
<img src="https://static.igem.org/mediawiki/2016/0/0c/Toulouse_France_Marine2.jpg">
 +
<h3>Marine Dubois</h3>
 +
<p>INSA .</p>
 +
</div>
 +
 +
<div class="descriptionArea" id="AnissaDieudonne">
 +
<img src="">
 +
<h3>Anissa Dieudonné</h3>
 +
<p>INSA .</p>
 +
</div>
 +
 +
<div class="descriptionArea" id="CamilleRoux">
 +
<img src="">
 +
<h3>Camille Roux</h3>
 +
<p>microbio .</p>
 +
</div>
 +
 +
<div class="descriptionArea" id="ManonBarthe">
 +
<img src="">
 +
<h3>Manon Barthe</h3>
 +
<p>microbio .</p>
 +
</div>
 +
 +
<div class="descriptionArea" id="OumniaKarim">
 +
<img src="">
 +
<h3>Oumnia Karim</h3>
 +
<p>INSA .</p>
 +
</div>
 +
 +
</div>
 +
 +
 +
<div style="clear: both;"></div>
 +
 +
</div>
 +
<!-- Gallery JS (animation) -->
 +
<script type="text/javascript">
 +
/**
 +
* Add hash to url without scrolling
 +
*
 +
* @param String $url - it could be hash or url with hash
 +
*
 +
* @return void
 +
*/
 +
function addHashToUrl($url)
 +
{
 +
  if ('' == $url || undefined == $url) {
 +
    $url = '_'; // it is empty hash because if put empty string here then browser will scroll to top of page
 +
  }
 +
  $hash = $url.replace(/^.*#/, '');
 +
  var $fx, $node = jQuery('#' + $hash);
 +
  if ($node.length) {
 +
    $fx = jQuery('<div></div>')
 +
            .css({
 +
                position:'absolute',
 +
                visibility:'hidden',
 +
                top: jQuery(window).scrollTop() + 'px'
 +
            })
 +
            .attr('id', $hash)
 +
            .appendTo(document.body);
 +
    $node.attr('id', '');
 +
  }
 +
  document.location.hash = $hash;
 +
  if ($node.length) {
 +
    $fx.remove();
 +
    $node.attr('id', $hash);
 +
  }
 +
};
  
−
/* Copyright
+
$(document).ready(function() {
−
--------------------------------------------------------------------------------------------------------------- */
+
  // Make the list of all members
−
#copyright{padding:7px 0;}
+
  var members = $('.descriptionArea').map(function(index) {
−
#copyright *{margin:0; padding:0;}
+
    return this.id;
−
+
  });
−
#copyright{color:#FFFFFF; background-color:rgba(0,0,0,.5); text-align:center;}
+
  members = jQuery.makeArray(members);
−
#copyright a{color:inherit;}
+
−
+
  
  
−
/* Transition Fade
+
  // Make the hash change:
−
--------------------------------------------------------------------------------------------------------------- */
+
  // Escape removes the hash
−
*, *::before, *::after{transition:all .3s ease-in-out;}
+
  $(document).keyup(function(e) {
−
#mainav form *{transition:none;!important}
+
    if (e.keyCode == 27) {
 +
      addHashToUrl("");
 +
    };
 +
  });
  
−
 
−
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
−
/* ------------------------------------------------------------------------------------------------------------ */
 
  
 +
  // Triggers: hashchange, when page loads with specified hash
 +
  // Page is loaded
 +
  var hash = window.location.hash.slice(1);
 +
  if (jQuery.inArray(hash, members) != -1) {
 +
    $("#"+hash).addClass("show");
 +
    $("#empty").removeClass("show");
 +
  };
  
−
/* Colours
 
−
--------------------------------------------------------------------------------------------------------------- */
 
−
body{color:#CBCBCB; background-color: #000000;}
 
−
a{color:#000000;}
 
−
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
 
−
hr, .borderedbox{border-color:#D7D7D7;}
 
−
label span{color:#FF0000; background-color:inherit;}
 
−
input:focus, textarea:focus, *:required:focus{border-color:#66CCCC;}
 
−
.overlay{color:#FFFFFF; background-color:inherit;}
 
−
.overlay::after{color:inherit; background-color:rgba(0,0,0,.4);}
 
  
−
.inherit{color:inherit;}
+
  // Hash changes
 +
  $(window).bind('hashchange', function() { // when hash changes
 +
    var hash = window.location.hash.slice(1);
 +
    $(".descriptionArea").removeClass("show");
 +
    $("#empty").addClass("show");
 +
    if (jQuery.inArray(hash, members) != -1) {
 +
      $("#"+hash).addClass("show");
 +
      $("#empty").removeClass("show");
 +
    };
 +
  });
  
−
.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#66CCCC; border-color:#66CCCC;}
+
  // Close window when click outside of it
−
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}
+
  //$("body").click(function(event) {
 +
  //  if(!$(event.target).closest(".descriptionArea").length) {  
 +
  //    $(".descriptionArea").removeClass("show");
 +
  //    addHashToUrl("");
 +
  //  };
 +
  //});
  
−
blockquote::before{color:rgba(255,255,255,.5);}
+
});
 +
</script>
  
 +
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
 +
  
−
 
+
<div class="group center">
−
 
+
<p align="middle" style="font-size:15px;">
−
 
+
<br>
−
/* Sonsor */
+
<br>
−
.sponsor{margin:20px 0px;}
+
<b>Let the show begin !!</b>
−
.sponsor, .sponsor a{color:#FFFFFF; background-color:#FFFFFF;}
+
<br>
−
 
+
<br>
−
 
+
</p>
−
/* Header */
+
</div>
−
#header #logo h1 a{color:inherit;}
+
−
 
+
<center><img src="https://static.igem.org/mediawiki/2016/d/dc/Toulouse_France_equipeBolt.png" style="width:50%;" /></center>
−
 
+
<br><br>
−
/* Content Area */
+
</div>
−
.excerpt .excerpttxt{color:inherit; background-color:#FFFFFF;}
+
</div>
−
 
+
−
 
+
−
/* Footer */
+
−
#footer .title{color:#FFFFFF;}
+
−
#footer .linklist li{border-color:rgba(255,255,255,.4);}  /* couleur des barres séparatrices */  
+
−
#footer .footertxt{background-color:rgba(255,255,255,.3);}
+
  
 
 
  
−
/* back to top */
 
 
 
−
.anchor {
 
−
height: 30px;
 
−
position: fixed;
 
−
bottom: 20px;
 
−
right: 30px;
 
−
z-index: 1000;
 
−
cursor: pointer;
 
−
-webkit-transition: all ease 0.4s;
 
−
-moz-transition: all ease 0.4s;
 
−
-ms-transition: all ease 0.4s;
 
−
-o-transition: all ease 0.4s;
 
−
transition: all ease 0.4s;
 
−
}
 
−
 
−
 
 
 
−
/* Social Icons
 
−
---------------------------------------------------------------------------------------------------------------*/
 
−
.faico{margin:0px; padding:0; list-style:none;}
 
−
.faico li{display:inline-block; margin:0 2px 0 0; padding:0; line-height:10px;}
 
−
.faico li:last-child{margin-right:0;}
 
−
.faico a{display:inline-block; width:auto; height:auto; line-height:20px; border-radius:5px; font-size:16px; text-align:center;}
 
−
.faico img{width: 2%;}
 
 
 
−
.faico a{color:inherit; }
 
−
.faico a:hover{color:#FFFFFF;}
 
 
 
−
.faico2{margin:0px; padding:0; list-style:none;}
 
−
.faico2 li{display:inline-block; margin:0 2px 0 0; padding:0; line-height:10px;}
 
−
.faico2 li:last-child{margin-right:0;}
 
−
.faico2 a{display:inline-block; width:auto; height:auto; line-height:20px; border-radius:5px; font-size:16px; text-align:center;}
 
−
.faico2 img{width: 20%; margin:15px;}
 
 
 
−
.faico2 a{color:inherit; }
 
−
.faico2 a:hover{color:#FFFFFF;}
 
 
 
 
 
 
 
−
+
<!-- ################################################################################################ -->
−
+
<!-- ################################################################################################ -->
−
+
<!-- #############    SPONSORS ################################################################################### -->
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
/* ------------------------------------------------------------------------------------------------------------ */
+
−
 
+
−
 
+
  
 +
<div class="wrapper sponsor" align="center">
 +
<!-- ################################################################################################ -->
 +
<figure class="clients">
 +
<ul class="clear" align="center">
 +
<li><a href="http://www.insa-toulouse.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/e/e5/Toulouse_France_INSA_logo.png" alt=""  style="width:90%;"></a></li>
 +
<li><a href="http://www.insa-toulouse.fr/fr/institution/fondation-insa-toulouse/soutenir-l-insa-toulouse.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/7/70/Toulouse_France_FondationINSA_logo.png" alt=""></a></li>
 +
<li><a href="http://www.univ-tlse3.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/8/80/Toulouse_France_UPS_logo.png" alt="" ></a></li>
 +
<li><a href="http://www.lisbp.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/2/28/Toulouse_France_LISBP_logo.png" alt="" ></a></li>
 +
<li><a href="http://www.univ-toulouse.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/a/a3/Toulouse_France_UnivTLSE_logo.png" alt="" ></a></li>
 +
<li><a href="https://www.kbs-frb.be/fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/2/24/Toulouse_France_Solvay_logo.png" alt=""></a></li>
 +
<li><a href="http://www.fsi.univ-tlse3.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/4/4b/Toulouse_France_FSI_logo.png" alt="" ></a></li>
 +
<li><a href="http://www.adisseo.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/7/73/Toulouse_France_Adisseo_logo.png" alt="" ></a></li>
 +
</ul>
 +
</figure>
 +
 +
<figure class="clients">
 +
<ul class="clear" align="center">
 +
<li><a href="http://www.france-science.org/-Los-Angeles-.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/0/00/Toulouse_France_Ambassade2_logo.png" alt="" style="width:70%;"></a></li>
 +
<li><a href="http://semitour.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/d/db/Toulouse_France_Semitour_logo.png" alt="" style="width:70%;"></a></li>
 +
<li><a href="https://www.neb.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/4/41/Toulouse_France_NEB_logo.png" alt=""></a></li>
 +
<li><a href="http://www.toulouse.inra.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/a/a3/Toulouse_France_INRA_logo.png" alt=""></a></li>
 +
<li><a href="http://www.toulouse-white-biotechnology.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/9/91/Toulouse_France_TWB_logo.png" alt=""></a></li>
 +
<li><a href="http://eu.idtdna.com/site" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/2/21/Toulouse_France_IDT_logo.png" alt="" ></a></li>
 +
<li><a href="http://www.genotoul.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/4/4e/Toulouse_France_Genotoul_logo.png" alt=""></a></li>
 +
<li><a href="http://fr.mathworks.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2016/5/5c/Toulouse_France_Mathworks_logo.png" alt=""></a></li>
 +
</ul>
 +
</figure>
 +
<!-- ################################################################################################ -->
 +
</div>
 
 
 
 
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- #####################  PIED DE PAGE    ##################################################### -->
 
 
 
 
 +
<!-- Footer Background Image Wrapper -->
 
 
−
 
−
 
−
 
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
  
−
#sideMenu, #top_title {display:none;}
+
<!-- ################################################################################################ -->
−
#content {padding:0px; width:auto; margin-top:-7px;margin-left:0} /*J'ai regle les marges */
+
<div class="bgded2" style="background-image:url('https://static.igem.org/mediawiki/2016/4/43/Toulouse_France_PanneauEmpreinte.jpg');">
−
#body {width: 100% ; height: 100% ; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #000;  background-color: #d4dce4;}
+
<div class="wrapper row4">
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin: 0 0 35px; text-transform: uppercase; font-family: Montserrat, cursive,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; letter-spacing: 1px;} /*Ca tu peux changer la police*/
+
<footer id="footer" class="hoc clear">
 +
<!-- ################################################################################################ -->
  
−
/*Là y avait le CSS du menu d'iGEM, j'ai enlevé */
+
<div class="footertxt">
 +
<h6 class="title">Contacts</h6>
 +
</div>
 +
<div class="footertxt">
 +
<ul class="nospace linklist contact">
 +
<address>
 +
&#127968;
 +
INSA Toulouse<br>
 +
135, Avenue de Rangueil<br>
 +
31077 TOULOUSE Cedex 4<br>
 +
France<br>         
 +
</address>
 +
</li>
 +
<li>&#9742; +00 (33) 6 13 64 89 40<br></li>
 +
<li>&#9993; igemtoulouse2016@gmail.com</li>
 +
</ul>
 +
</div>
  
−
/********************************* CONTENT OF THE PAGE ********************************/
+
<!-- ################################################################################################ -->
−
 
+
</footer>
−
/* Wrapper for the content */
+
−
.content_wrapper {
+
<a class="anchor" href="#top"><img align="right" style="width:40px;" src="https://static.igem.org/mediawiki/2016/b/b6/Toulouse_France_backtotop.png" /></a>
−
width: 85%;
+
−
margin-left:150px;
+
</div>
−
padding:10px 0px;
+
<!-- ################################################################################################ -->
−
float:left;
+
<!-- ################################################################################################ -->
−
background-color:white;
+
<!-- #################################  FIN    ############################################## -->
−
}
+
<div class="wrapper row5">
−
 
+
<div id="copyright" class="hoc clear">
−
/*LAYOUT */
+
<center>
−
.column  {
+
<p>Website by <a href="https://2016.igem.org/Team:Toulouse_France">Team iGEM Toulouse 2016</a></p>
−
padding: 10px 0px;
+
</center>
−
float:left;
+
</div>
−
background-color:white;
+
</div>
−
}
+
</div>
−
 
+
<!-- ################################################################################################ -->
−
.full_size {
+
<!-- End Footer Background Image Wrapper -->
−
width:100%;
+
−
}
+
<!-- ################################################################################################ -->
−
 
+
<!-- ################################################################################################ -->
−
.full_size img {
+
<!-- ################################################################################################ -->
−
padding: 10px 15px;
+
</body>
−
width:96.5%;
+
−
}
+
−
 
+
−
.half_size {
+
−
width: 50%;
+
−
}
+
−
.half_size img {
+
−
padding: 10px 15px;
+
−
width: 93%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.highlight {
+
−
width: 90%;
+
−
margin: auto;
+
−
padding: 15px 5px;
+
−
background-color: #f2f2f2;
+
−
}
+
−
 
+
−
.judges-will-not-evaluate {
+
−
border: 4px solid #72c9b6;
+
−
display: block;
+
−
margin: 5px 15px;
+
−
width: 95%;
+
−
font-weight:bold;
+
−
}
+
−
 
+
−
 
+
−
/*STYLING */
+
−
 
+
−
/* styling for the titles */
+
−
.content_wrapper h1, .content_wrapper h2 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color:#72c9b6;
+
−
 
+
−
}
+
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
−
padding:5px 15px;
+
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
−
 
+
−
 
+
−
/* font and text */
+
−
.content_wrapper p {
+
−
padding:0px 15px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Links */
+
−
.content_wrapper a {
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color:#72c9b6;
+
−
color: #72c9b6;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.content_wrapper a:hover {
+
−
text-decoration:none;
+
−
color:#000000;
+
−
}
+
−
 
+
−
/* non numbered lists */
+
−
.content_wrapper ul {
+
−
padding:0px 20px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* numbered lists */
+
−
.content_wrapper ol {
+
−
padding:0px;
+
−
font-size: 13px;
+
−
font-family:Tahoma, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* Table */
+
−
.content_wrapper table {
+
−
width: 97%;
+
−
margin:15px 10px;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.content_wrapper  td {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.content_wrapper th {
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
background-color:#f2f2f2;
+
−
}
+
−
 
+
−
/* Button class */
+
−
.button_click {
+
−
margin: 10px auto;
+
−
padding: 15px; width:12%; 
+
−
text-align:center;
+
−
font-weight:bold;
+
−
background-color: #72c9b6;
+
−
cursor:pointer; 
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* button class on hover */
+
−
.button_click:hover { 
+
−
background-color:#000000;
+
−
color:#72c9b6;
+
−
}
+
−
 
+
−
/********************************* RESPONSIVE STYLING ********************************/
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 1000PX */
+
−
 
+
−
@media only screen and (max-width: 1000px) {
+
−
 
+
−
#content {width:100%; }
+
−
.menu_wrapper {width:15%;}
+
−
.content_wrapper {margin-left: 15%;}
+
−
.menu_item {display:block;}
+
−
.icon {display:none;}
+
−
.highlight {padding:10px 0px;}
+
−
}
+
−
 
+
−
 
+
−
/* IF THE SCREEN IS LESS THAN 680PX */
+
−
 
+
−
@media only screen and (max-width: 680px) {
+
−
.collapsable_menu_control { display:block;}
+
−
.menu_item {display:none;}
+
−
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
−
.content_wrapper {width:100%; margin-left:0px;}
+
−
.column.half_size {width:100%; }
+
−
.column img { width: 100%; padding: 5px 0px;}
+
−
.icon {display:block;}
+
−
.highlight {padding:15px 5px;}
+
−
}
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
/* -----------------------------------------------------------------------------
+
−
--------------------------------------------------------------------------------
+
−
--------------------------------------------------------------------------------
+
−
*/
+
−
 
+
−
/* Team page */
+
−
#teamGallery {
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  background-color: transparent;
+
−
}
+
−
#teamGallery .box {
+
−
  width: 25%;
+
−
  padding-bottom: 20%;
+
−
  position: relative;
+
−
  float: left;
+
−
}
+
−
#teamGallery .innerBox {
+
−
  position: absolute;
+
−
  left: 3px;
+
−
  right: 3px;
+
−
  bottom: 3px;
+
−
  top: 3px;
+
−
  background-color: ##000000;
+
−
}
+
−
 
+
−
#teamGallery .innerBox img {
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  position: relative;
+
−
}
+
−
#teamGallery .innerBox a {
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  display: block;
+
−
  position: relative;
+
−
}
+
−
#teamGallery .innerBox a:hover .ptext {
+
−
  padding-top: 5%;
+
−
  padding-bottom: 3%;   
+
−
}
+
−
#teamGallery .innerBox a:hover {
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.descriptionArea {
+
−
  width: 99%;
+
−
  width: calc(100% - 20px);
+
−
  display: none;
+
−
  color: black;
+
−
}
+
−
.descriptionArea.show {
+
−
  display: block;
+
−
}
+
−
.descriptionArea img {
+
−
  display: block;
+
−
  width: 100%;
+
−
  margin-top: 40px;
+
−
  padding: 3px;
+
−
}
+
−
+
−
 
+
−
/* Title styling */
+
−
.textContent h1 {
+
−
font-size: 33px;
+
−
font-weight: bold;
+
−
margin: 20px;
+
−
margin-left: 0;
+
−
height: 33px;
+
−
/*font-family: 'Libertinagec', serif;*/
+
−
}
+
−
.textContent h2 {
+
−
font-size: 25px;
+
−
font-weight: bold;
+
−
margin-bottom: 15px;
+
−
margin-top: 30px;
+
−
border-bottom: 1px solid black;
+
−
/*font-family: 'Libertinagec', serif;*/
+
−
width: 100%;
+
−
}
+
−
.textContent h3 {
+
−
font-size: 20px;
+
−
font-weight: bold;
+
−
margin-top: 20px
+
−
/*font-family: 'Libertinagec', serif;*/
+
−
}
+
−
.textContent h4 {
+
−
font-size: 18px;
+
−
font-weight: bold;
+
−
margin-bottom: 10px;
+
−
margin-top: 8px;
+
−
/*font-family: 'Libertinagec', serif;*/
+
−
}
+
−
.textContent h5 {
+
−
font-size: 18px;
+
−
text-decoration: underline;
+
−
margin-bottom: 10px;
+
−
margin-top: 8px;
+
−
/*font-family: 'Libertinagec', serif;*/
+
−
}
+
−
 
+
−
 
+
−
/* Lists styling */
+
−
.textContent ul, ol {
+
−
display: block;
+
−
margin-top: 5px;
+
−
margin-bottom: 5px;
+
−
padding-left: 20px;
+
−
list-style-type: disc;
+
−
}
+
−
 
+
−
.textContent ul li ul {
+
−
padding-left: 40px;
+
−
list-style-type: circle;
+
−
}
+
−
+
−
/* Paragraphs and columns */
+
−
.textContent p {
+
−
margin-top: 5px;
+
−
margin-bottom: 10px;
+
−
text-align: justify;
+
−
line-height: 25px;
+
−
}
+
−
.textContent {
+
−
line-height: 25px;
+
−
}
+
−
 
+
−
.textContent div.column-left {
+
−
float: left;
+
−
width: 48%;
+
−
}
+
−
.textContent div.column-right {
+
−
width: 48%;
+
−
float: right;
+
−
}
+
−
.textContent #clear {
+
−
clear: both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
+
−
/* Responsive design! */
+
−
@media only screen and (max-width : 600px) {
+
−
  /* Small screens: two columns become one! */
+
−
  .textContent div.column-left,
+
−
  .textContent div.column-right {
+
−
float: none;
+
−
width: 100%;
+
−
  }
+
−
}
+
−
 
+
−
.textContent hr {
+
−
border: 0;
+
−
border-bottom: 1px solid grey;
+
−
margin-left: 100px;
+
−
margin-right: 100px;
+
−
margin-bottom: 50px;
+
−
margin-top: 50px;
+
−
}
+
−
 
+
−
.textContent a {
+
−
  color: #636363;
+
−
}
+
−
.textContent a:hover {
+
−
  color: #909090;
+
−
}
+
−
 
+
−
 
+
−
/* -----------------------------------------------------------------------------
+
−
--------------------------------------------------------------------------------
+
−
--------------------------------------------------------------------------------
+
−
*/
+
−
+
−
</style>
+
−
 
+
−
+
 
 
 +
<!-- JAVASCRIPTS -->
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/backtotop&action=submit"></script>
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/backtotop&action=submit"></script>
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/min&action=submit"></script>
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/min&action=submit"></script>
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/mobilemenu&action=submit"></script>
 
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/mobilemenu&action=submit"></script>
−
<script src="https://2016.igem.org/wiki/index.php?title=Template:Toulouse_France/a&action=submit"></script>
+
−
+
 
<script>
 
<script>
  
Line 865: Line 641:
  
 
</script>
 
</script>
−
 
 
</html>
 
</html>

Revision as of 11:29, 27 August 2016

iGEM Toulouse 2016

Follow us @

iGEM Toulouse Team presents

Paleotilis, a shield for the Lascaux cave

Back to the origins

left to World Wiki Freeze




The 2016 Toulouse team is composed of students from INSA Toulouse and Paul Sabatier University, as well as several teachers from these two institutions. This diversity allows us to widen the set of skills and to bring a strong dynamic to complete the project.

The iGEM 2016 team is constituted of:
- 4 students from INSA Toulouse in 4th year of Biochemical Engineering: Anissa Dieudonné, Marine Dubois, Oumnia Karim and Fanny Leclerc.
- 4 students from Paul Sabatier University in 1st year of MABS Master: Manon Barthe and Camille Roux (specialized in Genetics / Microbiology), Eve Coutant (specialized in AgroBioSciences) and Soukaïna Timouma (specialized in Bioinformatics and Systems Biology).
- 3 teachers: Kaymeuang Cam (IPBS), Brice Enjalbert (LISBP) and Gilles Truan (LISBP). Kaymeuang Cam, researcher at the Institute of Pharmacology and Structural Biology (IPBS) is the Primary PI.

Advisors and Instructors

Eve Coutant

agrobiosciences .

Soukaïna Timouma

Bioinfo.

Fanny Leclerc

INSA .

Marine Dubois

INSA .

Anissa Dieudonné

INSA .

Camille Roux

microbio .

Manon Barthe

microbio .

Oumnia Karim

INSA .



Let the show begin !!



Contacts
    🏠 INSA Toulouse
    135, Avenue de Rangueil
    31077 TOULOUSE Cedex 4
    France
  • ☎ +00 (33) 6 13 64 89 40
  • ✉ igemtoulouse2016@gmail.com