Difference between revisions of "Template:CSS UCL5"
Superjack15 (Talk | contribs) |
Superjack15 (Talk | contribs) |
||
| Line 452: | Line 452: | ||
/*menu*/ | /*menu*/ | ||
| − | + | #bignav { | |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
| Line 465: | Line 465: | ||
@media(max-width:855px){ | @media(max-width:855px){ | ||
| − | + | #bignav {height:90px;} | |
} | } | ||
@media(max-width:463px){ | @media(max-width:463px){ | ||
| − | + | #bignav {height:120px;} | |
} | } | ||
@media(max-width:400px){ | @media(max-width:400px){ | ||
| − | + | #bignav {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;} | |
| − | + | #bignav ul {display:none;} | |
#hidden-menu {display:block;} | #hidden-menu {display:block;} | ||
} | } | ||
| Line 783: | Line 783: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
| − | <nav> | + | <nav id="bignav"> |
<div id="menu" class="menu"> | <div id="menu" class="menu"> | ||
| Line 814: | Line 814: | ||
</nav> | </nav> | ||
| + | <nav id="smallnav"> | ||
<div id="hidden-menu"> | <div id="hidden-menu"> | ||
<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"> | ||
| Line 827: | Line 828: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | </nav> | ||
Revision as of 17:08, 26 July 2015