Difference between revisions of "Template:Wageningen UR/header"
| (57 intermediate revisions by the same user not shown) | |||
| Line 55: | Line 55: | ||
<![endif]--> | <![endif]--> | ||
| − | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | |
| − | + | ||
| − | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | + | |
| − | + | ||
| − | + | ||
| − | + | ||
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<script> | <script> | ||
| Line 95: | Line 87: | ||
</head> | </head> | ||
<body> | <body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
.hamburger{ | .hamburger{ | ||
| − | background: | + | background:#e8ce94; |
| − | position: | + | position:relative; |
top:0; | top:0; | ||
right:0; | right:0; | ||
line-height:45px; | line-height:45px; | ||
| − | padding: | + | padding:60px 15px 0px 15px; |
| − | color:# | + | color:#black; |
border:0; | border:0; | ||
font-size:1.4em; | font-size:1.4em; | ||
| Line 127: | Line 101: | ||
cursor:pointer; | cursor:pointer; | ||
outline:none; | outline:none; | ||
| − | z-index: | + | z-index:5; |
} | } | ||
.cross{ | .cross{ | ||
| − | background: | + | background:#e8ce94; |
| − | position: | + | position:relative; |
top:0px; | top:0px; | ||
right:0; | right:0; | ||
| − | padding: | + | padding:45px 15px 0px 15px; |
| − | color: | + | color:black; |
border:0; | border:0; | ||
font-size:3em; | font-size:3em; | ||
| − | line-height: | + | line-height:60px; |
font-weight:bold; | font-weight:bold; | ||
cursor:pointer; | cursor:pointer; | ||
outline:none; | outline:none; | ||
| − | z-index: | + | z-index:5; |
} | } | ||
| − | .mobilemenu{z-index: | + | .mobilemenu{z-index:4; font-weight:bold; font-size:0.8em; width:20%; background:#e8ce94; position:absolute; text-align:center;} |
.mobilemenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;} | .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: | + | .mobilemenu li {display: block; padding:15px 0 15px 0; border-bottom:black 1px solid;} |
| − | .mobilemenu li:hover{display: block; background:#181818; padding:15px 0 15px 0; border-bottom: | + | .mobilemenu li:hover{display: block; background:#181818; padding:15px 0 15px 0; border-bottom:black 1px solid;} |
.mobilemenu ul li a { text-decoration:none; margin: 0px; color:#fff;} | .mobilemenu ul li a { text-decoration:none; margin: 0px; color:#fff;} | ||
| − | .mobilemenu ul li a:hover { color: # | + | .mobilemenu ul li a:hover { color: #6d5d31; text-decoration:none;} |
| − | .mobilemenu a{text-decoration:none; color: | + | .mobilemenu a{text-decoration:none; color:black;} |
.mobilemenu a:hover{text-decoration:none; color:white;} | .mobilemenu a:hover{text-decoration:none; color:white;} | ||
</style> | </style> | ||
| − | <script type="text/javascript"> | + | |
| + | <style> | ||
| + | @media only screen and (min-width: 900px) { | ||
| + | .mobilemenu{ | ||
| + | display: none; | ||
| + | } | ||
| + | .hamburger{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | <div id="wrapper"> | ||
| + | <!--<div id="header"> | ||
| + | |||
| + | </div> --> | ||
| + | <div id="innerwrap"> | ||
| + | <div id="left"> | ||
| + | <button class="hamburger">☰</button> | ||
| + | <button class="cross">˟</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/Description/Specificity"><li>Specificity</li></a> | ||
| + | <a href="https://2016.igem.org/Team:Wageningen_UR/Description/Regulation"><li>Regulation</li></a> | ||
| + | <a href="https://2016.igem.org/Team:Wageningen_UR/Description/Biocontainment"><li>Biocontainment</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><script type="text/javascript"> | ||
$( ".cross" ).hide(); | $( ".cross" ).hide(); | ||
| − | $( ". | + | $( ".mobilemenu" ).hide(); |
$( ".hamburger" ).click(function() { | $( ".hamburger" ).click(function() { | ||
| − | $( ". | + | $( ".mobilemenu" ).slideToggle( "slow", function() { |
$( ".hamburger" ).hide(); | $( ".hamburger" ).hide(); | ||
$( ".cross" ).show(); | $( ".cross" ).show(); | ||
| Line 164: | Line 171: | ||
$( ".cross" ).click(function() { | $( ".cross" ).click(function() { | ||
| − | $( ". | + | $( ".mobilemenu" ).slideToggle( "slow", function() { |
$( ".cross" ).hide(); | $( ".cross" ).hide(); | ||
$( ".hamburger" ).show(); | $( ".hamburger" ).show(); | ||
| Line 170: | Line 177: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
</div> | </div> | ||
| − | |||
| − | |||
<p> </p> | <p> </p> | ||
<div id="inner-left"> | <div id="inner-left"> | ||
Latest revision as of 14:38, 19 October 2016
