Difference between revisions of "Template:ULaval"

(Prototype team template page)
 
(first draft for menu and footer)
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;}
 
 
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
 
  
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
  
/**************************************************************************************************************************************************************************************************/
+
        body {
/* MENU */
+
            background-color:#F7F5F4;
/**************************************************************************************************************************************************************************************************/
+
      }
  
/*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*/
+
        footer {
.igem_2019_team_menu.displaying_menu{
+
            background-color:#F7F5F4;
display:block;
+
            height:180px;
}
+
            width:100%;
 +
      }
  
/*links in the menu*/
+
.barreBas{
.igem_2019_team_menu  a {
+
width:100%;
color: #484848;
+
height:180px;
text-decoration:none;
+
}
}
+
  
/*images in the menu*/
+
.wrapperLeftCommanditaires{
.igem_2019_team_menu img {
+
        float:left;
width:100%;
+
        background-image:url("https://static.igem.org/mediawiki/2018/2/2f/T--ULaval--finalFinal.png");
}
+
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:900px;
 +
        position: relative;
 +
        top: 50%;
 +
        transform: translateY(-50%);
 +
        height:95px;
 +
        margin-left:10px;
 +
}
  
/*level 1 menu items*/
+
  .containerRight {
.igem_2019_team_menu .menu_item {
+
      float:right;
    background-color: #cecece;
+
      width:200px;
    border-bottom: 1px solid #635d5d;
+
      margin-right:20px;
    clear: both;
+
      position: relative;
color: #484848;
+
      top: 50%;
    cursor: pointer;
+
      transform: translateY(-50%);
float: left;
+
      height:110px;
    font-size: 120%;
+
  }
    font-weight: bold;
+
    padding: 15px 0px 15px 5%;
+
  width: 100%;
+
}
+
  
/*level 1 menu items without submenus*/
+
.conteneurBoutons {
.igem_2019_team_menu .menu_item.direct_link {
+
width:85px;
color: #484848;
+
height:40px;
padding-left: 15%;
+
float:right;
}
+
}
+
/*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*/
+
.boutonFacebook {
.igem_2019_team_menu .menu_item .submenu_control_icon {
+
        float:left;
color: #484848;
+
        background-image:url("https://static.igem.org/mediawiki/2018/6/65/T--ULaval--facebookIcone.svg");
float: left;
+
        background-repeat: no-repeat;
width: 10%;
+
        background-position: center;
}
+
        background-size: 100% 100%;
 +
width:40px;
 +
height:40px;
 +
}
  
/* submenu icon  "-"*/
+
.boutonSite {
.igem_2019_team_menu .menu_item .submenu_control_icon::before {
+
        float:right;
content: "+";  
+
        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;
 +
}¸
  
/* submenu icon  "-"*/
+
  .conteneurBoutons a:link {
.igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
+
padding:0px;
content: "-";  
+
      text-decoration: none;
}
+
  }
  
+
  .conteneurBoutons a:visited {
/*level 2 menu (submenu) wrapper*/
+
      text-decoration: none;
.igem_2019_team_menu .submenu{
+
  }
background-color: #ececec;
+
clear:both;
+
display:none;
+
float: left; 
+
width:100%;
+
}
+
  
/*level 2 menu (submenu) item*/
+
  .conteneurBoutons a:hover {
.igem_2019_team_menu .submenu .submenu_item {
+
      text-decoration: none;
border-bottom: 1px solid #cecece;
+
  }
  color: #635d5d;
+
    height: 30px;
+
  float: left;
+
    font-size: 110%;
+
font-weight: bold;
+
    padding: 12px 0px 0px 15%;
+
    width: 100%;
+
}
+
  
/*level 2 menu (submenu) items on hover*/
+
  .contenousBoutons a:active {
.igem_2019_team_menu .submenu .submenu_item:hover {
+
      text-decoration: none;
background-color: #ecb656 !important;
+
  }
}
+
</style>
  
/*color for highlighting current page on the wiki*/
 
.igem_2019_team_menu .submenu .submenu_item.current_page,
 
.igem_2019_team_menu .menu_item.current_page,
 
.igem_2019_team_menu .menu_item.direct_link.current_page {
 
background-color:#a2d3d0;
 
}
 
  
 +
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<style>
 +
*{
 +
        margin-left:0;
 +
        margin-right:0;
 +
        padding:0;
 +
    }
 +
    html,body{
 +
        height:100%;
 +
        width:100%;
 +
        margin:0px;
 +
        padding:0px;
 +
    }
  
/*mobile menu bar styling*/
+
/**************************************************************************************************************************************************************************************************/
 +
/* MENU */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*mobile bar that controls the menu*/
+
/* Navbar container */
.igem_2019_team_mobile_bar {
+
    .navbar {
background-color:#ececec;  
+
        margin-top:16px;
border-bottom: 1px solid #cecece;
+
        margin-left:0;
cursor:pointer;
+
        margin-right:0;
display:none;  
+
        z-index:1;
float:left;
+
        position:fixed;
margin-top: 0;
+
        top:0;
padding: 5px 0;
+
        width:100%;
position:fixed;
+
        opacity: 0.9;
width:100%;  
+
        background-color: rgb(52, 111, 148);
}
+
        box-shadow: 0px 3px 12px 0px #000000;
+
        height:110px;
/*mobile logo*/
+
    }
.igem_logo_mobile {
+
float:left;  
+
padding-left: 5%;
+
width: 30%;  
+
}
+
  
/*image within the mobile logo*/
 
.igem_logo_mobile img {
 
width:70px;
 
}
 
 
/*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*/
+
    .wrapperLeft {
.igem_menu_control_mobile img {
+
        float:left;
width:25px;
+
        height:110px;
}
+
        width:231px;
 +
    }
  
 +
    .navbarLogo  {
 +
        background-image:url("file:///D:/Template/logoteamb.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 50% 100%;
 +
        position: relative;
 +
        top: 50%;
 +
        transform: translateY(-50%);
 +
        height:106px;
 +
        width:150px;
 +
        margin-left:5px;
 +
    }
 +
    .wrapperRight {
 +
        float:right;
 +
    }
  
/*add extra padding to the menu to improve mobile scrolling*/
+
    /* Links inside the navbar */
.menu_padding{
+
    .navbar a {
float:left;
+
        float:left;
height:100px;
+
        color:rgb(255, 255, 255);
}
+
        text-align:center;
 +
        text-decoration:none;
 +
        text-align: center;
 +
        margin-right:30px;
 +
        height:110px;
 +
        line-height:110px;
 +
        font-family: 'Josefin Sans' !important;
 +
        text-transform:uppercase;
 +
    }
  
 +
    /* The dropdown container */
 +
    .dropdown {
 +
        float:left;
 +
        overflow: hidden;
 +
        margin-right:30px;
 +
    }
  
/**************************************************************************************************************************************************************************************************/
+
    /* Dropdown button */
/* CONTENT OF THE PAGE */
+
    .dropdown .dropbtn {
/**************************************************************************************************************************************************************************************************/
+
        font-size:16px;
 +
        text-transform:uppercase;
 +
        border: none;
 +
        outline: none;
 +
        color: #ffffff;
 +
        height:110px;
 +
        line-height:110px;
 +
        background-color: inherit;
 +
        font-family: 'Josefin Sans' !important;
 +
        margin: 0; /* Important for vertical align on mobile phones */
 +
    }
  
/* general wrapper for the content */
+
    /* Add a red background color to navbar links on hover */
.igem_2019_team_content {
+
    .navbar a:hover, .dropdown:hover .dropbtn {
background-color:white;
+
    }
display:block;
+
width: 87%;
+
}
+
  
/* subwrapper to center content */
 
.igem_2019_team_content .igem_2019_team_column_wrapper {
 
margin:auto;
 
max-width: 1400px;
 
width:90%;
 
}
 
  
 +
    /* Dropdown content (hidden by default) */
 +
    .dropdown-content {
 +
        display: none;
 +
        position: fixed;
 +
        background-color: #706c6c;
 +
        min-width: 160px;
 +
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.8);
 +
        border-bottom-left-radius:8px;
 +
        border-bottom-right-radius:8px;
 +
        z-index: 1;
 +
    }
  
 +
    .dropdown-content-right {
 +
        right:0;
 +
        display: none;
 +
        position: absolute;
 +
        background-color:#f9f9f9;
 +
        min-width: 160px;
 +
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
        border-bottom-left-radius:10px;
 +
        border-bottom-right-radius:10px;
 +
        z-index: 1;
 +
    }
  
/*general styling*/
+
    /* Links inside the dropdown */
/**************************************************************************************************************************************************************************************************/
+
    .dropdown-content a {
 +
        float: none;
 +
        font-size:13px;
 +
        height:30px;
 +
        background:transparent;
 +
        line-height:30px;
 +
        width:100%;
 +
        color: black;
 +
        text-decoration: none;
 +
        display: block;
 +
        text-align: left;
 +
        -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;
 +
    }
  
/*size for title h tags*/
+
    .dropdown-content-right a {
.igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
+
        float: none;
.igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;}
+
        font-size:13px;
.igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
+
        height:30px;
.igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 150%;}
+
        line-height:30px;
.igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 140%;}
+
        background:transparent;
.igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}
+
        width:100%;
 +
        color: black;
 +
        text-decoration: none;
 +
        display: block;
 +
        text-align: left;
 +
        -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;
 +
    }
  
/*titles h1, h2*/
+
    .textMargin {
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
+
        margin-left:12px;
border-bottom:0px;
+
    }
color: #635d5d;
+
font-family: "Arial Black", Gadget, sans-serif;
+
padding: 10px 0px;
+
}
+
  
/*titles h3, h3, h5, h6 */
+
    .dropdown-content .separation {
.igem_2019_team_content .igem_2019_team_column_wrapper h3,
+
        width:90%;
.igem_2019_team_content .igem_2019_team_column_wrapper h4,
+
        height:4px;
.igem_2019_team_content .igem_2019_team_column_wrapper h5,
+
        border-bottom:1px #EEEEEE solid;
.igem_2019_team_content .igem_2019_team_column_wrapper h6 {
+
        margin:0 auto;
border-bottom:0px;  
+
        display:block;
color: #635d5d;
+
        float:none;
font-family: "Arial Black", Gadget, sans-serif;
+
    }
padding: 5px 0px;
+
}
+
  
/* text p tag*/
+
    .dropdown-content .separation2 {
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
+
        height:4px;
font-size: 130%;
+
        width:95%;
font-family: Arial, Helvetica, sans-serif;
+
        display:block;
padding: 5px 0px;
+
        float:none;
text-align: left;
+
    }
color: #484848;
+
}
+
  
/* Links a tag*/
+
    /* Add a grey background color to dropdown links on hover */
.igem_2019_team_content .igem_2019_team_column_wrapper a {
+
    .dropdown-content a:hover {
color: #00a19b;
+
        background-color: #EBEBEB;
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 */
+
    .dropdown-content .lastElement {
.igem_2019_team_content .igem_2019_team_column_wrapper a:hover {  
+
        height:35px;
color: #085156;
+
        width:100%;
text-decoration:none;
+
        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;
 +
    }
  
 +
    .dropdown-content .lastElement:hover {
 +
        background-color: #EBEBEB;
 +
    }
  
/* Table tag*/
+
    .dropdown-content-right .lastElement {
.igem_2019_team_content .igem_2019_team_column_wrapper table {  
+
        height:35px;
border: 1px solid #635d5d;  
+
        width:100%;
border-collapse: collapse;  
+
        background:transparent;
font-size: 130%;
+
        border-bottom-right-radius:8px;
width: 100%;  
+
        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;
 +
    }
  
/* table cells */
+
    .dropdown-content-right .lastElement:hover {
.igem_2019_team_content .igem_2019_team_column_wrapper td {
+
        background-color: #EBEBEB;
border: 1px solid #cecece;
+
    }
border-collapse: collapse;
+
font-size: 105%;
+
padding: 10px;
+
vertical-align: text-top;  
+
}
+
  
/* table headers */
+
    .dropdown-content-right a:hover {
.igem_2019_team_content .igem_2019_team_column_wrapper th {  
+
        background-color: #EBEBEB;
background-color:#cecece;
+
    }
border: 1px solid #635d5d;
+
border-collapse: collapse;
+
font-size: 110%;
+
padding: 10px;
+
vertical-align: text-top;  
+
}
+
  
 +
    /* Show the dropdown menu on hover */
 +
    .dropdown:hover .dropdown-content {
 +
        display: block;
 +
    }
  
 +
    .dropdown:hover .dropdown-content-right {
 +
        display: block;
 +
    }
  
/* 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;
 
}
 
  
 +
/**************************************************************************************************************************************************************************************************/
 +
/* CONTENT OF THE PAGE */
 +
/**************************************************************************************************************************************************************************************************/
 +
.projectLogo {
 +
       
 +
        background: url("file:///D:/Template/wiki1.jpg");
 +
        background-repeat: no-repeat;
 +
        background-size: 100% 100%;
 +
        height: 700px;
 +
        position: relative;
 +
    }
  
/*font sizing within list nesting*/
+
    .mainContainer {
.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,
+
        padding-top:110px;
.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,
+
        width:100%;
.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%; }
+
  
 +
    .projectDescription {
 +
        width:100%;
 +
        background-color:#F7F5F4;
 +
        font-family: 'Roboto', sans-serif;
 +
        padding-top:100px;
 +
    }
  
 +
    .bigTitle {
 +
        width:76%;
 +
        font-size:34px;
 +
        font-weight:bold;
 +
        padding-bottom:10px;
 +
        margin:0 auto;
 +
        text-align:center;
 +
        margin-bottom:4vh;
 +
        font-family: 'Raleway', sans-serif;
 +
    }
  
/*layout classes*/
+
    .text {
/**************************************************************************************************************************************************************************************************/
+
        width:95%;
 +
        margin:0 auto;
 +
        text-align:justify;
 +
        margin-bottom:4%;
 +
    }
  
/*main layout class */
+
    .descriptionContainer {
.igem_2019_team_content .igem_2019_team_column_wrapper .column  {  
+
      display:inline-block;
float:left;
+
      text-align: center;
margin: 1% 2%;
+
      width:100%;
padding: 0px;
+
    }
}
+
  
/* 100% */
+
    .descriptionTextBox {
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size { width:96%; }
+
      width:48%;
 +
      float:left;
 +
      height:420px;
 +
    }
  
/* 66% */
+
.descriptionTextBox2 {
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
      width:48%;
 +
      float:left;
 +
      height:35px;
 +
    }
  
/* 33% */
+
.descriptionTextBoxRight2 {
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size { width: 29.3%; }
+
      width:48%;
 +
      float:right;
 +
      height:35px;
 +
    }
  
 +
    .descriptionTextBoxRight {
 +
      width:48%;
 +
      float:right;
 +
      height:420px;
 +
    }
  
 +
    .borderTest {
 +
        display:inline-block;
 +
        margin:0 auto;
 +
        height:420px;
 +
        width:4%;
 +
    }
  
 +
.borderTestSalut {
 +
        display:inline-block;
 +
        margin:0 auto;
 +
        height:35px;
 +
        width:4%;
 +
    }
  
/*all images*/
+
    .border2 {
.igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size img,
+
      margin:0 auto;
.igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size img,
+
      width:8px;
.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size img {
+
      height:420px;
margin-bottom: 15px;
+
      background-color:#BEBBB8;
width: 100%;  
+
    }
}
+
  
 +
    .halfBorder {
 +
      margin:0 auto;
 +
      margin-bottom:5px;
 +
      width:6px;
 +
      height:192px;
 +
      background-color:#BEBBB8;
 +
    }
  
/* page break */
+
.halfBorderSecond {
.igem_2019_team_content .igem_2019_team_column_wrapper .clear {
+
      margin:0 auto;
clear:both;
+
      width:6px;
}
+
      height:192px;
/*add extra space to page break with clear class*/
+
      background-color:#BEBBB8;
.igem_2019_team_content .igem_2019_team_column_wrapper .clear.extra_space {
+
    }
height: 30px;
+
}
+
  
/* horizontal line to divide the page*/
+
.lilBorder {
.igem_2019_team_content .igem_2019_team_column_wrapper .line_divider {
+
      margin:0 auto;
    border-top: 1px solid #cecece;
+
      margin-bottom:5px;
  margin: auto;
+
      width:6px;
  width: 98%;
+
      height:35px;
}
+
      background-color:#BEBBB8;
 +
    }
  
 +
.borderTest2 {
 +
        display:inline-block;
 +
        margin:0 auto;
 +
        height:800px;
 +
        width:4%;
 +
    }
  
 +
    .border2 {
 +
      margin:0 auto;
 +
      width:8px;
 +
      height:420px;
 +
      background-color:#BEBBB8;
 +
    }
  
+
    .halfBorder2 {
/*support classes*/
+
      margin:0 auto;
/**************************************************************************************************************************************************************************************************/
+
      margin-bottom:5px;
 +
      width:6px;
 +
      height:382px;
 +
      background-color:#BEBBB8;
 +
    }
  
 +
    .projectLogo img {
 +
       
 +
        max-width: 100%;
 +
        max-height: 100vh;
 +
        margin: auto;
 +
     
 +
    }
  
/*Button  */
+
    .descriptionBoxTitle {
/************************************************/
+
        font-size:26px;
.igem_2019_team_content .igem_2019_team_column_wrapper .button_link {
+
        font-weight:bold;
font-size: 130%;
+
        text-align:center;
margin: 30px auto;
+
        width:100%;
text-align: center;
+
        margin-top:100px;
}
+
        margin-bottom:20px;
 +
        font-family: 'Roboto', sans-serif;
  
.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 {
+
    .descriptionBoxText {
background-color: #ffb819 !important;  
+
        width:80%;
}
+
        font-size:16px;
 +
        height:100px;
 +
        margin:0 auto;
 +
        margin-top:100px;
 +
        text-align:justify;  
 +
    }
  
+
    .descriptionBoxImage {
 +
        width:293px;
 +
        height:261px;
 +
        background-image:url("file:///D:/Template/figure.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        margin:0 auto;
 +
       
 +
    }
  
/*highlight */
+
    .descriptionBoxImageAdrenaline {
/************************************************/
+
        width:400px;
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight {
+
        height:204px;
padding: 15px 20px;
+
        background-image:url("https://static.igem.org/mediawiki/2018/3/3e/T--ULaval--adrenRealMolecule.png");
}
+
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius:20px;
 +
        margin-top:15px;
 +
        margin:0 auto;
 +
    }
  
 +
    .descriptionBoxBloodDrop {
 +
        width:213px;
 +
        height:230px;
 +
        font-size:16px;
 +
        text-align:center;
 +
        padding-top:20px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/f/f6/T--ULaval--BloodDrop.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius:20px;
 +
        margin-top:15px;
 +
        margin:0 auto;
 +
    }
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight p,
+
    .descriptionSeringueContainer {
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h1,
+
        width:213px;
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h2,
+
        height:404px;
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h3,
+
        margin:0 auto;
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h4,
+
    }
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h5,
+
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight h6 {
+
padding: 5px 15px;
+
}
+
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_background {
+
    .descriptionSeringue {
background-color: #ececec;  
+
        width:106px;
}
+
        height:404px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/f/f0/T--ULaval--seringueColored.jpg");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius:20px;
 +
        margin:0 auto;
 +
    }
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_top {
+
    .borderWheel {
    border-top: 4px solid #00a19bad;
+
        margin:0 auto;¸
}
+
        margin-top:10px;
 +
        margin-bottom:5px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:35px;
 +
        height:36px;
 +
    }
  
 +
.borderWheelPaleBlue {
 +
        margin:0 auto;¸
 +
        margin-top:10px;
 +
        margin-bottom:5px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        width:35px;
 +
        height:37px;
 +
    }
 +
    .wrapper {
 +
        width:100%;
 +
    }
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_full {
+
.beerCloud {
    border: 4px solid #00a19bad;
+
        background-image:url("https://static.igem.org/mediawiki/2018/c/c1/T--ULaval--CloudBeer.png");
}
+
        background-repeat: no-repeat;
 +
        font-size:16px;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        text-align:justify;
 +
        margin-top:50px;
 +
        height:236px;
 +
        width:400px;
 +
        margin:0 auto;
 +
    }
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_top {
+
    .beerContainer {
    border-top: 4px solid #ffb819
+
        margin-top:-40px;
}
+
        background-image:url("https://static.igem.org/mediawiki/2018/4/4b/T--ULaval--beerColored.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        margin-left:40px;
 +
        height:353px;
 +
        width:470px;
 +
        margin:0 auto;
 +
    }
 +
   
 +
.bigWrapper{
 +
margin-left:10px;
 +
height:60px;
 +
width:200px;
 +
margin:0 auto;
 +
}
  
 +
    .wheelTransition {
 +
        background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        display:inline-block;
 +
        margin-right:12px;
 +
        margin:0 auto;
 +
        width:50px;
 +
        height:52px;
 +
    }
  
.igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_full {
+
    .TeamContainer {
    border: 4px solid #ffb819;
+
        background: url("file:///D:/Template/team.jpg");
}
+
        background-repeat: no-repeat;
 +
        background-size: 100% 150%;
 +
        height: 700px;
 +
        position: relative;
 +
    }
  
  
 +
    .borderWrapper {
 +
      background-color:#F7F5F4;
 +
      width:100%;
 +
      padding-right:12px;
 +
      height:350px;
 +
      margin-top:25px;
 +
      margin-left:-6px;
 +
}
  
 +
    .testingSomething {
 +
      background-color:black;
 +
      height:350px;
 +
      width:104%;
 +
}
  
/*mobile*/
+
    .leftSolutionWrapper {
/**************************************************************************************************************************************************************************************************/
+
      float:left;
 +
}
 +
   
 +
    .halfSolutionBorder {
 +
      width:6px;
 +
      background-color:#BEBBB8;
 +
      height:157px;
 +
     
 +
    } 
 +
 
 +
.rightSolutionWrapper {
 +
      float:right;
 +
}
 +
 
 +
.borderWheelSolution {
 +
        margin-top:5px;
 +
margin-bottom:5px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/1/14/T--ULaval--petiteRoue.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        background-color:#F7F5F4;
 +
        width:35px;
 +
        height:36px;
 +
    }
  
 +
.borderWheelContainer {
 +
width:35px;
 +
height:51px;
 +
background-color:#F7F5F4;
  
/* 1800px  */
 
/************************************************/
 
@media only screen and (max-width: 1800px) {
 
.igem_2019_team_content { width: 85%;}
 
.igem_2019_team_menu {display:block;}
 
 
}
 
}
  
/* 1400px  */
+
.wrapperFloatRight {
/************************************************/
+
height:350px;
@media only screen and (max-width: 1400px) {
+
width:35px;
.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;}
+
}
+
  
 +
    .YeastWithAdren {
 +
        width:400px;
 +
        height:277px;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/8/8b/T--ULaval--adrenEv2.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        margin:0 auto;
 +
    }
 +
.buttonClick{
 +
    background-color: #3f4041;
 +
   
 +
        border: none;
 +
        color: white;
 +
        padding: 20px 34px;
 +
        text-align: center;
 +
        text-decoration: none;
 +
        display: inline-block;
 +
        font-size: 20px;
 +
        margin: 4px 2px;
 +
        cursor: pointer;
 +
}
  
/* 1100px  */
+
</style>
/************************************************/
+
<script>
@media only screen and (max-width: 1100px) {
+
/* When the user clicks on the button,
.igem_2019_team_content {width:100%; margin-left:0px;}
+
toggle between hiding and showing the dropdown content */
+
function myFunction() {
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
    document.getElementById("myDropdown").classList.toggle("show");
+
}
.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%; }
+
  
}
+
// Close the dropdown menu if the user clicks outside of it
 +
window.onclick = function(event) {
 +
  if (!event.target.matches('.dropbtn')) {
  
/* 850px  */
+
    var dropdowns = document.getElementsByClassName("dropdown-content");
/************************************************/
+
    var i;
@media only screen and (max-width: 850px) {
+
    for (i = 0; i < dropdowns.length; i++) {
.igem_2019_team_menu {width:40%;}
+
      var openDropdown = dropdowns[i];
}
+
      if (openDropdown.classList.contains('show')) {
 +
        openDropdown.classList.remove('show');
 +
      }
 +
    }
 +
  }
 +
}
 +
</script>
  
/*500px  */
+
</p><p>
/************************************************/
+
<style>
@media only screen and (max-width: 500px) {
+
.referenceTitle {
.igem_2019_team_menu {min-width:100%;width:100%;}
+
font-size:17px;
}
+
font-weight:bold;
 +
}
  
 +
.containerRows {
 +
width:660px;
 +
margin:0 auto;
 +
}
 +
.rowLast
 +
{
 +
margin:0 auto;
 +
    width: 550px;
 +
}
  
/**************************************************************************************************************************************************************************************************/
+
.rowLast li{float: left;}
  
 +
.noralev {
 +
height: 150px;
 +
        width: 150px;
 +
        vertical-align:middle;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/f/fa/T--ULaval--noralev.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius: 50%;
 +
        border:3px #BEBBB8 solid;
 +
}
  
 +
.dopalev {
 +
height: 150px;
 +
        width: 150px;
 +
margin-left:15px;
 +
        vertical-align:middle;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/6/60/T--ULaval--dopaLev.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius: 50%;
 +
        border:3px #BEBBB8 solid;
 +
}
  
 +
.adrenev {
 +
height: 150px;
 +
        width: 150px;
 +
margin-left:15px;
 +
        vertical-align:middle;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/f/f7/T--ULaval--adrenSquare.png");
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
        background-size: 100% 100%;
 +
        border-radius: 50%;
 +
        border:3px #BEBBB8 solid;
 +
}
  
  
 +
ul {
 +
list-style:none;
 +
}
 
</style>
 
</style>
  
Line 551: Line 861:
  
  
<div class="igem_2019_team_mobile_bar">
+
<body>
+
<div class="navbar">
<div class="igem_logo_mobile">
+
<div class="wrapperLeft"><div class="navbarLogo"></div></div>
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
+
<div class="wrapperRight">
</div>
+
    <a style="font-size:16px;" href="https://2018.igem.org/Team:ULaval">Home</a>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Project
 +
            <i class="fa fa-caret-down"></i>
 +
        </button>
 +
        <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:ULaval/Description"><span class="textMargin">Description</span></a>
 +
            <a href="https://2018.igem.org/Team:ULaval/Design"><span class="textMargin">Design</span></a>
 +
            <a href="https://2018.igem.org/Team:ULaval/Results"><span class="textMargin">Results</span></a>
 +
            <div class="separation"></div>
 +
            <div class="separation2"></div>
 +
            <a class="lastElement" href="https://2018.igem.org/Team:ULaval/InterLab"><span class="textMargin">Interlab</span></a>
 +
        </div>
 +
    </div>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Parts
 +
            <i class="fa fa-caret-down"></i>
 +
        </button>
 +
        <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:ULaval/Parts"><span class="textMargin">Overview</span></a>
 +
            <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Basic_Part"><span class="textMargin">Basic Parts</span></a>
 +
        </div>
 +
    </div>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Notebook
 +
            <i class="fa fa-caret-down"></i>
 +
        </button>
 +
        <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:ULaval/Notebook"><span class="textMargin">Lab Journal</span></a>
 +
            <a href="https://2018.igem.org/Team:ULaval/Experiments"><span class="textMargin">Protocols</span></a>
 +
            <a class="lastElement" href="file:///D:/Template/Achievements.html"><span class="textMargin">Achievements</span></a>
 +
        </div>
 +
    </div>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Human Practices
 +
            <i class="fa fa-caret-down"></i>
 +
        </button>
 +
        <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:ULaval/Human_Practices"><span class="textMargin">Human Practices</span></a>
 +
<a href="https://2018.igem.org/Team:ULaval/Public_Engagement"><span class="textMargin">Public Engagement</span></a>
 +
            <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Safety"><span class="textMargin">Safety</span></a>
 +
        </div>
 +
    </div>
 +
    <div class="dropdown">
 +
        <button class="dropbtn">Team
 +
            <i class="fa fa-caret-down"></i>
 +
        </button>
 +
        <div class="dropdown-content-right">
 +
            <a href="https://2018.igem.org/Team:ULaval/Team"><span class="textMargin">Team members</span></a>
 +
            <a href="https://2018.igem.org/Team:ULaval/Attributions"><span class="textMargin">Attributions</span></a>
 +
            <a class="lastElement" href="https://2018.igem.org/Team:ULaval/Collaborations"><span class="textMargin">Collaborations</span></a>
 +
        </div>
 +
    </div>
 +
</div>
 +
</div>
 +
<div class="wrapper">
 +
<div class="mainContainer">
 +
    <div class="projectLogo">
 +
<div style="height:100%;width:100%"></div><br><br>
  
 +
</div>
 +
</div>
 +
<footer>
 +
<div style="width:70%;background-color:#white;height:1px;margin:0 auto;"></div>
  
<div class="igem_menu_control_mobile">
+
<div class="containerRight"><div class="conteneurBoutons"><div class="boutonFacebook"><a href="https://www.facebook.com/iGEMULaval2018/" style="width:100%;height:100%;display:block;text-decoration:none;"></a></div><div class="boutonSite"><a href="https://www.bcm.ulaval.ca/espace-etudiant/projets-etudiants/igem-ulaval/" style="width:100%;height:100%;display:block;text-decoration:none;"></a></div></div>
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
+
<div style="font-size:16px;float:right;">igem@bcm.ulaval.ca</div>
</div>
+
 
+
 
</div>
 
</div>
 +
</footer>
 +
</body>
  
  
 +
</p>
 +
<!--
 +
NewPP limit report
 +
CPU time usage: 0.007 seconds
 +
Real time usage: 0.008 seconds
 +
Preprocessor visited node count: 14/1000000
 +
Preprocessor generated node count: 64/1000000
 +
Post‐expand include size: 82/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Highest expansion depth: 2/40
 +
Expensive parser function count: 0/100
 +
-->
  
 +
<!-- Saved in parser cache with key 2018_igem_org:pcache:idhash:2655-0!*!*!*!*!*!* and timestamp 20190520133326 and revision id 482529
 +
-->
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
  
<div class="igem_2019_team_menu">
+
        </div>
 
+
    </div>
 
+
</html>
<a href="https://2019.igem.org/Team:ULaval">
+
<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>
 

Revision as of 01:07, 28 June 2019

igem@bcm.ulaval.ca