Difference between revisions of "Template:Montpellier"

Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html>
 
<html>
<script>
+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
    <head>
 +
        <meta charset="utf-8" />
  
$(document).ready(function() {
+
        <script
 +
  src="https://code.jquery.com/jquery-3.3.1.min.js"
 +
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
 +
  crossorigin="anonymous"></script>
  
$("#HQ_page").attr('id','');
+
    </head>
+
 
+
//highlight current page on the menu
+
highlight_current_page_menu();
+
+
//accessing submenus
+
$(".menu_item").click(function(){
+
$(".submenu_control_icon", this).toggleClass("open");
+
$(this).next(".submenu").fadeToggle(400);
+
});
+
+
//mobile menu access
+
$(".igem_2018_team_mobile_bar").click(function(){
+
$(this).next().toggleClass("displaying_menu");
+
});
+
+
});
+
 
+
 
+
function highlight_current_page_menu() {
+
+
var page_url="https://2018.igem.org/";
+
page_url = page_url + wgPageName;
+
$("a[href$='"+ page_url +"']").children().addClass("current_page");
+
+
//if the page is in a submenu, open the submenu and make the appropiate changes
+
if( $( ".current_page" ).hasClass( "submenu_item" )){
+
+
$(".current_page").parent().parent().fadeToggle(400);
+
$(".current_page").parent().parent().prev().addClass("current_page");
+
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+
+
}
+
}
+
 
+
 
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
</script>
+
  
  
 
<style>
 
<style>
/**************************************************************************************************************************************************************************************************/
+
@font-face {
 +
  font-family: 'gothic';
 +
  src: url('./gothic.eot');
 +
  src: local('gothic'), url('./gothic.woff') format('woff'), url('./gothic.ttf') format('truetype');
 +
}
  
  
 +
/*Barre de navigation ******************************************************************************************************************************************************/
  
/**************************************************************************************************************************************************************************************************/
+
* {
/* DEFAULT WIKI SETTINGS */
+
  font-family: 'gothic', sans-serif;
/**************************************************************************************************************************************************************************************************/
+
}
  
 +
body {
 +
  margin: 0;
 +
  padding: 0;
 +
  font-family: 'gothic', sans-serif;
 +
}
  
#home_logo, #sideMenu { display:none; }
+
header > nav {
#sideMenu, #top_title, .patrollink  {display:none;}
+
  display: flex;
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
  flex-direction: row;
body {background-color:white; }
+
  align-items: center;
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  justify-content: flex-start;
 +
  margin: 0;
 +
  background: #ffffff;
 +
  flex-shrink: 0;
 +
  flex-wrap: no-wrap;
 +
  text-transform: capitalize;
 +
}
  
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
.logo_vagineering_navbar {
 +
  padding: 1em;
 +
  align-self: center;
 +
}
  
 +
.menus {
 +
  display: flex;
 +
  flex-direction: row;
 +
  align-items: stretch;
 +
  justify-content: flex-start;
 +
  margin: 0;
 +
  background: #ffffff;
 +
  flex-wrap: wrap;
 +
  max-width: 100%;
 +
  align-content: space-between;
 +
}
  
/**************************************************************************************************************************************************************************************************/
+
nav a {
/* MENU */
+
  display: flex;
/**************************************************************************************************************************************************************************************************/
+
  background-color: #ffffff;
 +
  padding: 0.5em 1em 1em 1em;
 +
  transition: all 0.2s;
 +
  margin: 0;
 +
  color: black;
 +
  flex-direction: column;
 +
  justify-content: flex-end;
 +
  align-items: center;
 +
}
  
/*this wraps the whole of the menu*/
+
nav a:hover {
.igem_2018_team_menu {  
+
  background-color: #f9f4eb;
background-color:#fffff;
+
}
border-left: 1px solide #fffff;
+
display:block;
+
float:right;
+
height:100vh;
+
max-width: 270px;
+
overflow-y: auto;
+
overflow-x: hidden;
+
padding:0px;
+
position:fixed;
+
right:0%;
+
text-align:left;
+
width: 15%;
+
}
+
  
 +
nav a img {
 +
  margin: 0px 10px 10px 10px;
 +
}
  
.igem_2018_team_menu.displaying_menu{
+
/*Big links only*/
display:block;
+
}
+
  
.igem_2018_team_menu  a {
+
nav > a {
color: #484848;
+
  border-bottom: 1px solid black;
text-decoration:none;
+
}
}
+
  
.igem_2018_team_menu img {
+
nav > a:hover, nav > a.expanded {
width:100%;
+
  border-bottom: 1px dotted black;
}
+
}
  
 +
nav nav { /*submenus*/
 +
  display: flex;
 +
  flex-direction: row;
 +
  justify-content: stretch;
 +
  align-items: stretch;
 +
  opacity: 1;
 +
  margin: 0px 10px 0.5em 0.5em;
 +
}
  
.igem_2018_team_menu .menu_item {
+
nav nav.invisible {
    background-color: #843549;
+
    border-bottom: 1px solid #928b8b;
+
    clear: both;
+
color: #FEFEFE;
+
    cursor: pointer;
+
float: left;
+
    font-size: 120%;
+
    font-weight: bold;
+
    padding: 15px 0px 15px 5%;
+
  width: 100%;
+
}
+
  
.igem_2018_team_menu .menu_item.direct_link {
+
}
color: #FEFEFE;
+
padding-left: 15%;
+
}
+
.igem_2018_team_menu .menu_item:hover {
+
background-color: #F85A7A;
+
}
+
  
 +
nav nav > div /*subitems*/{
 +
  display: flex;
 +
  flex-direction: column;
 +
  justify-content: flex-start;
 +
  position: absolute;
 +
}
  
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
nav > div > a {
color: #FEFEFE;
+
  opacity: 0;
float: left;
+
  padding: 1em;
width: 10%;
+
}
}
+
  
/* submenu icon "+"  "-"*/
+
/*All sublinks except the last*/
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
nav > div > a:not(:last-child) {
content: "+";  
+
  border-bottom: 1px dotted black;
}
+
}
  
/* submenu icon "+"  "-"*/
+
.icone_navbar {
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
  height: 3em;
content: "-";  
+
}
}
+
  
/*submenu wrapper*/
+
.logo_vagineering_navbar {
.igem_2018_team_menu .submenu{
+
  height: 4.9em;
background-color: #BE5B74;
+
}
clear:both;
+
display:none;
+
float: left; 
+
width:100%;
+
}
+
  
/*styling for a submenu item*/
+
/*formatage du texte**************************************************************************************************************************/
.igem_2018_team_menu .submenu .submenu_item {
+
border-bottom: 1px solid #c4baba;
+
  color: #FEFEFE;
+
    height: 30px;
+
  float: left;
+
    font-size: 110%;
+
font-weight: bold;
+
    padding: 12px 0px 0px 15%;
+
    width: 100%;
+
}
+
  
.igem_2018_team_menu .submenu .submenu_item:hover {
+
section
background-color: #F85A7A;
+
{
}
+
  margin-left: 150px;
 +
  margin-right: 150px;
 +
  text-align: justify;
 +
}
  
 +
h1 {
 +
  color:#E64254;
 +
  font-size: 2.5em;
 +
  text-transform: uppercase;
 +
}
  
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
h2 {
.igem_2018_team_menu .menu_item.current_page,
+
  color:#ea6171;
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
  font-size: 1.8em;
background-color:#F85A7A;
+
  margin-top: 50px;
}
+
  margin-bottom: 50px;
 +
}
  
 +
h3 {
 +
  color:#ed7885;
 +
  font-size: 1.3em;
 +
}
  
 +
h4 {
 +
  color:#f08e9a;
 +
  font-size: 1.2em;
 +
}
  
/*mobile menu bar styling*/
+
h1,h2,h3,h4 {
/**************************************************************************************************************************************************************************************************/
+
text-align: center;
 +
}
  
 +
p {
 +
font-size: 1.1em;
 +
padding: 0px;
 +
}
  
.igem_2018_team_mobile_bar {
+
table {
background-color:#e4ded;  
+
  margin: auto;
border-bottom: 1px solid #c4baba;
+
  font-size: 1.1em;
cursor:pointer;
+
  border-collapse: collapse;
display:none;
+
  width: 95%;
float:left;
+
}
margin-top: 0;
+
padding: 5px 0;
+
position:fixed;
+
width:100%;  
+
}
+
  
.igem_logo_mobile img {
+
td, th {
width:70px;
+
  border: 2px solid #ddc0a8;
}
+
  padding: 8px;
 +
  text-align: center;
 +
}
  
.igem_logo_mobile {
+
caption {
float:left;  
+
  text-align: left;
padding-left: 5%;
+
  caption-side: bottom;
width: 30%;  
+
  margin: 5px;
}
+
}
  
.igem_menu_control_mobile img {
+
li {
width:25px;
+
  font-size: 1.1em;
}
+
  line-height: 1.2;
 +
}
  
.igem_menu_control_mobile {
+
hr {
float:right;  
+
  width: 300px;
padding-right:5%;  
+
  margin-bottom: 50px;
padding-top:5px;
+
  border: none;
text-align:right;  
+
  border-top: 2px solid #557081;
width: 30%;  
+
  border-radius: 6px;
}
+
}
  
 +
.underline {
 +
  text-decoration: underline;
 +
}
  
 +
.red {
 +
  color: #f85a7a;
 +
  font-weight: bold;
 +
}
  
/**************************************************************************************************************************************************************************************************/
+
.bold {
/* CONTENT OF THE PAGE */
+
  font-weight: bold;
/**************************************************************************************************************************************************************************************************/
+
}
  
/* general wrapper for the content */
+
/******REFERENCES STYLE**********************************************************************************************************************************************************/
.igem_2018_team_content {
+
background-color:white;
+
display:block;
+
width: 87%;
+
}
+
  
/* subwrapper to center content */
+
.references_title {
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
  color:#ea6171;
margin:auto;
+
  font-size: 1.5em;
max-width: 1400px;
+
}
width:90%;
+
}
+
  
 +
.references_table {
 +
  font-size: 1em;
 +
}
  
 +
.references_left {
 +
  border: none;
 +
  border-left: 2px solid #ddc0a8;
 +
}
  
/*general styling*/
+
.references_right {
/**************************************************************************************************************************************************************************************************/
+
  border: none;
 +
  border-right: 2px solid #ddc0a8;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
+
.references_bottom_left {
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
+
  border: none;
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
+
  border-bottom: 2px solid #ddc0a8;
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
+
  border-left: 2px solid #ddc0a8;
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
+
}
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
+
  
 +
.references_bottom_right {
 +
  border: none;
 +
  border-bottom: 2px solid #ddc0a8;
 +
  border-right: 2px solid #ddc0a8;
 +
}
  
/* styling for the titles h1, h2*/
+
/**********************************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
+
border-bottom:0px;
+
color: #4d001f;
+
font-family: "Arial Black", Gadget, sans-serif;
+
padding: 10px 0px;
+
}
+
  
/* styling for the titles h3, h3, h5, h6 */
+
.legende {
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
+
text-align:center;
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
+
text-decoration: underline;
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
+
}
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
+
border-bottom:0px;  
+
color: #4d001f; 
+
font-family: "Arial Black", Gadget, sans-serif;
+
padding: 5px 0px;
+
}
+
  
/* text */
+
.image {
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
+
    display: block;
font-size: 130%;
+
    margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
+
    margin-right: auto;
padding: 5px 0px;
+
}
text-align: left;
+
color: #484848;
+
}
+
  
/* Links */
+
.ordinateur {
.igem_2018_team_content .igem_2018_team_column_wrapper a {
+
    text-align : center;
color: #4d001f;
+
}
font-weight: bold;
+
text-decoration: underline;
+
text-decoration-color:#4d001f;
+
transition: all 0.4s ease;
+
-webkit-transition: all 0.4s ease;
+
-moz-transition: all 0.4s ease;
+
-ms-transition: all 0.4s ease;
+
-o-transition: all 0.4s ease;  
+
}
+
  
/* hover for the links */
 
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
 
color: #ff0066;
 
text-decoration:none;
 
}
 
  
  
 +
/* .fleche{
 +
    justify-content: center;
 +
    position:fixed;
 +
    vertical-align:middle;
 +
    z-index:10;
 +
    width:2%;
 +
    top:42%;
 +
    right:30px;
 +
}
  
 +
.fleche :hover{
 +
  color: #3298CB;
 +
} */
  
/* Table */
+
/******FOOTER************************************************************************************************************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper table {
+
border: 1px solid #928b8b;
+
border-collapse: collapse;
+
font-size: 130%;
+
width: 100%;
+
}
+
  
/* table cells */
+
footer {
.igem_2018_team_content .igem_2018_team_column_wrapper td {  
+
  margin-top: 70px;
border: 1px solid #c4baba;
+
}
border-collapse: collapse;
+
font-size: 105%;
+
padding: 10px;
+
vertical-align: text-top;
+
                text-align: center;  
+
}
+
  
/* table headers */
+
.p_footer
.igem_2018_team_content .igem_2018_team_column_wrapper th {  
+
{
background-color:#ffffff;  
+
    margin: none !important;
border: 1px solid #928b8b;
+
    padding: none !important;
border-collapse: collapse;
+
}
font-size: 110%;
+
padding: 10px;
+
vertical-align: text-top;  
+
}
+
  
        /* table caption */
+
.footer_snetwork
        .igem_2018_team_content .igem_2018_team_column_wrapper caption {
+
{
        font-style: italic;
+
    border-top: solid 1px black;
        }
+
    margin-top: 10px;
 +
    padding-top: 20px;
 +
    display: flex;
 +
    justify-content: space-around;
 +
}
  
 +
#conteneur
 +
{
 +
    display: flex;
 +
    flex-wrap: wrap;
 +
    justify-content: space-around;
 +
}
  
/* non numbered lists */
+
.lienimage
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
{
font-size: 130%;
+
    text-decoration: none !important;
font-family: Arial, Helvetica, sans-serif;
+
}
padding:0px 20px;
+
}
+
  
 +
.image_snetwork
 +
{
 +
    height: 60px;
 +
    padding: 1% 3%;
 +
    opacity : 0.5;
 +
    filter: grayscale(100%);
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
+
/************FA_ICONS_REACTIVE****************************************************************************************************************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
+
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
  
 +
.fa-facebook
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
 +
.fa-facebook:hover
 +
{
 +
    color: #e64254;
 +
}
  
 +
.fa-instagram
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
/*layout classes*/
+
.fa-instagram:hover
/**************************************************************************************************************************************************************************************************/
+
{
 +
    color: #e64254;
 +
}
  
/*main layout class */
+
.fa-twitter-square
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
+
{
float:left;
+
    -o-transition:.5s;
margin: 1% 2%;
+
    -ms-transition:.5s;
padding: 0px;
+
    -moz-transition:.5s;
}
+
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
/* 100% */
+
.fa-twitter-square:hover
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
{
 +
    color: #e64254;
 +
}
  
/* 66% */
+
.fa-home
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
/* 33% */
+
.fa-home:hover
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
{
 +
    color: #e64254;
 +
}
  
 +
.fa-heart
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
 +
.fa-heart:hover
 +
{
 +
    color: #e64254;
 +
}
  
 +
.fa-envelope
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
/*styling for all images*/
+
.fa-envelope:hover
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
{
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
    color: #e64254;
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
}
margin-bottom: 15px;
+
width: 100%;  
+
}
+
  
 +
.fa-map-marker-alt
 +
{
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    color: #000000;
 +
}
  
/* page break */
+
.fa-map-marker-alt:hover
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
{
clear:both;
+
    color: #e64254;
}
+
}
/*add extra space to page break with clear class*/
+
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
height: 30px;
+
}
+
  
/* horizontal line to divide the page*/
+
/******************************FA_ICONS************************************************************************************************************************************************/
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
    border-top: 1px solid #c4baba;
+
  margin: auto;
+
  width: 98%;
+
}
+
.lienimage{
+
              text-decoration: none !important;}
+
  
.image2{
+
.fab fa-facebook:before
               
+
{
                padding: 1% 3%;
+
    content: "\f09a";
                opacity : 0.5;
+
}
                filter: grayscale(100%);
+
               
+
            }
+
           
+
            .image2:hover{
+
              opacity: 1;
+
              filter: grayscale(0%);
+
            }
+
  
 +
.fab fa-instagram:before
 +
{
 +
    content: "\f16d";
 +
}
  
 +
.fab fa-twitter-square:before
 +
{
 +
    content: "\f081";
 +
}
  
+
.fas fa-home:before
/*support classes*/
+
{
/**************************************************************************************************************************************************************************************************/
+
    content: "\f015";
 +
}
  
 +
.fas fa-heart:before
 +
{
 +
    content: "\f004";
 +
}
  
/*Button  */
+
.fas fa-map-marker-alt:before
/************************************************/
+
{
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
+
    content: "\f3c5";
font-size: 130%;
+
}
margin: 30px auto;
+
text-align: center;
+
}
+
  
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
+
.fas fa-envelope:before
background-color: #5bc7d8;
+
{
color: #635d5d !important;
+
    content: "\f0e0";
font-weight: bold;
+
}
margin: auto;
+
text-decoration: none !important;
+
padding: 10px 15px;
+
}
+
  
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
.far fa-arrow-alt-circle-right:before
background-color: #f8b732 !important;  
+
{
}
+
  content: "\f35a";
 +
}
  
 +
/******END_FA_ICONS*************************************************************************************************************************************************************************/
  
 +
.usefull_links
 +
{
 +
    text-align: center;
 +
    width: 33.3%;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {  
+
.follow_us
padding: 15px 20px;
+
{
}
+
    text-align: center;
 +
    border-right: solid 1px black;
 +
    border-left: solid 1px black;
 +
    width: 33.3%;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
+
.follow_us_icons
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
+
{
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
+
    display: flex;
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
+
    justify-content: space-around;
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
+
}
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
+
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
+
padding: 5px 15px;
+
}
+
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
+
.contact_us
background-color: #e4dede;  
+
{
}
+
    text-align: center;
 +
    width: 33.3%;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
+
/****************PROTOCOLES_TABLE****************************************************************************************************************************************/
    border-top: 4px solid #5bc7d8;
+
}
+
  
 +
.accordion {
 +
    background-color: #fee7ea;
 +
    font-size: 1.2em;
 +
    text-align: left;
 +
    cursor: pointer;
 +
    width: 100%;
 +
    outline: none;
 +
    transition: 0.4s;
 +
    border: none;
 +
    padding: 13px;
 +
    margin-bottom: 2px;
 +
    border-radius: 5px;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
+
.active, .accordion:hover {
    border: 4px solid #5bc7d8;
+
    background-color: #fdced4;
}
+
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
+
.panel {
    border-top: 4px solid #f8b732
+
    padding: 0 18px;
}
+
    background-color: white;
 +
    max-height: 0;
 +
    overflow: hidden;
 +
    transition: max-height 0.2s ease-out;
 +
}
  
 +
.accordion:after {
 +
    content: '\002B'; /* Unicode character for "plus" sign (+) */
 +
    float: right;
 +
    margin-left: 5px;
 +
    font-size: 18px;
 +
}
  
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
+
.active:after {
    border: 4px solid #f8b732;
+
    content: "\2212"; /* Unicode character for "minus" sign (-) */
}
+
    font-size: 18px;
 +
}
  
 +
.protocols_subpart {
 +
  text-decoration: underline;
 +
  font-weight: bold;
 +
}
  
 +
.protocols_title {
 +
  text-align: left !important;
 +
  color:#3a8f9c !important;
 +
  font-size: 1.6em !important;
 +
}
  
 +
li table {
 +
  font-size: 1em;
 +
}
  
/*mobile*/
+
li p {
/**************************************************************************************************************************************************************************************************/
+
  font-size: 1em;
 
+
}
  
/* 1800px  */
+
li li {
/************************************************/
+
  font-size: 1em;
@media only screen and (max-width: 1800px) {
+
.igem_2018_team_content { width: 85%;}
+
.igem_2018_team_menu {display:block;}
+
 
}
 
}
  
/* 1400px  */
+
/*****************BOXES_ANTIBODIES******************************************************************************************************************************************************/
/************************************************/
+
@media only screen and (max-width: 1400px) {
+
.igem_2018_team_menu .menu_item { font-size:100%;}
+
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
+
.igem_2018_team_menu {display:block;}
+
}
+
  
@media only screen and (max-width: 1001px) {
+
.boxbox {
.igem_2018_team_menu {display:block;}
+
  clear: both;
}
+
  display: inline-block;
 +
  width: 100%;
 +
  background-color: #FFFFFF;
 +
  /* [disabled]min-width: 400px;
 +
*/
 +
  padding-bottom: 35px;
 +
  padding-top: 0px;
 +
  margin-top: -5px;
 +
  margin-bottom: 0px;
 +
}
  
/* 1000px  */
+
.boxes {
/************************************************/
+
  width: 23%;
@media only screen and (max-width: 1000px) {
+
  height: 615px;
.igem_2018_team_content {width:100%; margin-left:0px;}
+
  text-align: center;
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
+
  float: left;
.igem_2018_team_mobile_bar {display:block;}
+
  margin-top: 35px;
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
+
  background-color: #F8F8F8;
 +
  padding-bottom: 20px;
 +
  margin-left: 1%;
 +
  margin-right: 1%;
 +
  border-radius: 3px;
 +
  padding-top: 20px;
 +
  border-bottom: 4px solid #3a8f9c;
 +
}
  
}
+
.cards {
 +
  width: 300px;
 +
  /*width: 100%;
 +
  height: auto;
 +
  max-width: 400px;
 +
  max-height: 200px;*/
 +
  opacity: 0.8;
 +
  margin-top: -15px;
 +
  margin-bottom: -20px;
 +
}
  
 +
.text_boxes {
 +
  text-align: justify;
 +
  margin: 10px;
 +
  font-size: 1em;
 +
}
  
@media only screen and (max-width: 500px) {
+
/*********antibodies 2 colonnes********************************************************************************************************************************************/
.igem_2018_team_menu {min-width:100%; width:100%; }
+
}
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
  
 +
.deux_colonnes {
 +
  display: flex;
 +
  align-content: space-between;
 +
}
  
 +
.colonne_1 {
 +
  width: 50%;
 +
  margin-right: 15px;
 +
}
  
 +
.colonne_2 {
 +
  width: 50%;
  
 +
  margin-left: 15px;
 +
}
  
 
</style>
 
</style>
  
 +
<body>
 +
        <header>
 +
    <nav>
 +
      <img class="logo_vagineering_navbar" src="https://static.igem.org/mediawiki/2018/1/19/T--Montpellier--logo_vagineering_sansnom.svg" alt="logo vagineering"/>
 +
      <div class="menus">
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/f/fb/T--Montpellier--1_icone_home_mtp.svg" alt=""/>Home</a>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/f/f3/T--Montpellier--2_icone_project_mtp.svg" alt=""/>Project</a>
 +
        <div>
 +
          <a>Description</a>
 +
          <a>Anti-sperm antibodies</a>
 +
          <a>Peptides</a>
 +
          <a>Designs</a>
 +
          <a>Analysis of spermatozoa motility</a>
 +
          <a>Conclusions</a>
 +
          <a>Perspectives</a>
 +
        </div>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/5/52/T--Montpellier--3_icone_modelling_mtp.svg" alt=""/>Bioinformatic & Modelling</a>
 +
        <div>
 +
          <a>Bioinformatic</a>
 +
          <a>Modelling</a>
 +
          <a>Software</a>
 +
        </div>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/4/41/T--Montpellier--4_icone_experiment_mtp.svg" alt=""/>Experiments</a>
 +
        <div>
 +
          <a>Notebook</a>
 +
          <a>Protocols</a>
 +
          <a>Interlab</a>
 +
        </div>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/a/a8/T--Montpellier--5_icone_parts_mtp.svg" alt=""/>Parts</a>
 +
        <div>
 +
          <a>Parts</a>
 +
          <a>Improve</a>
 +
        </div>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/1/10/T--Montpellier--6_icone_HP_safety_mtp.svg" alt=""/>Human practices & Biosafety</a>
 +
        <div>
 +
          <a>Education & Engagement</a>
 +
          <a>Biosafety</a>
 +
        </div>
 +
      </nav>
 +
      <nav>
 +
        <a><img class="icone_navbar" src="https://static.igem.org/mediawiki/2018/4/4d/T--Montpellier--7_icone_team_mtp.svg" alt=""/>Team</a>
 +
        <div>
 +
          <a>Members</a>
 +
          <a>Attributions</a>
 +
          <a>Collaborations</a>
 +
        </div>
 +
      </div>
 +
      </nav>
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    </header>
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
<head>
+
 
+
<!-- This tells the browser that your page is responsive -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Menu --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
 
+
 
+
<div class="igem_2018_team_mobile_bar">
+
+
<div class="igem_logo_mobile">
+
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
+
</div>
+
 
+
 
+
<div class="igem_menu_control_mobile">
+
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
</div>
+
 
+
</div>
+
 
+
 
+
 
+
 
+
<div class="igem_2018_team_menu">
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier">
+
<img src="https://static.igem.org/mediawiki/2018/d/d3/T--Montpellier--logo_montpellier.jpg">
+
</a>
+
 
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier">
+
<div class="menu_item direct_link">
+
HOME
+
</div>
+
</a>
+
 
+
<!-- Team -->
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
TEAM
+
</div>
+
<div class="submenu">
+
+
<a href="https://2018.igem.org/Team:Montpellier/Team">
+
<div class="submenu_item">
+
Team Members
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Collaborations">
+
<div class="submenu_item">
+
Collaborations
+
</div>
+
</a>
+
</div>
+
 
+
 
+
<!-- Project -->
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
PROJECT
+
</div>
+
<div class="submenu">
+
+
<a href="https://2018.igem.org/Team:Montpellier/Description">
+
<div class="submenu_item">
+
Description
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Design">
+
<div class="submenu_item">
+
Design
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Experiments">
+
<div class="submenu_item">
+
Experiments
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Notebook">
+
<div class="submenu_item">
+
Notebook
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/InterLab">
+
<div class="submenu_item">
+
InterLab
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Model">
+
<div class="submenu_item">
+
Model
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Results">
+
<div class="submenu_item">
+
Results
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Demonstrate">
+
<div class="submenu_item">
+
Demonstrate
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Improve">
+
<div class="submenu_item">
+
Improve
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Attributions">
+
<div class="submenu_item">
+
Attributions
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
PARTS
+
</div>
+
<div class="submenu">
+
+
<a href="https://2018.igem.org/Team:Montpellier/Parts">
+
<div class="submenu_item">
+
Parts Overview
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Basic_Part">
+
<div class="submenu_item">
+
Basic Parts
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Composite_Part">
+
<div class="submenu_item">
+
Composite Parts
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Part_Collection">
+
<div class="submenu_item">
+
Part Collection
+
</div>
+
</a>
+
</div>
+
 
+
+
+
+
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Safety">
+
<div class="menu_item direct_link">
+
SAFETY
+
</div>
+
</a>
+
 
+
 
+
 
+
 
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
HUMAN PRACTICES
+
</div>
+
 
+
<div class="submenu">
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Human_Practices">
+
<div class="submenu_item">
+
Human Practices
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Public_Engagement">
+
<div class="submenu_item">
+
Education & Engagement
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
 
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
AWARDS
+
</div>
+
 
+
<div class="submenu">
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Applied_Design">
+
<div class="submenu_item">
+
Applied Design
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Entrepreneurship">
+
<div class="submenu_item">
+
Entrepreneurship
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Hardware">
+
<div class="submenu_item">
+
Hardware
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Measurement">
+
<div class="submenu_item">
+
Measurement
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Model">
+
<div class="submenu_item">
+
Model
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Plant">
+
<div class="submenu_item">
+
Plant
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2018.igem.org/Team:Montpellier/Software">
+
<div class="submenu_item">
+
Software
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
 
+
<a href="https://igem.org/2018_Judging_Form?team=Montpellier">
+
<div class="menu_item direct_link">
+
JUDGING FORM ⇗
+
</div>
+
</a>
+
 
+
 
+
 
+
 
+
 
+
 
+
</div>
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
  
<div class="igem_2018_team_content">
+
</html>
<div class="igem_2018_team_column_wrapper">
+
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
+

Revision as of 09:09, 20 August 2018

<!DOCTYPE html>