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

Line 1: Line 1:
−
{{Toulouse_France}}
+
{{Template:Toulouse_France/fontsome}}
  
 
<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>
 
 
−
<body id="top">
+
@charset "utf-8
−
+
 +
/* 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 ###################################################### -->
 
 
 
−
+
/*
−
<div id="topbar" class="hoc clear">
+
The "hoc" class is a generic class used to centre a containing element horizontally
−
<p>Follow us  &#64;           
+
It should be used in conjunction with a second class or ID
−
<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>
+
*/
−
<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>
+
.hoc{display:block; margin:0 auto;}
−
<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');">
 
  
−
<header id="header" class="hoc clear">
+
/* HTML 5 Overrides
−
<!-- POURQUOI ICI ? MathJax is a JavaScript library for displaying mathematical equations. A copy of MathJax 2.5 is installed on 2015.igem.org -->
+
--------------------------------------------------------------------------------------------------------------- */
−
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}
  
−
<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;}
−
+
 
−
<div id="pageintro" class="hoc clear">
+
.first{margin-left:0; clear:left;}
−
+
 
−
<article align="justify">
+
.one_quarter{width:22.69938650306748%;}
−
<center>
+
.one_third{width:25%;}
−
<p class="heading">iGEM Toulouse Team presents<br><br><i>Paleotilis, a shield for the Lascaux cave</i></p>
+
.one_half, .two_quarter{width:48.46625766871166%;}
−
<h2>Back to the origins<br><br></h2>
+
.two_third{width:65.6441717791411%;}
−
<center><img src="https://static.igem.org/mediawiki/2016/1/19/Toulouse_France_logo2.png" style="width:20%;"></center>
+
.three_quarter{width:74.23312883435584%;}
−
</center>
+
 
−
</article>
+
 
−
+
/* Spacing
−
+
--------------------------------------------------------------------------------------------------------------- */
−
<div style="margin: 14px 0px 5px;">
+
.btmspace-10{margin-bottom:10px;}
−
<div style="float: left; text-align: right; width: 140px; height: 40px; margin: 5px 0px; color: #FAEBD7;">
+
.btmspace-15{margin-bottom:15px;}
−
<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-30{margin-bottom:30px;}
−
</div>
+
.btmspace-50{margin-bottom:50px;}
−
+
.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;">
+
 
−
<span id="countdown" style="color: white; font: normal 24px/40px sketch_rockwell,Arial,sans-serif;"></span> left to World Wiki Freeze
+
.inspace-5{padding:5px;}
−
</div>
+
.inspace-10{padding:10px;}
−
</div>
+
.inspace-15{padding:15px;}
−
+
.inspace-30{padding:30px;}
−
</div>
+
.inspace-50{padding:50px;}
−
+
.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 ######################################## -->
 
 
 
−
<div class="wrapper row">
+
/* Clients
−
<div class="hoc container clear">
+
---------------------------------------------------------------------------------------------------------------*/
−
<br><br>
+
.clients{}
−
<center><img src="https://static.igem.org/mediawiki/2016/2/28/Toulouse_France_equipe.jpg" style="width:50%;" /></center>
+
.clients *{margin:0; padding:0;}
 +
.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
 
  
−
and Camille Roux (specialized in Genetics / Microbiology), Eve Coutant (specialized in
+
/* Header
 +
--------------------------------------------------------------------------------------------------------------- */
 +
#header{align-content:center;}
  
−
AgroBioSciences) and Soukaïna Timouma (specialized in Bioinformatics and Systems
+
#header #logo{margin-top:0px;}
 +
#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 */
−
<div style="clear: both"></div>
+
.container .content{}
  
−
<div id="teamGallery">
+
.excerpt{display:inline-block; width:100%; max-width:320px; padding-bottom:10px;}
−
<h2>Advisors and Instructors</h2>
+
.excerpt img{}
−
+
.excerpt .excerpttxt{display:block; position:relative; max-width:90%; margin:-40px auto; padding:20px;}
−
<div class="box">
+
.excerpt .heading{margin:0 0 5px 0;}
−
<div class="innerBox">
+
.excerpt .heading2{margin:0 0 5px 0;}
−
<a href="">
+
.excerpt p:last-of-type{margin:0; padding:0;}
−
<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>
+
  
 +
  
−
<div class="column-right">
+
/* Footer
 +
--------------------------------------------------------------------------------------------------------------- */
 +
#footer{padding:0px 0;}
  
−
<div class="descriptionArea" id="empty"></div>
+
#footer .title{margin:0 0 0 0; padding:0; font-size:1.2rem;}
  
−
<div  class="descriptionArea" id="EveCoutant">
+
#footer .linklist li{display:block; position:relative; margin-bottom:2px; padding:0 0 20px 0; border-bottom:1px solid; text-align:center;}
−
<img src="">
+
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
−
<h3>Eve Coutant</h3>
+
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
−
<p>agrobiosciences .</p>
+
#footer .linklist li, #footer .linklist li::after{clear:both;}
−
</div>
+
  
−
<div class="descriptionArea" id="SoukainaTimouma">
+
#footer .contact{}
−
<img src="https://static.igem.org/mediawiki/2016/c/cf/Toulouse_France_Sookie.jpg">
+
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding:0 0 20px 0; text-align:center;}
−
<h3>Soukaïna Timouma</h3>
+
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
−
<p>Bioinfo.<br></p>
+
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:20px; font-size:14px; text-align:center;}
−
</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);
 
−
  }
 
−
};
 
  
−
$(document).ready(function() {
+
/* Copyright
−
  // Make the list of all members
+
--------------------------------------------------------------------------------------------------------------- */
−
  var members = $('.descriptionArea').map(function(index) {
+
#copyright{padding:7px 0;}
−
    return this.id;
+
#copyright *{margin:0; padding:0;}
−
  });
+
−
  members = jQuery.makeArray(members);
+
#copyright{color:#FFFFFF; background-color:rgba(0,0,0,.5); text-align:center;}
 +
#copyright a{color:inherit;}
 +
  
  
−
  // Make the hash change:
+
/* Transition Fade
−
  // Escape removes the hash
+
--------------------------------------------------------------------------------------------------------------- */
−
  $(document).keyup(function(e) {
+
*, *::before, *::after{transition:all .3s ease-in-out;}
−
    if (e.keyCode == 27) {
+
#mainav form *{transition:none;!important}
−
      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);}
  
−
  // Hash changes
+
.inherit{color:inherit;}
−
  $(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");
+
−
    };
+
−
  });
+
  
−
  // Close window when click outside of it
+
.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#66CCCC; border-color:#66CCCC;}
−
  //$("body").click(function(event) {
+
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}
−
  //  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>
+
 
−
<br>
+
/* Sonsor */
−
<b>Let the show begin !!</b>
+
.sponsor{margin:20px 0px;}
−
<br>
+
.sponsor, .sponsor a{color:#FFFFFF; background-color:#FFFFFF;}
−
<br>
+
 
−
</p>
+
 
−
</div>
+
/* Header */
−
+
#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>
+
 
−
</div>
+
/* Content Area */
−
</div>
+
.excerpt .excerpttxt{color:inherit; background-color:#FFFFFF;}
 +
 
 +
 
 +
/* 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;}
−
<div class="bgded2" style="background-image:url('https://static.igem.org/mediawiki/2016/4/43/Toulouse_France_PanneauEmpreinte.jpg');">
+
#content {padding:0px; width:auto; margin-top:-7px;margin-left:0} /*J'ai regle les marges */
−
<div class="wrapper row4">
+
#body {width: 100% ; height: 100% ; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #000;  background-color: #d4dce4;}
−
<footer id="footer" class="hoc clear">
+
#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*/
−
<!-- ################################################################################################ -->
+
  
−
<div class="footertxt">
+
/*Là y avait le CSS du menu d'iGEM, j'ai enlevé */
−
<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 */
−
<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>
+
.content_wrapper {
−
+
width: 85%;
−
</div>
+
margin-left:150px;
−
<!-- ################################################################################################ -->
+
padding:10px 0px;
−
<!-- ################################################################################################ -->
+
float:left;
−
<!-- #################################  FIN    ############################################## -->
+
background-color:white;
−
<div class="wrapper row5">
+
}
−
<div id="copyright" class="hoc clear">
+
 
−
<center>
+
/*LAYOUT */
−
<p>Website by <a href="https://2016.igem.org/Team:Toulouse_France">Team iGEM Toulouse 2016</a></p>
+
.column  {
−
</center>
+
padding: 10px 0px;
−
</div>
+
float:left;
−
</div>
+
background-color:white;
−
</div>
+
}
−
<!-- ################################################################################################ -->
+
 
−
<!-- End Footer Background Image Wrapper -->
+
.full_size {
−
+
width:100%;
−
<!-- ################################################################################################ -->
+
}
−
<!-- ################################################################################################ -->
+
 
−
<!-- ################################################################################################ -->
+
.full_size img {
−
</body>
+
padding: 10px 15px;
 +
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 641: Line 865:
  
 
</script>
 
</script>
 +
 
</html>
 
</html>

Revision as of 11:29, 27 August 2016