Difference between revisions of "Template:Heidelberg/SandboxMarita/navbarMarita"
| (46 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
</head> | </head> | ||
<body> | <body> | ||
| + | |||
| + | <!-- 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{ | ||
| + | overflow-y:scroll !important; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<!-- Top menu --> | <!-- Top menu --> | ||
<nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> | ||
| Line 11: | Line 45: | ||
<div class="navbar-brand"> | <div class="navbar-brand"> | ||
<div id="circle"> | <div id="circle"> | ||
| − | <a id="homelink" href="https://2017.igem.org/Team:Heidelberg | + | <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> |
</div> | </div> | ||
</div> | </div> | ||
| Line 34: | Line 68: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & 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/Pace">PACE</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL | + | <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/Validation">Software Validation</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li> | ||
| Line 72: | Line 106: | ||
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a> | <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Software"> AiGEM Overview</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | ||
| Line 82: | Line 116: | ||
<ul class="dropdown-menu"> | <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/Human_Practices">Overview</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <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/Interviews">Expert Interviews</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | ||
| Line 107: | Line 141: | ||
</div> | </div> | ||
</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="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 127: | Line 169: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & 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/Pace">PACE</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</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 140: | Line 182: | ||
| − | <li><a data-toggle="collapse" data-target="# | + | <li><a data-toggle="collapse" data-target="#Parts_side">Parts <i class="fa fa-fw fa-caret-down"></i></a> |
| − | <ul id=" | + | <ul id="Parts_side" class="collapse side"> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li> | <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#Basic_Part">Basic Parts</a></li> | ||
| Line 181: | Line 223: | ||
<ul id="HP_side" class="collapse side"> | <ul id="HP_side" class="collapse side"> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <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/Interviews">Expert Interviews</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | ||
Latest revision as of 17:09, 1 November 2017
