Difference between revisions of "Template:Aalto-Helsinki/CSS"
(first test of mobile navigation, no real links in there) |
(saving the mobile version, doesn't work yet) |
||
| Line 15: | Line 15: | ||
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | <script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
| + | <!-- something important? --> | ||
| + | <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> | ||
<div class="site-wrapper" > | <div class="site-wrapper" > | ||
| Line 21: | Line 23: | ||
<!-- navigation only for mobile devices --> | <!-- navigation only for mobile devices --> | ||
| − | <nav class="navbar navbar-default visible-xs visible-sm"> | + | <nav class="navbar navbar-default visible-xs visible-sm" role="navigation"> |
<div class="container-fluid"> | <div class="container-fluid"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | <!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=" | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="navbar-collapse" aria-expanded="false"> |
<span class="sr-only">Toggle navigation</span> | <span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
| Line 31: | Line 33: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| − | <a class="navbar-brand" href="#"> | + | <a class="navbar-brand" href="#">Logo here</a> |
</div> | </div> | ||
<!-- Collect the nav links, forms, and other content for toggling --> | <!-- Collect the nav links, forms, and other content for toggling --> | ||
| − | <div class="collapse navbar-collapse | + | <div class="collapse navbar-collapse"> |
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
<li><a href="#">Project</a></li> | <li><a href="#">Project</a></li> | ||
| Line 50: | Line 52: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laboratory <span class="caret"></span></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="#">Modeling</a></li> | <li><a href="#">Modeling</a></li> | ||
| Line 140: | Line 142: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li><a id="labnav" href="https://2015.igem.org/Team:Aalto-Helsinki/Lab" > | + | <li><a id="labnav" href="https://2015.igem.org/Team:Aalto-Helsinki/Lab" >Laboratory</a> |
<ul> | <ul> | ||
<li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabBook">Lab Book</a></li> | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/LabBook">Lab Book</a></li> | ||
Revision as of 07:59, 18 August 2015
