Line 44: | Line 44: | ||
$(window).on('scroll',function(){ | $(window).on('scroll',function(){ | ||
if($(window).scrollTop()){ | if($(window).scrollTop()){ | ||
− | $('. | + | $('.nav').addClass('black'); |
}else { | }else { | ||
− | $('. | + | $('.nav').removeClass('black'); |
} | } | ||
}) | }) | ||
Line 157: | Line 157: | ||
− | + | nav{ | |
position: fixed; | position: fixed; | ||
top:0; | top:0; | ||
Line 169: | Line 169: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | + | nav.black{ | |
background: rgba(0,0,0,.8); | background: rgba(0,0,0,.8); | ||
height: 80px; | height: 80px; | ||
Line 175: | Line 175: | ||
} | } | ||
− | + | nav a{ | |
text-decoration:none; | text-decoration:none; | ||
color: #fff; | color: #fff; | ||
} | } | ||
− | + | nav.logo{ | |
float: left; | float: left; | ||
} | } | ||
− | + | nav.logo img{ | |
height: 150px; | height: 150px; | ||
transition: .5s; | transition: .5s; | ||
} | } | ||
− | + | nav.black .logo img{ | |
height: 60px; | height: 60px; | ||
} | } | ||
− | + | nav ul{ | |
float: right; | float: right; | ||
margin: 0; | margin: 0; | ||
Line 195: | Line 195: | ||
display: flex; | display: flex; | ||
} | } | ||
− | + | nav ul li{ | |
list-style: none; | list-style: none; | ||
margin-top: 25px; | margin-top: 25px; | ||
Line 207: | Line 207: | ||
text-shadow: 0 0 4px #000; | text-shadow: 0 0 4px #000; | ||
} | } | ||
− | /* | + | /* nav ul li a{ |
line-height: none; | line-height: none; | ||
font-size: 18px; | font-size: 18px; | ||
Line 218: | Line 218: | ||
} */ | } */ | ||
− | /* | + | /* nav.black ul li a{ |
color: #fff; | color: #fff; | ||
line-height: 20px; | line-height: 20px; | ||
} */ | } */ | ||
− | + | nav.black ul li{ | |
color: #fff; | color: #fff; | ||
line-height: 20px; | line-height: 20px; | ||
} | } | ||
− | /* | + | /* nav ul li a.active, |
nav ul li a:hover{ | nav ul li a:hover{ | ||
color: orange; | color: orange; | ||
} */ | } */ | ||
− | + | nav ul li.active, | |
− | + | nav ul li:hover{ | |
color: #e5e8a2; | color: #e5e8a2; | ||
} | } | ||
Line 587: | Line 587: | ||
− | < | + | <nav> |
<div class="logo"> | <div class="logo"> | ||
<a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/thumb/f/fe/T--DTU-Denmark--happylogotemp.png/428px-T--DTU-Denmark--happylogotemp.png" alt="logo"></a> | <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/thumb/f/fe/T--DTU-Denmark--happylogotemp.png/428px-T--DTU-Denmark--happylogotemp.png" alt="logo"></a> | ||
Line 666: | Line 666: | ||
</ul> | </ul> | ||
− | </ | + | </nav> |
Revision as of 17:11, 15 July 2019