Difference between revisions of "Template:Northwestern Page Head"

Revision as of 19:07, 13 July 2017

Northwestern Template

HOME Project Lab Parts Human Practices Team Contact

Home Project Team Lab Parts Human Practices Contact

@@ Line 82: / Line 82: @@
 /******** Links n' such (NavBar)********/
 a.nav-link:link
 {
-    color: #4E2A84;
+    color: #E4E0EE;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link:visited
 {
-    color: #4E2A84;
+    color: #E4E0EE;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link:hover
@@ Line 102: / Line 98: @@
     color: #000000;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link:active
 {
-    color: #4E2A84;
+    color: #E4E0EE;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
@@ Line 117: / Line 109: @@
     color: #000000;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link2:visited
@@ Line 124: / Line 114: @@
     color: #000000;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link2:hover
@@ Line 131: / Line 119: @@
     color: #000000;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 a.nav-link2:active
@@ Line 138: / Line 124: @@
     color: #000000;
     text-decoration: none;
-font-family: "Trebuchet", sans-serif;
-letter-spacing: 1px;
 }
 /******* w3 Syle editing *******/
@@ Line 203: / Line 187: @@
 <!-- Navbar code (sits on 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>
    <!-- Navbar on small screens -->
    <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
@@ Line 227: / Line 216: @@
    </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>
 </html>