Difference between revisions of "Template:McMaster/Header3"

Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
</head>
 +
<body>
  
−
<link href='http://fonts.googleapis.com/css?family=Century+Gothic' rel='stylesheet' type='text/css'>
+
<script>
−
<!-- Start of CSS - Changing iGEM defaults here-->
+
$( document ).ready(function() {
−
<style type="text/css">
+
  $('#sidebarHide').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $('#sidebarCollapse').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $('#mw-content-text div').click(function() {
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $(window).on('swiperight', function(){
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
 +
  $(window).on('swipeleft', function(){
 +
    $('#sidebar').trigger('offcanvas.toggle');
 +
  });
  
−
/* WIKI SETTINGS*/
 
−
                /*-- remove default heading*/
 
−
#home_logo, #sideMenu { display:none; }
 
−
        #sideMenu, #top_title, .patrollink  {display:none;}
 
−
/* Hide first heading */
 
−
.firstHeading {
 
−
display: none;
 
−
}
 
−
 
−
/*-- Remove borders, float content left and remove padding/margin */
 
−
#content{
 
−
background-color: transparent;
 
−
//border: 3px solid red;
 
−
float: left;
 
−
width: 99%;
 
−
margin-left: 0.5%;
 
−
padding: 0px;
 
−
}
 
−
#globalWrapper{
 
−
//border: 3px solid blue;
 
−
float:left;
 
−
margin-left:0%;
 
−
padding: 0px;
 
−
width:100%;
 
−
}
 
  
−
/*left align Black Menu Bar */
+
  $('#sidenav').find('> li').click(function() {
−
#top_menu_inside {  
+
    $(this).find('> ul').trigger('collapse.toggle');
−
margin-left: 25%;  
+
  });
−
}
+
});
−
</style>
+
</script>
 +
<style>
 +
html,
 +
body{
 +
  z-index: 0;
 +
}
 +
</style>
  
−
 
+
<!-- Top menu -->
−
<!-- Start of CSS-->
+
<nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation">
−
 
+
<div class="container">
−
<style type="text/css">
+
<div class="navbar-header">
−
 
+
                 
−
/* PAGE LAYOUT */
+
                    <div class="navbar-brand">
−
 
+
                     <div id="circle">
−
/* Change Background color*/
+
                         <a id="homelink" href="https://2017.igem.org/Team:Heidelberg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9999;"></a>
−
body {
+
−
background-color: white;
+
−
}
+
−
 
+
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
−
#mainContainer { 
+
−
                                //width: 978px;
+
−
width: 100%;
+
−
overflow:hidden;
+
−
margin-left:0%;
+
−
                                //margin-right:auto;
+
−
                                margin-bottom: 0px;
+
−
background-color: #fff;
+
−
box-shadow: 0px 0px 50px gray;
+
−
//border: 2px solid #565656;
+
−
font-family: 'Century Gothic', sans-serif;
+
−
font-weight:400;
+
−
//font-family: 'Century Gothic', sans-serif;
+
−
}
+
−
 
+
−
/* Creates the container for the menu */
+
−
#menuContainer  {
+
−
//float:right;
+
−
                                display: inline-block;
+
−
                                text-align: center;
+
−
width: 100%;
+
−
padding: 0px 0px;
+
−
//note on padding order: top/bottom are 5px, left/right are 15px
+
−
//border-top: 0px solid #565656;
+
−
//border-bottom: 0px solid #565656;
+
−
background-color: #282828;
+
−
                                margin: 0 auto;
+
−
}
+
−
 
+
−
/* Creates the container for the content */
+
−
#contentContainer {
+
−
padding: 0px;
+
−
                                margin: 0px;
+
−
width: 100%;
+
−
//width: 895px;
+
−
//width: 930px;
+
−
//float: left;
+
−
                                display: inline-block;
+
−
background-color: #30306E; /*background blue*/
+
−
//border: 1px solid red;
+
−
//border-top: 14px solid #565656;
+
−
font-family: 'Century Gothic', sans-serif;
+
−
//font-family: 'Century Gothic', sans-serif;
+
−
 
+
−
}
+
−
 
+
−
/*Set up height place holder for the banner*/
+
−
#bannerContainer {
+
−
//height:200px;
+
−
margin:auto;
+
−
text-align:center;
+
−
color: #24C794;
+
−
}
+
−
 
+
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
−
 
+
−
/*Change the styling of text for everything inside main container*/
+
−
#mainContainer p {
+
−
font-size: 16px;
+
−
color: #000000;
+
−
//padding:10px 0px;
+
−
line-height:1.75;
+
−
}
+
−
+
−
/*This changes the color and font family */
+
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
−
color: #565656;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
                                line-height: 150%;
+
−
font-family: 'Century Gothic', sans-serif;
+
−
font-weight:800;
+
−
//font-family: 'Century Gothic', sans-serif;
+
−
margin-top:10px;
+
−
padding:25px 0px;
+
−
}
+
−
#contentContainer h1{
+
−
font-size:42px;
+
−
}
+
−
#contentContainer h2{
+
−
font-size:36px;
+
−
}
+
−
#contentContainer h3{
+
−
font-size:30px;
+
−
}
+
−
#contentContainer h4{
+
−
font-size:24px;
+
−
}
+
−
#contentContainer h5{
+
−
font-size:18px;
+
−
}
+
−
#contentContainer h6{
+
−
font-size:16px;
+
−
}
+
−
#contentContainer li{
+
−
font-size:16px;
+
−
                                font-family: 'Century Gothic', sans-serif;
+
−
}
+
−
                        #contentContainer p{
+
−
                                font-family: 'Century Gothic', sans-serif;
+
−
}
+
−
/*Style of the links - links are different inside the menu */
+
−
#contentContainer a {
+
−
font-weight: bold;
+
−
color: #2CC94A;
+
−
font-size:16px;
+
−
}
+
−
 
+
−
  /* Styling links on hover- links are different inside the menu */
+
−
#contentContainer a:hover {
+
−
color: black;
+
−
font-size:16px;
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
/*Change the styling of tables */
+
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    width: 90%;
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer  td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #FFF;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
font-size:12px;
+
−
color:#FFF;
+
−
text-align: center;
+
−
display: block;
+
−
position:relative;
+
−
float:left;
+
−
width: 15%;
+
−
padding: 0.4%;
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #2CC94A;
+
−
//box-shadow: 0px 0px 10px 1px gray;
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
position: absolute;
+
−
opacity: 0.95;
+
−
//box-shadow: 0px 0px 10px 1px gray;
+
−
padding:0px 0px;
+
−
margin-top: 8px;
+
−
width:100%;
+
−
//border:3px solid gray;
+
−
margin-left: -2.9%;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
display: block;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #282828;
+
−
color: #FFF;
+
−
padding:10px 0px;
+
−
margin-bottom:-1px;
+
−
                                margin-top: -1px;
+
−
width: 100%;
+
−
//border: 1px solid #ebb211;
+
−
}
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:80%;
+
−
        margin-left:10%;
+
−
                                display:right;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
//padding-top: 5px;
+
−
font-size:16px;
+
−
    }
+
−
.band{ 
+
−
                                /*text-align: center;*/
+
−
margin:0px;
+
−
padding:20px 125px;
+
−
}
+
−
                        .mySlides {display:none;}
+
−
                        .videoWrapper {
+
−
                                position: relative;
+
−
                                padding-bottom: 56.25%; /* 16:9 */
+
−
                                padding-top: 25px;
+
−
                                height: 0;
+
−
                      }
+
−
                        .videoWrapper iframe {
+
−
                                position: absolute;
+
−
                        top: 0;
+
−
                        left: 0;
+
−
                                width: 100%;
+
−
                                height: 100%;
+
−
                      }
+
−
 
+
−
                      /* Creates circular images */
+
−
                        .img-circle-left {
+
−
                                border-radius: 50%;
+
−
                                width: 500px;
+
−
                                height:500px;
+
−
                                background-size:cover;
+
−
                                float:left;
+
−
                                margin: 0px 30px 0px 0px;
+
−
                        }
+
−
 
+
−
                        .img-circle-right {
+
−
                                border-radius: 50%;
+
−
                                width: 500px;
+
−
                                height:500px;
+
−
                                background-size:cover;
+
−
                                float:right;
+
−
                                margin: -10px -10px -10px 30px;
+
−
                        }
+
−
                      .DropDown-menu {
+
−
                                width: 500px;
+
−
                        }
+
−
 
+
−
                      .DropDown-menu a {
+
−
                                background-color: #eee; /* Grey background color */
+
−
                                color: black; /* Black text color */
+
−
                                display: block; /* Make the links appear below each other */
+
−
                                padding: 12px; /* Add some padding */
+
−
                                text-decoration: none; /* Remove underline from links */
+
−
                      }
+
−
 
+
−
                      .DropDown-menu a:hover {
+
−
                                background-color: #ccc; /* Dark grey background on mouse-over  */
+
−
                      }
+
−
 
+
−
                    .DropDown-menu a.active {
+
−
                              background-color: #7DE655; /* Add a green color to the "active/current" link */
+
−
                              color: white;
+
−
                      }
+
−
                        #menu { margin-top: 0px; }
+
−
                        .menu-item { padding: 0 0px 0 0; }
+
−
                        nav ul { list-style-type:none; }
+
−
                        nav ul li { display: inline; }
+
−
                        nav ul li a img { width: 50px; height: 50px; }
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
−
<!-- Start of the template html elements. -->
+
−
<center><div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
−
 
+
−
 
+
−
 
+
−
<body>
+
−
    <!-- Header -->
+
−
    <nav class="navbar navbar-expand-lg navbar-light">
+
−
        <a class="navbar-brand" href="https://2018.igem.org/Team:McMaster">
+
−
            <img class="navbar-logo" src="https://static.igem.org/mediawiki/2018/7/72/T--McMaster--Brain.png">
+
−
        </a>
+
−
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
−
            <span class="navbar-toggler-icon"></span>
+
−
        </button>
+
−
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
−
            <ul class="navbar-nav">
+
−
                <li class="nav-item dropdown">
+
−
                     <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                         Project
+
−
                    </a>
+
−
                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Description">Description</a>
+
−
                      <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/CRISPR">CRISPR</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/FLP-Beta">FLP-Beta</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Chromatin_Modifying_Elements">CME</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Microfluidics">Microfluidics</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Model">Modelling</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Software">Software</a>
+
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Results">Results</a>
+
 
                     </div>
 
                     </div>
−
                 </li>
+
                 </div>
−
 
+
              <a type="button" data-canvas="body" id="sidebarCollapse" class="navbar-toggle" data-toggle="offcanvas" data-target="#sidebar" style="color: #393939;margin-top: 9px;">NAVIGATION
−
                <li class="nav-item dropdown">
+
−
                    <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
                        Notebook
+
 
                     </a>
 
                     </a>
−
                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
+
             
−
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Notebook">Journals</a>
+
</div>
−
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Protocols">Protocols</a>
+
<!-- Collect the nav links, forms, and other content for toggling -->
−
                    </div>
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
                </li>
+
<ul class="nav navbar-nav pull-right">
 +
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Team">People <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Team">Team</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Attributions">Attributions</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li>
 +
                            <li class="divider"></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li>
 +
                        </ul>
 +
                        </li>
 +
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Description">Project <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu">
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Description">Overview</a></li>  
 +
                         <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background &amp; Design </a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li>
 +
                        </ul>
 +
                        </li>
 +
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Parts">Parts <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu">
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li>
 +
                         <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Improved_Part">Improved Part</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_Collection">Parts Collection</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Part_List">Part List</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/RFC">RFC</a></li>
 +
                        </ul>
 +
                        </li>
 +
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Model">Modeling <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu">
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model">Overview</a></li>  
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Phage_Titer">Phage Titer</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li>
 +
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li>  
  
−
                <li class="nav-item dropdown">
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li>  
−
                    <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> 
−
                         Team
+
                        </ul>
−
                    </a>
+
                        </li>
−
                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
+
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a>
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Team">Team Members</a>
+
                        <ul class="dropdown-menu">
−
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Attributions">Attributions</a>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li>
−
                         <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Sponsors">Sponsors</a>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> 
−
                    </div>
+
                         <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li>
−
                </li>
+
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li>  
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li>
 +
                        </ul>
 +
                        </li>
 +
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Human Practices <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li>  
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety &amp; Security</a></li>
 +
                            <li class="divider"></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Engagement">Public Engagement</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li>
 +
                           
 +
                         </ul>
 +
                        </li>
 +
                        <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Notebook <span class="caret"></span></a>
 +
                         <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Notebook">Overview</a></li>  
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li>  
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li>
 +
                           
 +
                        </ul>
 +
                        </li>
 +
 +
                        <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
  
−
                <li class="nav-item dropdown">
 
−
                    <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
                        Human Practices
 
−
                    </a>
 
−
                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices">Summary</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Silver">Silver</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Human_Practices/Gold_Integrated">Integrated</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Collaborations">Collaborations</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Public_Engagement">Public Engagement</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Entrepreneurship">Entrepreneurship</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Safety">Safety</a>
 
−
                    </div>
 
−
                </li>
 
  
−
                <li class="nav-item dropdown">
 
−
                    <a class="nav-link underline-animation" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
                        Judging
 
−
                    </a>
 
−
                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="navbarDropdownMenuLink">
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/MedalRequirements">Medal Requirements</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Parts">Parts</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/Improve">Improve</a>
 
−
                        <a class="dropdown-item" href="https://2018.igem.org/Team:Calgary/InterLab">Interlab</a>
 
−
                    </div>
 
−
                </li>
 
  
−
            </ul>
+
          <nav id="sidebar" style="z-index: 10001; background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation">
−
         </div>
+
         <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a>
 +
 
 +
<div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;">
 +
      <hr>
 +
<a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a>
 +
      <hr>
 +
</div>
 
     </nav>
 
     </nav>
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:58, 17 October 2018