Line 46: | Line 46: | ||
/*Text of top nav and how it reacts*/ | /*Text of top nav and how it reacts*/ | ||
#headerWrapper a { | #headerWrapper a { | ||
− | + | text-decoration:none; | |
− | + | color:black; | |
} | } | ||
− | + | #headerWrapper #current-navigation a { | |
− | + | background-color:#750000; | |
color:white; | color:white; | ||
} | } | ||
Line 62: | Line 62: | ||
#Topnav a.hover, | #Topnav a.hover, | ||
#headerWrapper #current-navigation a.hover{ | #headerWrapper #current-navigation a.hover{ | ||
− | + | background-color: #990000; | |
− | + | color: white; | |
} | } | ||
Line 165: | Line 165: | ||
} | } | ||
+ | .mobile-scrole{ | ||
+ | display: none; | ||
+ | } | ||
− | + | @media screen and (max-width: 900px) { | |
+ | .mobile-scrole { | ||
+ | display: inline; | ||
+ | } | ||
/*Anytime the screen is less than 991px wide everything within {} apply | /*Anytime the screen is less than 991px wide everything within {} apply | ||
Line 220: | Line 226: | ||
/* Display mobile menue*/ | /* Display mobile menue*/ | ||
− | .mobile-menue { | + | .mobile-menue, |
+ | .mobile-scrole { | ||
margin: 25px 10px; | margin: 25px 10px; | ||
display: inline; | display: inline; | ||
Line 284: | Line 291: | ||
color:black; | color:black; | ||
} | } | ||
+ | } | ||
} | } | ||
Line 302: | Line 310: | ||
<img class="BioBuilders" src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-Denmark Logo"></a> | <img class="BioBuilders" src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-Denmark Logo"></a> | ||
+ | <button id="a-down" class="mobile-scrole">▼</button> | ||
<button id="hamburger" class="mobile-menue">☰</button> | <button id="hamburger" class="mobile-menue">☰</button> | ||
<button id="arrow" class="mobile-menue">⇦</button> | <button id="arrow" class="mobile-menue">⇦</button> | ||
+ | |||
+ | |||
Revision as of 05:09, 4 September 2016