Difference between revisions of "Template:Northwestern Page Head"

(Undo revision 52889 by Ysp791 (talk))
Line 82: Line 82:
  
 
/******** Links n' such (NavBar)********/
 
/******** Links n' such (NavBar)********/
 +
  
 
a.nav-link:link
 
a.nav-link:link
 
{
 
{
   color: #4E2A84;
+
   color: #E4E0EE;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
 
}
 
}
 
a.nav-link:visited
 
a.nav-link:visited
 
{
 
{
   color: #4E2A84;
+
   color: #E4E0EE;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
a.nav-link:hover
 
a.nav-link:hover
Line 102: Line 98:
 
   color: #000000;
 
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
a.nav-link:active
 
a.nav-link:active
 
{
 
{
   color: #4E2A84;
+
   color: #E4E0EE;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
  
Line 117: Line 109:
 
   color: #000000;
 
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
a.nav-link2:visited
 
a.nav-link2:visited
Line 124: Line 114:
 
   color: #000000;
 
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
a.nav-link2:hover
 
a.nav-link2:hover
Line 131: Line 119:
 
   color: #000000;
 
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
a.nav-link2:active
 
a.nav-link2:active
Line 138: Line 124:
 
   color: #000000;
 
   color: #000000;
 
   text-decoration: none;
 
   text-decoration: none;
font-family: "Trebuchet", sans-serif;
 
letter-spacing: 1px;
 
 
}
 
}
 
/******* w3 Syle editing *******/
 
/******* w3 Syle editing *******/
Line 203: Line 187:
  
 
<!-- Navbar code (sits on top) -->
 
<!-- Navbar code (sits on top) -->
 +
  
 
<div class="w3-top">
 
<div class="w3-top">
  <div class="w3-bar w3-white w3-wide w3-padding w3-card-2">
+
<div class="w3-bar w3-black">
     <a href="#home" class="w3-bar-item w3-button">NU-CRISPy</a>
+
     <a class="w3-bar-item w3-button w3-hover-purple w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
     <!-- Float links to the right. Hide them on small screens -->
+
      <i class="fa fa-bars"></i>
     <div class="w3-right w3-hide-small">
+
     </a>
     <a href="https://2017.igem.org/Team:Northwestern/Contact" class= "w3-bar-item w3-button w3-hide-small w3-right nav-link"> Contact </a>
+
     <a href="https://2017.igem.org/Team:Northwestern#home" class="w3-bar-item w3-button w3-hide-small w3-left nav-link">HOME</a>
     <a href="https://2017.igem.org/Team:Northwestern/Team" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Team </a>
+
     <a href="https://2017.igem.org/Team:Northwestern/project" class="w3-bar-item w3-button w3-hide-small w3-left nav-link"> Project </a>
     <a href="https://2017.igem.org/Team:Northwestern/HP" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Human Practices </a>
+
     <a href="https://2017.igem.org/Team:Northwestern#lab" class="w3-bar-item w3-button w3-hide-small w3-left nav-link"> Lab </a>
     <a href="https://2017.igem.org/Team:Northwestern/Parts" class= "w3-bar-item w3-button w3-hide-small w3-right nav-link"> Parts </a>
+
     <a href="https://2017.igem.org/Team:Northwestern#parts" class= "w3-bar-item w3-button w3-hide-small w3-left nav-link"> Parts </a>
     <a href="https://2017.igem.org/Team:Northwestern/Lab" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Lab </a>
+
     <a href="https://2017.igem.org/Team:Northwestern#humanpractices" class="w3-bar-item w3-button w3-hide-small w3-left nav-link"> Human Practices </a>
     <a href="https://2017.igem.org/Team:Northwestern/Project" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Project </a>
+
     <a href="https://2017.igem.org/Team:Northwestern#team" class="w3-bar-item w3-button w3-hide-small w3-left nav-link"> Team </a>
 +
     <a href="https://2017.igem.org/Team:Northwestern#contact" class= "w3-bar-item w3-button w3-hide-small w3-left nav-link"> Contact </a>
 +
 
 
   </div>
 
   </div>
 +
 +
 
   <!-- Navbar on small screens -->
 
   <!-- Navbar on small screens -->
 
   <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
 
   <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
Line 227: Line 216:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
<script>
 +
window.onscroll = function() {myFunction()};
 +
function myFunction() {
 +
    var navbar = document.getElementById("myNavbar");
 +
    if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
 +
        navbar.className = "w3-bar" + " w3-card-2" + " w3-animate-top" + " w3-white";
 +
    } else {
 +
        navbar.className = navbar.className.replace(" w3-card-2 w3-animate-top w3-white", "");
 +
    }
 +
}
 +
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 19:07, 13 July 2017

Northwestern Template