Difference between revisions of "Template:CSS UCL5"

Line 22: Line 22:
 
$( function()
 
$( function()
 
{
 
{
−
$( '#smallnav:has(ul)' ).doubleTapToGo();
+
$( '#hidden-menu:has(ul)' ).doubleTapToGo();
 
});
 
});
 
</script>
 
</script>
Line 452: Line 452:
 
/*menu*/
 
/*menu*/
  
−
#bignav {
+
nav {
 
   position: fixed;
 
   position: fixed;
 
   top: 0;
 
   top: 0;
Line 465: Line 465:
  
 
@media(max-width:855px){
 
@media(max-width:855px){
−
#bignav {height:90px;}
+
nav {height:90px;}
 
}
 
}
  
 
@media(max-width:463px){
 
@media(max-width:463px){
  
−
#bignav {height:120px;}
+
nav {height:120px;}
 
}
 
}
  
 
@media(max-width:400px){
 
@media(max-width:400px){
−
#bignav {height:150px;}
+
nav {height:150px;}
 
h5 {font-size:400%;margin-top:30px;text-align:center;font-familt:arial;}
 
h5 {font-size:400%;margin-top:30px;text-align:center;font-familt:arial;}
 
#main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
 
#main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0}
Line 481: Line 481:
 
/* CHANGE */
 
/* CHANGE */
 
@media(max-width: 460px){
 
@media(max-width: 460px){
−
#bignav {display:none;}
+
nav {display:none;}
−
#bignav ul {display:none;}
+
nav ul {display:none;}
 
#hidden-menu {display:block;}
 
#hidden-menu {display:block;}
 
}
 
}
Line 496: Line 496:
 
width:auto;
 
width:auto;
 
}
 
}
−
 
−
#smallnav:hover #hidden-list {
 
−
display:none;
 
−
}
 
−
 
  
 
#hidden-menu:not(:hover) ul {
 
#hidden-menu:not(:hover) ul {
Line 792: Line 787:
  
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
−
<nav id="bignav">
+
<nav id="nav">
 
<div id="menu" class="menu">
 
<div id="menu" class="menu">
 
 
Line 825: Line 820:
  
 
<div id="hidden-menu">
 
<div id="hidden-menu">
−
<a href="#" title="hidenavigation" id="smallnav"><img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton">
+
<img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton">
−
</a>
+
<ul>
−
<ul id="hidden-list">
+
 
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>

Revision as of 17:49, 26 July 2015