|
|
| Line 4: |
Line 4: |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
| |
| − | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
| | | | |
| | <style> | | <style> |
| Line 107: |
Line 104: |
| | bottom: 0; left: 0; padding: 25px; | | bottom: 0; left: 0; padding: 25px; |
| | color: #E4F9F5; font-size: 2em; | | color: #E4F9F5; font-size: 2em; |
| − | }
| |
| − |
| |
| − | #previous
| |
| − |
| |
| − | .dropdown-submenu {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu>.dropdown-menu {
| |
| − | top: 0;
| |
| − | left: 100%;
| |
| − | margin-top: -6px;
| |
| − | margin-left: -1px;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu:hover>.dropdown-menu {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu>a:after {
| |
| − | display: block;
| |
| − | content: " ";
| |
| − | float: right;
| |
| − | width: 0;
| |
| − | height: 0;
| |
| − | border-color: transparent;
| |
| − | border-style: solid;
| |
| − | border-width: 5px 0 5px 5px;
| |
| − | border-left-color: #ccc;
| |
| − | margin-top: 5px;
| |
| − | margin-right: -10px;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu:hover>a:after {
| |
| − | border-left-color: #fff;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu.pull-left {
| |
| − | float: none;
| |
| − | }
| |
| − |
| |
| − | .dropdown-submenu.pull-left>.dropdown-menu {
| |
| − | left: -100%;
| |
| − | margin-left: 10px;
| |
| − | -webkit-border-radius: 6px 0 6px 6px;
| |
| − | -moz-border-radius: 6px 0 6px 6px;
| |
| − | border-radius: 6px 0 6px 6px;
| |
| | } | | } |
| | | | |
| | </style> | | </style> |
| − |
| |
| − | <script>
| |
| − | $(document).ready(function(){
| |
| − | var width = $(window).width();
| |
| − | if(width < 768){
| |
| − | $(".navbar-clear").fadeOut();
| |
| − | $(".navbar-green").fadeIn();
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | $(window).on("scroll", function() {swapNavs()});
| |
| − |
| |
| − | function swapNavs(){
| |
| − | var width = $(window).width();
| |
| − | if($(window).scrollTop() > 100) {
| |
| − | $(".navbar-clear").fadeOut();
| |
| − | $(".navbar-green").fadeIn();
| |
| − | } else if(width >= 768){
| |
| − | $(".navbar-clear").fadeIn();
| |
| − | $(".navbar-green").fadeOut();
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | $(window).on("resize", function(){checkSize()});
| |
| − |
| |
| − | function checkSize(){
| |
| − | var width = $(window).width();
| |
| − | if(width < 768){
| |
| − | $(".navbar-clear").fadeOut();
| |
| − | $(".navbar-green").fadeIn();
| |
| − | } else if(width >= 768){
| |
| − | if($(window).scrollTop() >= 100){
| |
| − | $(".navbar-clear").fadeOut();
| |
| − | $(".navbar-green").fadeIn();
| |
| − | }else if($(window).scrollTop() < 100) {
| |
| − | $(".navbar-clear").fadeIn();
| |
| − | $(".navbar-green").fadeOut();
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | </script>
| |
| | | | |
| | </head> | | </head> |
| | </head> | | </head> |
| − | <header>
| |
| − | <nav class="navbar navbar-green navbar-fixed-top">
| |
| − | <div class="container-fluid">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | <a class="navbar-brand page-scroll" href="https://2016.igem.org/Team:British_Columbia"><span class="glyphicon glyphicon-grain"></span></a>
| |
| − | </div>
| |
| − | <div class="collapse navbar-collapse">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Project">Project
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Overview">Overview</a></li>
| |
| − | <li class="dropdown-submenu">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">S-Layer</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer">S-layer Engineering</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases">Cellulases</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Laccases">Laccases</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Bio-Pathways">Biosynthetic Pathways</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Consortia">Consortia</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Model">Modelling</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Human_Practices">Human Practices</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Team">Team
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Bios">Bios</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Attributions">Attributions</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Sponsors">Sponsors</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Notebook">Notebook</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Achievements">Achievements
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Collaborations">Collaborations</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Medal_Criteria">Medal Criteria</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Parts">Parts</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--collapse navbar-collapse -->
| |
| − | </div>
| |
| − | <!-- container-fluid -->
| |
| − | </nav>
| |
| | | | |
| − | <nav class="navbar navbar-clear navbar-fixed-top">
| |
| − | <div class="container-fluid">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | <a class="navbar-brand page-scroll" href="https://2016.igem.org/Team:British_Columbia"><span class="glyphicon glyphicon-grain"></span></a>
| |
| − | </div>
| |
| − | <div class="collapse navbar-collapse">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Project">Project
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Overview">Overview</a></li>
| |
| − | <li class="dropdown-submenu">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">S-Layer</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer">S-layer Engineering</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Cellulases">Cellulases</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/S-Layer/Laccases">Laccases</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Bio-Pathways">Biosynthetic Pathways</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Project/Consortia">Consortia</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Model">Modelling</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Human_Practices">Human Practices</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Team">Team
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Bios">Bios</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Attributions">Attributions</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Team/Sponsors">Sponsors</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Notebook">Notebook</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:British_Columbia/Achievements">Achievements
| |
| − | <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Collaborations">Collaborations</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Medal_Criteria">Medal Criteria</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:British_Columbia/Achievements/Parts">Parts</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--collapse navbar-collapse -->
| |
| − | </div>
| |
| − | <!-- container-fluid -->
| |
| − | </nav>
| |
| | </header> | | </header> |
| | | | |
