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

 
(55 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="https://2014.igem.org/Team:Wageningen_UR/js/wur.js?action=raw&ctype=text/javascript"></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="https://2014.igem.org/Team:Wageningen_UR/js/jquery.scrollto.js?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2014.igem.org/Team:Wageningen_UR/js/colorbox.js?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2014.igem.org/Team:Wageningen_UR/js/timeliner.min.js?action=raw&ctype=text/javascript"></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 type="text/javascript" src="https://2015.igem.org/Team:Heidelberg/js/bibtexParse?action=raw&amp;ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2015.igem.org/Team:Heidelberg/js/zitator?action=raw&amp;ctype=text/javascript"></script>
+
−
<script type="text/javascript">var bibfile = "https://static.igem.org/mediawiki/2015/b/ba/Heidelberg_refdb.txt";
+
−
$(function (){new Zitator(".basictext",bibfile).zitiere();}
+
−
);</script>
+
  
 
<script>
 
<script>
Line 95: Line 87:
 
         </head>
 
         </head>
 
<body>
 
<body>
−
<div id="wrapper">
 
−
<!--<div id="header">
 
−
 
−
</div>  -->
 
−
<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>
 
                         <style>
 
.hamburger{
 
.hamburger{
−
   background:none;
+
   background:#e8ce94;
−
   position:absolute;
+
   position:relative;
 
   top:0;
 
   top:0;
 
   right:0;
 
   right:0;
 
   line-height:45px;
 
   line-height:45px;
−
   padding:5px 15px 0px 15px;
+
   padding:60px 15px 0px 15px;
−
   color:#fff;
+
   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:10000000000000;
+
   z-index:5;
 
}
 
}
 
.cross{
 
.cross{
−
   background:none;
+
   background:#e8ce94;
−
   position:absolute;
+
   position:relative;
 
   top:0px;
 
   top:0px;
 
   right:0;
 
   right:0;
−
   padding:13px 15px 0px 15px;
+
   padding:45px 15px 0px 15px;
−
   color:#fff;
+
   color:black;
 
   border:0;
 
   border:0;
 
   font-size:3em;
 
   font-size:3em;
−
   line-height:65px;
+
   line-height:60px;
 
   font-weight:bold;
 
   font-weight:bold;
 
   cursor:pointer;
 
   cursor:pointer;
 
   outline:none;
 
   outline:none;
−
   z-index:10000000000000;
+
   z-index:5;
 
}
 
}
−
.mobilemenu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#131313;  position:absolute; text-align:center;}
+
.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:#1d1f20 1px solid;}
+
.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:#1d1f20 1px solid;}
+
.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: #fff; text-decoration:none;}
+
.mobilemenu ul li a:hover {  color: #6d5d31; text-decoration:none;}
−
.mobilemenu a{text-decoration:none; color:white;}
+
.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">&#9776;</button>
 +
<button class="cross">&#735;</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();
−
$( ".menu" ).hide();
+
$( ".mobilemenu" ).hide();
 
$( ".hamburger" ).click(function() {
 
$( ".hamburger" ).click(function() {
 
$( ".mobilemenu" ).slideToggle( "slow", function() {
 
$( ".mobilemenu" ).slideToggle( "slow", function() {
Line 170: Line 177:
 
});
 
});
 
</script>
 
</script>
−
<style>
+
 
−
@media only screen and (min-width: 1000px) {
+
−
.mobilemenu{
+
−
display: none}
+
−
}
+
−
</style>
+
 
</div>
 
</div>
−
 
−
<div id="left">
 
 
<p>&nbsp;</p>
 
<p>&nbsp;</p>
 
<div id="inner-left">
 
<div id="inner-left">

Latest revision as of 14:38, 19 October 2016

Wageningen UR iGEM 2016