Difference between revisions of "Template:ULaval"

(Prototype team template page)
 
 
(78 intermediate revisions by 2 users not shown)
Line 49: Line 49:
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
+
#home_logo, #sideMenu { display:none; }
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* DEFAULT WIKI SETTINGS */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
#home_logo, #sideMenu { display:none; }
+
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
        body {
−
+
            background-color:white;
−
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
+
      }
  
  
−
/**************************************************************************************************************************************************************************************************/
+
       
−
/* MENU */
+
</style>
−
/**************************************************************************************************************************************************************************************************/
+
  
−
/*wrapping for the menu*/
 
−
.igem_2019_team_menu {
 
−
background-color:#cecece;
 
−
border-left: 1px solid #635d5d;
 
−
float:right;
 
−
height:100vh;
 
−
max-width: 270px;
 
−
overflow-y: auto;
 
−
overflow-x: hidden;
 
−
padding:0px;
 
−
position:fixed;
 
−
right:0%;
 
−
text-align:left;
 
−
width: 15%;
 
−
}
 
  
−
/*controlling menu visibility*/
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
.igem_2019_team_menu.displaying_menu{
+
<style>
−
display:block;
+
*{
−
}
+
        margin-left:0;
 +
        margin-right:0;
 +
        padding:0;
 +
    }
 +
    html,body{
 +
        height:100%;
 +
        width:100%;
 +
        margin:0px;
 +
        padding:0px;
 +
        font-family:Arial, Helvetica, sans-serif;
 +
        background-color:white;
 +
    }
 +
    @font-face {
 +
    font-family: 'elianto';
 +
    src:
 +
        url('https://static.igem.org/mediawiki/2019/0/0d/T--Ulaval--elianto-webfont.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
  
−
/*links in the menu*/
+
    }
−
.igem_2019_team_menu  a {
+
    h1,h2{font-family: elianto;text-align: center;color: #27304D;padding-bottom:50px;border-bottom: 1px solid transparent;}
−
color: #484848;
+
−
text-decoration:none;
+
−
}
+
  
−
/*images in the menu*/
+
  body {
−
.igem_2019_team_menu img {
+
  font-size: 100%;text-align: justify;
−
width:100%;
+
}
−
}
+
  
−
/*level 1 menu items*/
+
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
−
.igem_2019_team_menu .menu_item {
+
  font-size-adjust: 0.5;
−
    background-color: #cecece;
+
−
    border-bottom: 1px solid #635d5d;
+
−
    clear: both;
+
−
color: #484848;
+
−
    cursor: pointer;
+
−
float: left;
+
−
    font-size: 120%;
+
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
  
−
/*level 1 menu items without submenus*/
+
}
−
.igem_2019_team_menu .menu_item.direct_link {
+
−
color: #484848;
+
−
padding-left: 15%;
+
−
}
+
−
+
−
/*level 1 menu items on hover*/
+
−
.igem_2019_team_menu .menu_item:hover {
+
−
background-color: #ecb656 !important;
+
−
}
+
  
−
/*icon for expanding and collapsing level 1 menut items*/
+
#page {
−
.igem_2019_team_menu .menu_item .submenu_control_icon {
+
  font-size: 2em;
−
color: #484848;
+
  /* equivalent to 16px */
−
float: left;
+
  line-height: 1.25;
−
width: 10%;
+
  /* equivalent to 20px */
−
}
+
  
−
/* submenu icon  "-"*/
+
}
−
.igem_2019_team_menu .menu_item .submenu_control_icon::before {
+
−
content: "+";
+
−
}
+
  
−
/* submenu icon  "-"*/
 
−
.igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
 
−
content: "-";
 
−
}
 
  
−
+
@media (min-width: 43.75em) {
−
/*level 2 menu (submenu) wrapper*/
+
  #page {
−
.igem_2019_team_menu .submenu{
+
    font-size: 1.5em;
−
background-color: #ececec;
+
    /* equivalent to 16px */
−
clear:both;
+
    line-height: 1.375;
−
display:none;
+
    /* equivalent to 22px */
−
float: left; 
+
  }
−
width:100%;
+
}
−
}
+
  
−
/*level 2 menu (submenu) item*/
+
h1 {
−
.igem_2019_team_menu .submenu .submenu_item {
+
  font-size: 2em;
−
border-bottom: 1px solid #cecece;
+
  /* 2x body copy size = 32px */
−
  color: #635d5d;
+
  line-height: 1.25;
−
    height: 30px;
+
  /* 45px / 36px */
−
  float: left;
+
}
−
    font-size: 110%;
+
#h5 {
−
font-weight: bold;
+
  font-size: 0.5em;
−
    padding: 12px 0px 0px 15%;
+
  /* 2x body copy size = 32px */
−
    width: 100%;
+
 
−
}
+
}
  
−
/*level 2 menu (submenu) items on hover*/
+
@media (min-width: 43.75em) {
−
.igem_2019_team_menu .submenu .submenu_item:hover {
+
  h1 {
−
background-color: #ecb656 !important;
+
    font-size: 2.5em;
−
}
+
    /* 2.5x body copy size = 40px */
 +
    line-height: 1.125;
 +
  }
 +
#h5 {
 +
    font-size: 1em;
 +
   
 +
  }
 +
}
  
−
/*color for highlighting current page on the wiki*/
+
@media (min-width: 56.25em) {
−
.igem_2019_team_menu .submenu .submenu_item.current_page,
+
  h1 {
−
.igem_2019_team_menu .menu_item.current_page,
+
    font-size: 3em;
−
.igem_2019_team_menu .menu_item.direct_link.current_page {
+
    /* 3x body copy size = 48px */
−
background-color:#a2d3d0;
+
    line-height: 1.05;
−
}
+
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
 +
  }
 +
#h5 {
 +
    font-size: 1.5em;
 +
    /* 3x body copy size = 48px */
 +
   
 +
  }
 +
}
  
 +
h2 {
 +
  font-size: 1.625em;
 +
  /* 1.625x body copy size = 26px */
 +
  line-height: 1.15384615;
 +
  /* 30px / 26px */
 +
}
 +
#h6 {
 +
  font-size: 0.8em;
 +
  /* 1.625x body copy size = 26px */
 +
 +
}
 +
@media (min-width: 43.75em) {
 +
  h2 {
 +
    font-size: 2em;
 +
    /* 2x body copy size = 32px */
 +
    line-height: 1.25;
 +
  }
 +
#h6 {
 +
    font-size: 1em;
 +
    /* 2x body copy size = 32px */
 +
   
 +
  }
 +
}
  
−
/*mobile menu bar styling*/
+
@media (min-width: 56.25em) {
−
/**************************************************************************************************************************************************************************************************/
+
  h2{
 +
    font-size: 2.25em;
 +
    /* 2.25x body copy size = 36px */
 +
    line-height: 1.25;
 +
  }
 +
#h6 {
 +
    font-size: 1.125em;
 +
    /* 2.25x body copy size = 36px */
 +
   
 +
  }
 +
}
  
−
/*mobile bar that controls the menu*/
+
h3 {
−
.igem_2019_team_mobile_bar {
+
  font-size: 1.375em;
−
background-color:#ececec;  
+
  /* 1.375x body copy size = 22px */
−
border-bottom: 1px solid #cecece;
+
  line-height: 1.13636364;
−
cursor:pointer;
+
  /* 25px / 22px */
−
display:none;
+
}
−
float:left;
+
−
margin-top: 0;
+
−
padding: 5px 0;
+
−
position:fixed;
+
−
width:100%;
+
−
}
+
−
+
−
/*mobile logo*/
+
−
.igem_logo_mobile {
+
−
float:left;
+
−
padding-left: 5%;
+
−
width: 30%;
+
−
}
+
  
−
/*image within the mobile logo*/
+
@media (min-width: 43.75em) {
−
.igem_logo_mobile img {
+
  h3 {
−
width:70px;
+
    font-size: 1.5em;
−
}
+
    /* 1.5x body copy size = 24px */
−
+
    line-height: 1.25;
−
/*mobile expand collapse button*/
+
  }
−
.igem_menu_control_mobile {
+
}
−
float:right;
+
−
padding-right:5%;  
+
−
padding-top:5px;
+
−
text-align:right;
+
−
width: 30%;
+
−
}
+
  
−
/*image for mobile expand collapse button*/
+
@media (min-width: 56.25em) {
−
.igem_menu_control_mobile img {
+
  h3 {
−
width:25px;
+
    font-size: 1.75em;
−
}
+
    /* 1.75x body copy size = 28px */
 +
    line-height: 1.25;
 +
  }
 +
}
  
 +
h4 {
 +
  font-size: 1.125em;
 +
  /* 1.125x body copy size = 18px */
 +
  line-height: 1.11111111;
 +
}
  
−
/*add extra padding to the menu to improve mobile scrolling*/
+
@media (min-width: 43.75em) {
−
.menu_padding{
+
  h4 {
−
float:left;
+
    line-height: 1.22222222;
−
height:100px;
+
    /* (22px / 18px */
−
}
+
  }
 +
}
  
 +
blockquote {
 +
  font-size: 1.25em;
 +
  /* 20px / 16px */
 +
  line-height: 1.25;
 +
  /* 25px / 20px */
 +
}
  
−
/**************************************************************************************************************************************************************************************************/
+
@media (min-width: 43.75em) {
−
/* CONTENT OF THE PAGE */
+
  blockquote {
−
/**************************************************************************************************************************************************************************************************/
+
    font-size: 1.5em;
 +
    /* 24px / 16px = */
 +
    line-height: 1.45833333;
 +
    /* 35px / 24px */
 +
  }
 +
}
  
−
/* general wrapper for the content */
 
−
.igem_2019_team_content {
 
−
background-color:white;
 
−
display:block;
 
−
width: 87%;
 
−
}
 
  
−
/* subwrapper to center content */
+
    footer {
−
.igem_2019_team_content .igem_2019_team_column_wrapper {
+
            background-color:white;
−
margin:auto;
+
            height:180px;
−
max-width: 1400px;
+
            width:100%;
−
width:90%;
+
      }
−
}
+
−
 
+
−
 
+
−
 
+
−
/*general styling*/
+
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
+
/* FOOTER */
−
/*size for title h tags*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;}
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 150%;}
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 140%;}
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}
+
−
 
+
−
 
+
−
/*titles h1, h2*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
+
−
border-bottom:0px;
+
−
color: #635d5d;
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 10px 0px;
+
−
}
+
−
 
+
−
/*titles h3, h3, h5, h6 */
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h3,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h4,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h5,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper h6 {
+
−
border-bottom:0px;
+
−
color: #635d5d; 
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 5px 0px;
+
−
}
+
−
 
+
−
/* text p tag*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper p {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding: 5px 0px;
+
−
text-align: left;
+
−
color: #484848;
+
−
}
+
−
 
+
−
/* Links a tag*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper a {
+
−
color: #00a19b;
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color:#00a19b;
+
−
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_2019_team_content .igem_2019_team_column_wrapper a:hover {
+
−
color: #085156;
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
 
+
−
/* Table tag*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper table {
+
−
border: 1px solid #635d5d;
+
−
border-collapse: collapse;
+
−
font-size: 130%;
+
−
width: 100%;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper td {
+
−
border: 1px solid #cecece;
+
−
border-collapse: collapse;
+
−
font-size: 105%;
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper th {
+
−
background-color:#cecece;
+
−
border: 1px solid #635d5d;
+
−
border-collapse: collapse;
+
−
font-size: 110%;
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding:0px 20px;
+
−
}
+
−
 
+
−
 
+
−
/*font sizing within list nesting*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ul li,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ul ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ol li,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ul li,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ol ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ol li,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ol ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ol ul li,
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper ol ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
−
 
+
−
 
+
−
 
+
−
/*layout classes*/
+
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
/*main layout class */
+
.wrapperLeftCommanditaires{
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column  {  
+
margin-left:5%;      
−
float:left;
+
float:left;
−
margin: 1% 2%;
+
−
padding: 0px;
+
−
}
+
  
−
/* 100% */
+
        background-image:url("https://static.igem.org/mediawiki/2019/4/48/T--Ulaval--AllSponsorsUpdated.png");
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size { width:96%; }
+
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:65%;
 +
        position: relative;
 +
        top: 50%;
 +
        transform: translateY(-50%);
 +
        height:75%;
 +
        margin-left:10px;
 +
    }
 +
    .containerRight {
 +
      float:right;
 +
      width:200px;
 +
      margin-right:20px;
 +
      position: relative;
 +
      top: 50%;
 +
      transform: translateY(-50%);
 +
      height:110px;
 +
    }
  
−
/* 66% */
+
    .conteneurBoutons {
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
        width:85px;
 +
        height:40px;
 +
        float:right;
 +
    }
  
−
/* 33% */
+
    .boutonFacebook {
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size { width: 29.3%; }
+
        float:left;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/6/65/T--ULaval--facebookIcone.svg");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:40px;
 +
        height:40px;
 +
    }
  
 +
    .boutonSite {
 +
        float:right;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/6/64/T--ULaval--planeteSite.svg");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:40px;
 +
        height:40px;
 +
    }¸
  
 +
    .conteneurBoutons a:link {
 +
        padding:0px;
 +
      text-decoration: none;
 +
    }
  
 +
    .conteneurBoutons a:visited {
 +
      text-decoration: none;
 +
    }
  
−
/*all images*/
+
    .conteneurBoutons a:hover {
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size img,
+
      text-decoration: none;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size img,
+
    }
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size img {
+
−
margin-bottom: 15px;
+
−
width: 100%;  
+
−
}
+
  
−
 
+
    .contenousBoutons a:active {
−
/* page break */
+
      text-decoration: none;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .clear {
+
    }
−
clear:both;
+
−
}
+
−
/*add extra space to page break with clear class*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
/* horizontal line to divide the page*/
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper .line_divider {
+
−
    border-top: 1px solid #cecece;
+
−
  margin: auto;
+
−
  width: 98%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
+
−
/*support classes*/
+
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
/* MENU */
 +
/**************************************************************************************************************************************************************************************************/
 +
    /*Navigation Bar Wrapping*/
 +
    .NavigationBar{
 +
        position:sticky;
 +
        top:0;
 +
        z-index:10;
 +
    }
 +
/*Center Logo*/
 +
    .teamlogo{
 +
        margin-top: 100px;
 +
        position: fixed;
 +
        top: 0;
 +
        left: 46.6%;
 +
        height:200px;
 +
        z-index: 100;
 +
    }
  
 +
/*Video section*/
 +
    .video-container{
 +
        margin-top:0px;
 +
        z-index: 1;
 +
        width:100%;
 +
        height:300px;
 +
        overflow:hidden;
 +
        position: fixed;
 +
        top:0;
 +
        left:0;
 +
    }
  
−
/*Button  */
+
#video-bg{
−
/************************************************/
+
        width: 100%;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link {
+
    }
−
font-size: 130%;
+
−
margin: 30px auto;
+
−
text-align: center;
+
−
}
+
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a  {
 
−
background-color: #00a19bad !important;
 
−
color: #000 !important;
 
−
font-weight: bold;
 
−
margin: auto;
 
−
text-decoration: none !important;
 
−
padding: 10px 15px !important;
 
−
}
 
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link a:hover {
 
−
background-color: #ffb819 !important; 
 
−
}
 
  
−
+
/* Navbar container */
 +
.navbar{
 +
        margin-top: 185px;
 +
        position: fixed;
 +
        top:0px;
 +
        line-height: 115px;
 +
        margin-left:0px;
 +
        margin-right:0;
 +
        z-index:1;
 +
        width:100%;
 +
        opacity: 0.90;
 +
        background-color: rgb(175, 184, 189);
 +
        box-shadow: 0px 3px 12px 0px #000000;
 +
    }
 +
    /*Element inside Menu*/
 +
    .navbar a {
 +
        float:left;
 +
        color:black;
 +
       
 +
        text-align:center;
 +
        text-decoration:none;
 +
        text-align: center;
 +
       
 +
        text-transform:uppercase;
 +
       
  
−
/*highlight */
+
        width: 14.28571428%; /* Four links of equal widths */
−
/************************************************/
+
       
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight {  
+
    }
−
padding: 15px 20px;
+
    /*Menu element*/
−
}
+
    /*The dropdown container*/
 +
    .dropdown{
 +
        float:left;
 +
        text-align:center;
 +
        overflow: hidden;
 +
        width: 14.285714%;
 +
    }
 +
    /*Dropdown button*/
 +
    .dropdown .dropbtn{
 +
       
  
 +
        text-transform:uppercase;
 +
        border: none;
 +
        outline: none;
 +
        color:black;
 +
       
 +
        line-height:110px;
 +
        background-color: inherit;
 +
        margin: 0; /* Important for vertical align on mobile phones */
 +
    }
 +
   
 +
    .navbar.minimized{
 +
        height:50px;
 +
    }
 +
    .navbar.minimized a{
 +
        float:left;
 +
        color:black;
 +
        text-align:center;
 +
        text-decoration:none;
 +
        text-align: center;
 +
        text-transform:uppercase;
 +
       
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight p,
+
        width: 14.285714%;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h1,
+
    }
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h2,
+
    /* Dropdown content (hidden by default) */
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h3,
+
    .dropdown-content{
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h4,
+
        display: none;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h5,
+
        position: fixed;
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h6 {
+
        background-color:white;
−
padding: 5px 15px;
+
        width: 14.285714%;
−
}
+
        text-align: center
 +
        box-shadow: 0px 8px 16px 0px black;
 +
        border-bottom-left-radius:8px;
 +
        border-bottom-right-radius:8px;
 +
        z-index: 1;
 +
    }
 +
    /* Links inside the dropdown */
 +
    .dropdown-content a {
 +
        float: none;
 +
       
 +
       
 +
        background:transparent;
 +
        line-height:50px;
 +
        width:100%;
 +
        color: black;
 +
        text-decoration: none;
 +
        display: block;
 +
        text-align: center;
 +
        -webkit-transition: background-color 0.3s ease-out;
 +
        -moz-transition: background-color 0.3s ease-out;
 +
        -o-transition: background-color 0.3s ease-out;
 +
        transition: background-color 0.3s ease-out;
 +
       
 +
    }
 +
    .textMargin {
 +
        margin-left:12px;
 +
    }
 +
   
 +
    /* Add a grey background color to dropdown links on hover */
 +
    .navbar a:hover, .dropdown:hover, .dropbtn:hover,.dropdown-content a:hover,.dropdown-content .lastElement:hover {
 +
        background-color: #3d9288 ;
 +
        color:whitesmoke;
 +
    }
 +
    #home:hover  {
 +
        background-color:rgb(175, 184, 189);
 +
        color:whitesmoke;
 +
    }
 +
    .dropdown-content .lastElement {
 +
        height:50px;
 +
        width:100%;
 +
        background:transparent;
 +
        border-bottom-right-radius:8px;
 +
        border-bottom-left-radius:8px;
 +
        -webkit-transition: background-color 0.3s ease-out;
 +
        -moz-transition: background-color 0.3s ease-out;
 +
        -o-transition: background-color 0.3s ease-out;
 +
        transition: background-color 0.3s ease-out;
 +
    }
 +
    /* Show the dropdown menu on hover */
 +
    .dropdown:hover .dropdown-content {
 +
        display: block;
 +
    }
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_background {
+
@media screen and (max-width: 1500px) {
−
background-color: #ececec;
+
 
−
}
+
  .navbar a,.dropdown .dropbtn {
 +
   
 +
  }
 +
.dropdown-content a {
 +
   
 +
  }
 +
}
 +
.referenceTitle {
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_top {
+
font-weight:bold;
−
    border-top: 4px solid #00a19bad;
+
}
−
}
+
  
 +
.containerRows {
 +
width:660px;
 +
margin:0 auto;
 +
}
 +
.rowLast
 +
{
 +
margin:0 auto;
 +
    width: 550px;
 +
}
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_full {
+
.rowLast li{float: left;}
−
    border: 4px solid #00a19bad;
+
−
}
+
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_top {
 
−
    border-top: 4px solid #ffb819
 
−
}
 
  
 +
ul {
 +
list-style:none;
 +
}
 +
#big{display: none;}
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_full {
+
@media screen and (max-width: 1425px){
−
    border: 4px solid #ffb819;
+
  #small{display: none;}
−
}
+
  #big{display:contents;}
 +
  .testcenter{display: none;}
 +
}
 +
@media screen and (max-width: 800px){
 +
  #small{display: none;}
 +
  #big{display:contents;}
 +
  .testcenter{display: none;}
 +
  #medium{display: none;}
 +
}
  
 +
.accordionnav:hover .accordionnavnav-item:hover .accordionnav-item-content,
 +
.accordionnav .accordionnav-item--default .accordionnav-item-content {
 +
    height: 5em;
 +
}
 +
.accordionnav:hover .accordionnav-item:hover .accordionnav-item-content1,
 +
.accordionnav .accordionnav-item--default .accordionnav-item-content1 {
 +
    height: 7.5em;
 +
}
 +
.accordionnav:hover .accordionnav-item:hover .accordionnav-item-content2,
 +
.accordionnav .accordionnav-item--default .accordionnav-item-content2 {
 +
    height: 15em;
 +
}
 +
.accordionnav:hover .accordionnav-item:hover .accordionnav-item-content3,
 +
.accordionnav .accordionnav-item--default .accordionnav-item-content3 {
 +
    height: 26.25em;
 +
}
 +
.accordionnav:hover .accordionnav-item:hover .accordionnav-item-content4,
 +
.accordionnav .accordionnav-item--default .accordionnav-item-content4 {
 +
    height: 30em;
 +
   
 +
}
  
  
 +
.accordionnav-item-content,
 +
.accordionnav:hover .accordionnav-item-content,.accordionnav-item-content1,.accordionnav-item-content2,.accordionnav-item-content3,.accordionnav-item-content4,
 +
.accordionnav:hover .accordionnav-item-content1,.accordionnav-item-content2,.accordionnav-item-content3,.accordionnav-item-content4 {
 +
    height: 0;
 +
    overflow: hidden;
 +
    transition: height .25s;
 +
}
  
−
/*mobile*/
 
−
/**************************************************************************************************************************************************************************************************/
 
  
 +
.acordionnavnav {
 +
    padding: 0;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
   
 +
}
  
−
/* 1800px  */
+
.accordionnav .accordionnav-item {
−
/************************************************/
+
  background-color: rgb(175, 184, 189);
−
@media only screen and (max-width: 1800px) {
+
  border: 1px solid rgb(175, 184, 189);
−
.igem_2019_team_content { width: 85%;}
+
  border-right: 1px solid transparent;
−
.igem_2019_team_menu {display:block;}
+
  padding: 0em;
 +
  color: black;
 
}
 
}
  
−
/* 1400px  */
+
.accordionnav h1 {
−
/************************************************/
+
  padding: 0.6em 1em 0.5em 1em ;
−
@media only screen and (max-width: 1400px) {
+
  margin:0;
−
.igem_2019_team_menu .menu_item { font-size:100%;}
+
}
−
.igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
+
−
.igem_2019_team_menu {display:block;}
+
−
}
+
  
 +
.accordionnav .accordionnav-item {
 +
  background-color:rgb(175, 184, 189);
 +
 
  
−
/* 1100px  */
+
}
−
/************************************************/
+
−
@media only screen and (max-width: 1100px) {
+
−
.igem_2019_team_content {width:100%; margin-left:0px;}
+
−
+
−
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
−
+
−
.igem_2019_team_mobile_bar {display:block;}
+
−
+
−
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size, .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size,.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size {width:96%; }
+
  
−
}
+
.accordionnav-item:hover .accordionnav-item-content a,.accordionnav-item-content1 a,.accordionnav-item-content2 a,.accordionnav-item-content3 a,.accordionnav-item-content4 a
 +
{
 +
background-color:white;
  
−
/* 850px  */
+
}
−
/************************************************/
+
−
@media only screen and (max-width: 850px) {
+
−
.igem_2019_team_menu {width:40%;}
+
−
}
+
  
−
/*500px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 500px) {
 
−
.igem_2019_team_menu {min-width:100%;width:100%;}
 
−
}
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/
 
  
 +
.sidenav {
 +
  height: 100%;
 +
  width: 300px;
 +
  position: fixed;
 +
  z-index: 10000;
 +
  top: 10px;
 +
  left: 0;
 +
  background-color: rgb(175, 184, 189);
 +
  overflow-x: hidden;
 +
  transition: 0.5s;
 +
  padding-top: 60px;
 +
  font-size: 10px;
 +
}
  
 +
.sidenav a {
 +
  padding: 8px 8px 8px 32px;
 +
  text-decoration: none;
 +
  font-size: 20px;
 +
  color: black;
 +
  display: block;
 +
  transition: 0.3s;
 +
}
  
 +
.sidenav a:hover {
 +
  background-color: #3d9288 ;
 +
  color:whitesmoke;
 +
 
 +
}
  
 +
.sidenav .closebtn {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 25px;
 +
  font-size: 36px;
 +
  margin-left: 50px;
 +
}
 +
.sidenav .lastElement{
 +
  padding-bottom: 50px;
 +
}
  
 +
@media screen and (max-height: 450px) {
 +
  .sidenav {padding-top: 15px;}
 +
  .sidenav a {font-size: 18px;}
 +
}
 +
@media screen and (min-width: 1425px) {
 +
  .sidenav{display: none;}
 +
}
 +
@media screen and (max-width: 1425px) {
 +
  .sidenav{width:0px;}
 +
}
 
</style>
 
</style>
 +
<script>
 +
/* When the user clicks on the button,
 +
toggle between hiding and showing the dropdown content */
 +
function myFunction() {
 +
    document.getElementById("myDropdown").classList.toggle("show");
 +
}
  
 +
// Close the dropdown menu if the user clicks outside of it
 +
window.onclick = function(event) {
 +
  if (!event.target.matches('.dropbtn')) {
  
 +
    var dropdowns = document.getElementsByClassName("dropdown-content");
 +
    var i;
 +
    for (i = 0; i < dropdowns.length; i++) {
 +
      var openDropdown = dropdowns[i];
 +
      if (openDropdown.classList.contains('show')) {
 +
        openDropdown.classList.remove('show');
 +
      }
 +
    }
 +
  }
 +
}
 +
</script>
 +
<script>
 +
  function openNav() {
 +
    document.getElementById("mySidenav").style.width = "250px";
 +
  }
 +
 
 +
  function closeNav() {
 +
    document.getElementById("mySidenav").style.width = "0";
 +
  }
 +
  </script>
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
Line 537: Line 677:
 
<head>  
 
<head>  
  
−
<!-- This tells the browser that your page is responsive -->
 
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 +
        <title>Team:ULaval - 2019.igem.org</title>
  
 
</head>
 
</head>
Line 550: Line 690:
  
  
 +
<body>
  
−
<div class="igem_2019_team_mobile_bar">
+
  <div id="mySidenav" class="sidenav">
−
+
    <a style="padding:15px;margin-top:15px;font-size:25px;"href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
−
<div class="igem_logo_mobile">
+
    <div class="accordionnav">
−
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
+
      <section  class="accordionnav-item ">
−
</div>
+
          <h1>Notebook</h1>
 +
          <div class="accordionnav-item-content1">
 +
            <a href="https://2019.igem.org/Team:ULaval/Notebook"><span class="textMargin"id="#h6">Lab Journal</span></a>
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Experiments"><span class="textMargin"id="#h6">Experiments</span></a>
 +
          </div>
 +
      </section>
 +
      <section class="accordionnav-item">
 +
          <h1>Parts</h1>
 +
          <div class="accordionnav-item-content1">
 +
            <a href="https://2019.igem.org/Team:ULaval/Parts"><span class="textMargin"id="#h6">Overview</span></a>
 +
            <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Basic_Part"><span class="textMargin"id="#h6">Basic Parts</span></a>
 +
          </div>
 +
      </section>
 +
      <section class="accordionnav-item">
 +
        <h1>Team</h1>
 +
        <div class="accordionnav-item-content2">
 +
          <a href="https://2019.igem.org/Team:ULaval/Team"><span class="textMargin"id="#h6">Team members</span></a>
 +
          <a href="https://2019.igem.org/Team:ULaval/Attributions"><span class="textMargin"id="#h6">Attributions</span></a>
 +
          <a  href="https://2019.igem.org/Team:ULaval/Achievements.html"><span class="textMarginid"id=#h6> Achievements</span></a>
 +
          <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Collaborations"><span class="textMargin"id="#h6">Collaborations</span></a>
 +
        </div>
 +
    </section>
 +
      <section class="accordionnav-item">
 +
          <h1>Human Practices</h1>
 +
          <div class="accordionnav-item-content3">
 +
            <a href="https://2019.igem.org/Team:ULaval/Human_Practices"><span class="textMargin"id="#h6">Human Practices</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Human_Practices/Pathogens_Detections"><span class="textMargin"id="#h6">Pathogens Detections</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Human_Practices/Our_Approach"><span class="textMargin"id="#h6">Our Approach</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Public_Engagement"><span class="textMargin"id="#h6">Public Engagement</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Human_Practices/ExpertInsight"><span class="textMargin"id="#h6">Expert Insight</span></a>
 +
          <a href="https://2019.igem.org/Team:ULaval/Human_Practices/Market_Consultation"><span class="textMargin"id="#h6">Market Consultation</span></a>
 +
           
 +
            <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Safety"><span class="textMargin"id="#h6">Safety</span></a>
 +
          </div>
 +
      </section>
 +
     
 +
      <section class="accordionnav-item" style="padding-bottom: 100px;">
 +
          <h1>Project</h1>
 +
          <div class="accordionnav-item-content4">
 +
            <a href="https://2019.igem.org/Team:ULaval/Description"><span class="textMargin">Description</span></a>
 +
         
 +
            <a href="https://2019.igem.org/Team:ULaval/Design"><span class="textMargin"id="#h6">Design</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Contribution"><span class="textMargin"id="#h6">Characterization</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Results"><span class="textMargin"id="#h6">Results</span></a>
 +
            <a href="https://2019.igem.org/Team:ULaval/Model"><span class="textMargin"id="#h6">Model</span></a>
 +
           
 +
            <a href="https://2019.igem.org/Team:ULaval/Software"><span class="textMargin"id="#h6">Software</span></a>
 +
            <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Hardware"><span class="textMargin"id="#h6">Hardware</span></a>
 +
          </div>
 +
      </section>
 +
     
 +
     
 +
     
 +
     
 +
  </div>
 +
  </div>
  
  
−
<div class="igem_menu_control_mobile">
+
<div class="NavigationBar">
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
+
        <a id=medium href="https://2019.igem.org/Team:ULaval"><img class = teamlogo  src = "https://static.igem.org/mediawiki/2019/e/e6/T--Ulaval--TeamLogo.png" ></a>  
−
</div>
+
   
 +
        <div class="video-container">
 +
            <video autoplay loop muted id="video-bg">
 +
                <source src="https://static.igem.org/mediawiki/2019/6/6e/T--Ulaval--videoNavbar.mp4" type="video/mp4">
 +
            </video>
 +
        </div>
 +
        <div class="navbar">
 +
            <a href="https://2019.igem.org/Team:ULaval"id="h5" style="font-size:25px;">Home</a>
 +
            <div class="dropdown" id=small>
 +
                <button class="dropbtn"id="h5">Project
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:ULaval/Description"><span class="textMargin"id="#h6">Description</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Design"><span class="textMargin"id="#h6">Design</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Contribution"><span class="textMargin"id="#h6">Characterization</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Results"><span class="textMargin"id="#h6">Results</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Model"><span class="textMargin"id="#h6">Model</span></a>
 +
                   
 +
                    <a href="https://2019.igem.org/Team:ULaval/Software"><span class="textMargin"id="#h6">Software</span></a>
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Hardware"><span class="textMargin"id="#h6">Hardware</span></a>
 +
                </div>
 +
            </div>
 +
            <div class="dropdown" id=small>
 +
                <button class="dropbtn"id="h5">Parts
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:ULaval/Parts"><span class="textMargin"id="#h6">Overview</span></a>
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Basic_Part"><span class="textMargin"id="#h6">Basic Parts</span></a>
 +
                   
 +
                </div>
 +
            </div>
 +
            <a class="testcenter" id="home"  href="https://2019.igem.org/Team:ULaval" id=small  >_ _</a>
 +
            <div class="dropdown" id=small>
 +
                <button class="dropbtn"id="h5">Notebook
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:ULaval/Notebook"><span class="textMargin"id="#h6">Lab Journal</span></a>
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Experiments"><span class="textMargin"id="#h6">Experiments</span></a>
 +
                </div>
 +
            </div>
 +
            <div class="dropdown" id=small>
 +
                <button class="dropbtn"id="h5">Human Practices
 +
                    <i class="fa fa-caret-down"></i>   
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:ULaval/Human_Practices"><span class="textMargin"id="#h6">Human Practices</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Human_Practices/Pathogens_Detections"><span class="textMargin"id="#h6">Pathogens Detections</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Human_Practices/Our_Approach"><span class="textMargin"id="#h6">Our Approach</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Public_Engagement"><span class="textMargin"id="#h6">Public Engagement</span></a>
 +
<a href="https://2019.igem.org/Team:ULaval/Human_Practices/ExpertInsight"><span class="textMargin"id="#h6">Expert Insight</span></a>
 +
<a href="https://2019.igem.org/Team:ULaval/Human_Practices/Market_Consultation"><span class="textMargin"id="#h6">Market Consultation</span></a>
 +
                   
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Safety"><span class="textMargin"id="#h6">Safety</span></a>
 +
                </div>
 +
            </div>
 +
            <div class="dropdown" id=small>
 +
                <button class="dropbtn"id="h5">Team
 +
                    <i class="fa fa-caret-down"></i>
 +
                </button>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2019.igem.org/Team:ULaval/Team"><span class="textMargin"id="#h6">Team members</span></a>
 +
                    <a href="https://2019.igem.org/Team:ULaval/Attributions"><span class="textMargin"id="#h6">Attributions</span></a>
 +
                    <a  href="https://2019.igem.org/Team:ULaval/Achievements.html"><span class="textMarginid"id=#h6>Achievements</span></a>
 +
                    <a class="lastElement" href="https://2019.igem.org/Team:ULaval/Collaborations"><span class="textMargin"id="#h6">Collaborations</span></a>
 +
                </div>
 +
            </div>
 +
            <a id=big ><span style="font-size:25px;cursor:pointer;float:right;margin-right: 50px;" onclick="openNav()">&#9776; open</span></a>
 +
        </div>
 +
        </div>
 +
</body>
 +
<script>
  
−
</div>
+
        window.addEventListener('scroll', function() {
 +
            document.querySelector('.navbar').style.marginTop =
 +
            Math.max(85, 185 - this.scrollY) + 'px';
 +
        }, false);
  
 +
        window.addEventListener('scroll', function() {
 +
            document.querySelector('.video-container').style.marginTop =
 +
            Math.max(-100, 0 - this.scrollY) + 'px';
 +
        }, false);
  
−
 
+
        window.addEventListener('scroll', function() {
−
 
+
            document.querySelector('.teamlogo').style.marginTop =
−
<div class="igem_2019_team_menu">
+
            Math.max(0, 100 - this.scrollY) + 'px';
−
 
+
        }, false);
−
 
+
        </script>
−
<a href="https://2019.igem.org/Team:ULaval">
+
</html>
−
<img src="https://placehold.it/350x150/ececec/cecece">
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval">
+
−
<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://2019.igem.org/Team:ULaval/Team">
+
−
<div class="submenu_item">
+
−
Team Members
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/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://2019.igem.org/Team:ULaval/Description">
+
−
<div class="submenu_item">
+
−
Description
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Design">
+
−
<div class="submenu_item">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Experiments">
+
−
<div class="submenu_item">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Notebook">
+
−
<div class="submenu_item">
+
−
Notebook
+
−
</div>
+
−
</a>
+
−
+
−
<a href="https://2019.igem.org/Team:ULaval/Contribution">
+
−
<div class="submenu_item">
+
−
Contribution
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/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://2019.igem.org/Team:ULaval/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Basic_Part">
+
−
<div class="submenu_item">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Composite_Part">
+
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
+
−
+
−
+
−
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/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://2019.igem.org/Team:ULaval/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/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://2019.igem.org/Team:ULaval/Entrepreneurship">
+
−
<div class="submenu_item">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Hardware">
+
−
<div class="submenu_item">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Measurement">
+
−
<div class="submenu_item">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Plant">
+
−
<div class="submenu_item">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:ULaval/Software">
+
−
<div class="submenu_item">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<a href="https://igem.org/2019_Judging_Form?team=ULaval">
+
−
<div class="menu_item direct_link">
+
−
JUDGING FORM ⇗
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
+
−
<div class="menu_padding"></div>
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</div>
+
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
 
−
 
−
<div class="igem_2019_team_content">
 
−
<div class="igem_2019_team_column_wrapper">
 
−
<div class="clear extra_space"></div>
 
−
<div class="clear extra_space"></div>
 

Latest revision as of 01:44, 15 December 2019

Team:ULaval - 2019.igem.org

Home _ _ ☰ open