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

 
(40 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 97: Line 89:
 
                         <style>
 
                         <style>
 
.hamburger{
 
.hamburger{
−
   background:none;
+
   background:#e8ce94;
 
   position:relative;
 
   position:relative;
 
   top:0;
 
   top:0;
 
   right:0;
 
   right:0;
 
   line-height:45px;
 
   line-height:45px;
−
   padding:30px 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 109: Line 101:
 
   cursor:pointer;
 
   cursor:pointer;
 
   outline:none;
 
   outline:none;
−
   z-index:10000000000000;
+
   z-index:5;
 
}
 
}
 
.cross{
 
.cross{
−
   background:none;
+
   background:#e8ce94;
 
   position:relative;
 
   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:10%; 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">
 
−
$( ".cross" ).hide();
 
−
$( ".menu" ).hide();
 
−
$( ".hamburger" ).click(function() {
 
−
$( ".mobilemenu" ).slideToggle( "slow", function() {
 
−
$( ".hamburger" ).hide();
 
−
$( ".cross" ).show();
 
−
});
 
−
});
 
  
−
$( ".cross" ).click(function() {
 
−
$( ".mobilemenu" ).slideToggle( "slow", function() {
 
−
$( ".cross" ).hide();
 
−
$( ".hamburger" ).show();
 
−
});
 
−
});
 
−
</script>
 
 
<style>
 
<style>
−
@media only screen and (min-width: 1000px) {
+
@media only screen and (min-width: 900px) {
 
   .mobilemenu{
 
   .mobilemenu{
−
     display: none
+
     display: none;
 
   }
 
   }
−
@media only screen and (max-width: 1000px) {
+
   .hamburger{
−
   .mobilemenu{
+
     display: none;
−
     display: none
+
 
   }
 
   }
−
  #figure {
+
 
−
    width:300px;
+
−
  }
+
−
}
+
 
</style>
 
</style>
 
<div id="wrapper">
 
<div id="wrapper">
Line 173: Line 145:
 
<div id="left">
 
<div id="left">
 
<button class="hamburger">&#9776;</button>
 
<button class="hamburger">&#9776;</button>
 +
<button class="cross">&#735;</button>
 
                         <div class="mobilemenu">
 
                         <div class="mobilemenu">
 
                         <ul>
 
                         <ul>
Line 180: Line 153:
 
                         <a href="https://2016.igem.org/Team:Wageningen_UR/Achievements"><li>Achievements</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/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/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/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/team/members"><li>Team</li></a>
 
                         <a href="https://2016.igem.org/Team:Wageningen_UR/Notebook"><li>Notebook</li></a>
 
                         <a href="https://2016.igem.org/Team:Wageningen_UR/Notebook"><li>Notebook</li></a>
−
                         </ul>
+
                         </ul><script type="text/javascript">
 +
$( ".cross" ).hide();
 +
$( ".mobilemenu" ).hide();
 +
$( ".hamburger" ).click(function() {
 +
$( ".mobilemenu" ).slideToggle( "slow", function() {
 +
$( ".hamburger" ).hide();
 +
$( ".cross" ).show();
 +
});
 +
});
 +
 
 +
$( ".cross" ).click(function() {
 +
$( ".mobilemenu" ).slideToggle( "slow", function() {
 +
$( ".cross" ).hide();
 +
$( ".hamburger" ).show();
 +
});
 +
});
 +
</script>
  
 
</div>
 
</div>

Latest revision as of 14:38, 19 October 2016

Wageningen UR iGEM 2016