Difference between revisions of "Template:Heidelberg/navbar"
Lukas Adam (Talk | contribs) |
Lukas Adam (Talk | contribs) |
||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
</head> | </head> | ||
<body> | <body> | ||
| + | |||
| + | |||
| + | <!-- It was fun! Lots of love from phaetjay (jkreft.de) --> | ||
| + | |||
| + | <!-- Fix for Safari mobile and touch in general --> | ||
| + | |||
| + | <script> | ||
| + | $( document ).ready(function() { | ||
| + | $('#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'); | ||
| + | }); | ||
| + | |||
| + | |||
| + | $('#sidenav').find('> li').click(function() { | ||
| + | $(this).find('> ul').trigger('collapse.toggle'); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <style> | ||
| + | html, | ||
| + | body{ | ||
| + | z-index: 0; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<!-- Top menu --> | <!-- Top menu --> | ||
| − | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> | + | <nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> |
<div class="container"> | <div class="container"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
| Line 27: | Line 64: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</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><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> | </ul> | ||
</li> | </li> | ||
| Line 36: | Line 75: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li> | ||
<li class="divider"></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/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/Organosilicons">Organosilicons</a></li> | ||
| Line 43: | Line 83: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab</a></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> | <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
| Line 108: | Line 148: | ||
</nav> | </nav> | ||
| − | <nav id="sidebar" style="background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation"> | + | |
| + | |||
| + | <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"> | ||
<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> | <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> | ||
| + | |||
<ul class="nav navmenu-nav" id="sidenav"> | <ul class="nav navmenu-nav" id="sidenav"> | ||
<li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a> | <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a> | ||
| Line 118: | Line 166: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</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><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li> | ||
</ul> | </ul> | ||
| Line 128: | Line 177: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</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><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></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/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/Organosilicons">Organosilicons</a></li> | ||
| Line 134: | Line 184: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</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><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab</a></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> | <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
Latest revision as of 19:15, 14 December 2017
