Difference between revisions of "Template:Wageningen UR/header"

Line 100: Line 100:
 
</div>  -->
 
</div>  -->
 
<div id="innerwrap">   
 
<div id="innerwrap">   
−
+
<button class="hamburger">&#9776;</button>
 +
                        <div class="mobilemenu">
 +
                        <ul>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR"><li><b>Overview</b></li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Description"><li>Description</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Results"><li>Results</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Achievements"><li>Achievements</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Parts"><li>BioBricks</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Model"><li>Model</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/HP/Gold"><li>Outreach</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/team/members"><li>Team</li></a>
 +
                        <a href="https://2016.igem.org/Team:Wageningen_UR/Notebook"><li>Notebook</li></a>
 +
                        </ul>
 +
                        <style>
 +
.hamburger{
 +
  background:none;
 +
  position:absolute;
 +
  top:0;
 +
  right:0;
 +
  line-height:45px;
 +
  padding:5px 15px 0px 15px;
 +
  color:#fff;
 +
  border:0;
 +
  font-size:1.4em;
 +
  font-weight:bold;
 +
  cursor:pointer;
 +
  outline:none;
 +
  z-index:10000000000000;
 +
}
 +
.cross{
 +
  background:none;
 +
  position:absolute;
 +
  top:0px;
 +
  right:0;
 +
  padding:13px 15px 0px 15px;
 +
  color:#fff;
 +
  border:0;
 +
  font-size:3em;
 +
  line-height:65px;
 +
  font-weight:bold;
 +
  cursor:pointer;
 +
  outline:none;
 +
  z-index:10000000000000;
 +
}
 +
.mobilemenu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#131313;  position:absolute; text-align:center;}
 +
.mobilemenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
 +
.mobilemenu li {display: block;  padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
 +
.mobilemenu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
 +
.mobilemenu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
 +
.mobilemenu ul li a:hover {  color: #fff; text-decoration:none;}
 +
.mobilemenu a{text-decoration:none; color:white;}
 +
.mobilemenu a:hover{text-decoration:none; color:white;}
 +
</style>
 +
<script type="text/javascript">
 +
$( ".cross" ).hide();
 +
$( ".menu" ).hide();
 +
$( ".hamburger" ).click(function() {
 +
$( ".menu" ).slideToggle( "slow", function() {
 +
$( ".hamburger" ).hide();
 +
$( ".cross" ).show();
 +
});
 +
});
 +
 
 +
$( ".cross" ).click(function() {
 +
$( ".menu" ).slideToggle( "slow", function() {
 +
$( ".cross" ).hide();
 +
$( ".hamburger" ).show();
 +
});
 +
});
 +
</script>
 +
</div>
 +
 
 
<div id="left">
 
<div id="left">
 
<p>&nbsp;</p>
 
<p>&nbsp;</p>

Revision as of 13:32, 17 October 2016

Wageningen UR iGEM 2016