(15 intermediate revisions by the same user not shown) | |||
Line 35: | Line 35: | ||
window.onscroll = function() { | window.onscroll = function() { | ||
var currentScrollPos = window.pageYOffset; | var currentScrollPos = window.pageYOffset; | ||
+ | //If At (or above @safari) the top | ||
+ | if(currentScrollPos <= 0 ) { | ||
+ | |||
+ | document.getElementById("navbar").style.top = "10px"; | ||
+ | $(".dropdown").removeClass("nomouse"); | ||
+ | if(!$(".dropdown").is(":visible")) | ||
+ | { | ||
+ | |||
+ | $(".navigation").show(); | ||
+ | } | ||
+ | else { $(".navigation").css("display", "");} | ||
+ | return; | ||
+ | } | ||
+ | |||
+ | //If Scrolling Up | ||
if (prevScrollpos > currentScrollPos) { | if (prevScrollpos > currentScrollPos) { | ||
document.getElementById("navbar").style.top = "10px"; | document.getElementById("navbar").style.top = "10px"; | ||
Line 44: | Line 59: | ||
} | } | ||
else { $(".navigation").css("display", "");} | else { $(".navigation").css("display", "");} | ||
− | } else { | + | } |
+ | //If Scrolling Down | ||
+ | else { | ||
if($(".navigation").hasClass("open"))if(!$(".dropdown").is(":visible")){return;} | if($(".navigation").hasClass("open"))if(!$(".dropdown").is(":visible")){return;} | ||
document.getElementById("navbar").style.top = "-45px"; | document.getElementById("navbar").style.top = "-45px"; | ||
Line 60: | Line 77: | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
<!--HEADER STYLE--> | <!--HEADER STYLE--> | ||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
− | + | ||
− | + | h1,h2,h3,h4,h5,h6{ | |
− | + | font-family: 'Arimo',sans-serif; | |
+ | font-weight: lighter; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .container a:visited{ | ||
+ | color: #800080; | ||
} | } | ||
.nomouse | .nomouse | ||
Line 389: | Line 371: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
− | font-family: 'Open Sans'; | + | font-family: 'Open Sans', sans-serif !important; |
font: initial !important; | font: initial !important; | ||
} | } | ||
Line 410: | Line 392: | ||
max-width: 55em; | max-width: 55em; | ||
margin: 5vmax auto; | margin: 5vmax auto; | ||
+ | margin-top: 10vmax; | ||
padding: 0 4vmax; | padding: 0 4vmax; | ||
} | } | ||
Line 452: | Line 435: | ||
h1,h2,h3{ | h1,h2,h3{ | ||
− | font-family: sans-serif; | + | font-family: 'Arimo', sans-serif !important; |
− | font-weight: lighter; | + | font-weight: lighter !important; |
} | } | ||
p{ | p{ | ||
− | + | font-family: 'Open sans', sans-serif !important; | |
− | line-height: 1.5em; | + | line-height: 1.5em !important; |
− | font-size: 1.1em; | + | font-size: 1.1em !important; |
} | } | ||
Line 631: | Line 614: | ||
<!--Desktop Navbar--> | <!--Desktop Navbar--> | ||
<div id="navbar" class="navbar unselectable shadow"> | <div id="navbar" class="navbar unselectable shadow"> | ||
− | <a href=" | + | <a href="/Team:WLC-Milwaukee"> |
<img height="40" title="WLC-Milwaukee iGEM Home" class="header-logo" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | <img height="40" title="WLC-Milwaukee iGEM Home" class="header-logo" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | ||
</a> | </a> | ||
Line 637: | Line 620: | ||
<!--PROJECT DROPDOWN--> | <!--PROJECT DROPDOWN--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <a href="Description">PROJECT</a> | + | <a href="/Team:WLC-Milwaukee/Description">PROJECT</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="Description">Overview</a> | + | <a href="\Team:WLC-Milwaukee\Description">Overview</a> |
− | <a href="Background">Background</a> | + | <a href="\Team:WLC-Milwaukee\Background">Background</a> |
− | <a href="Applied_Design">System Design</a> | + | <a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a> |
− | <a href="Experiments"> | + | <a href="\Team:WLC-Milwaukee\Experiments">Wet Lab</a> |
− | <a href="Demonstrate">Results</a> | + | <a href="\Team:WLC-Milwaukee\Demonstrate">Results</a> |
− | <a href="Improve">Parts</a> | + | <a href="\Team:WLC-Milwaukee\Improve">Parts</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 650: | Line 633: | ||
<!--DOCUMENTATION DROPDOWN--> | <!--DOCUMENTATION DROPDOWN--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <a href="Judging">DOCUMENTATION</a> | + | <a href="\Team:WLC-Milwaukee\Judging">DOCUMENTATION</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="Safety">Safety</a> | + | <a href="\Team:WLC-Milwaukee\Safety">Safety</a> |
− | <a href="Notebook">Timeline</a> | + | <a href="\Team:WLC-Milwaukee\Notebook">Timeline</a> |
− | <a href="Judging">Judging</a> | + | <a href="\Team:WLC-Milwaukee\Judging">Judging</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 660: | Line 643: | ||
<!--HUMAN PRACTICES DROPDOWN--> | <!--HUMAN PRACTICES DROPDOWN--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <a href="HP">HUMAN PRACTICES</a> | + | <a href="\Team:WLC-Milwaukee\HP">HUMAN PRACTICES</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="HP">Overview</a> | + | <a href="\Team:WLC-Milwaukee\HP">Overview</a> |
− | <a href="Human_Practices">Investigations and Impact</a> | + | <a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a> |
− | <a href="Public_Engagement">Outreach</a> | + | <a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a> |
− | <a href="Collaborations">Collaborations</a> | + | <a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 671: | Line 654: | ||
<!--TEAM DROPDOWN--> | <!--TEAM DROPDOWN--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <a href="Team">TEAM</a> | + | <a href="\Team:WLC-Milwaukee\Team">TEAM</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="Team">Members</a> | + | <a href="\Team:WLC-Milwaukee\Team">Members</a> |
− | <a href="Attributions">Attributions</a> | + | <a href="\Team:WLC-Milwaukee\Attributions">Attributions</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 687: | Line 670: | ||
<div class="menu"> | <div class="menu"> | ||
<div class="menu-header"> | <div class="menu-header"> | ||
− | <a href=" | + | <a href="/Team:WLC-Milwaukee"> |
<p> | <p> | ||
<img height="40" title="WLC-Milwaukee iGEM Home" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | <img height="40" title="WLC-Milwaukee iGEM Home" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | ||
Line 704: | Line 687: | ||
</a> | </a> | ||
<div class="m-dropdown-content"> | <div class="m-dropdown-content"> | ||
− | <a href="Description">Overview</a> | + | <a href="\Team:WLC-Milwaukee\Description">Overview</a> |
− | <a href="Background">Background</a> | + | <a href="\Team:WLC-Milwaukee\Background">Background</a> |
− | <a href="Applied_Design">System Design</a> | + | <a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a> |
− | <a href="Experiments">Wetlab</a> | + | <a href="\Team:WLC-Milwaukee\Experiments">Wetlab</a> |
− | <a href="Demonstrate">Results</a> | + | <a href="\Team:WLC-Milwaukee\Demonstrate">Results</a> |
− | <a href="Improve">Parts</a> | + | <a href="\Team:WLC-Milwaukee\Improve">Parts</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 720: | Line 703: | ||
</a> | </a> | ||
<div class="m-dropdown-content"> | <div class="m-dropdown-content"> | ||
− | <a href=" | + | <a href="\Team:WLC-Milwaukee\Safety">Safety</a> |
− | + | <a href="\Team:WLC-Milwaukee\Notebook">Timeline</a> | |
− | <a href="Notebook">Timeline</a> | + | <a href="\Team:WLC-Milwaukee\Judging">Judging</a> |
− | <a href="Judging">Judging</a> | + | |
</div> | </div> | ||
</div> | </div> | ||
Line 733: | Line 715: | ||
</a> | </a> | ||
<div class="m-dropdown-content"> | <div class="m-dropdown-content"> | ||
− | <a href="HP">Overview</a> | + | <a href="\Team:WLC-Milwaukee\HP">Overview</a> |
− | <a href="Human_Practices">Investigations and Impact</a> | + | <a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a> |
− | <a href="Public_Engagement">Outreach</a> | + | <a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a> |
− | <a href="Collaborations">Collaborations</a> | + | <a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 747: | Line 729: | ||
</a> | </a> | ||
<div class="m-dropdown-content"> | <div class="m-dropdown-content"> | ||
− | <a href="Team">Members</a> | + | <a href="\Team:WLC-Milwaukee\Team">Members</a> |
− | <a href="Attributions">Attributions</a> | + | <a href="\Team:WLC-Milwaukee\Attributions">Attributions</a> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 02:13, 18 October 2018