Difference between revisions of "Template:Northwestern Page Head"

Revision as of 19:05, 13 July 2017

Northwestern Template

NU-CRISPy

Contact Team Human Practices Parts Lab Project

Home Project Team Lab Parts Human Practices Contact

@@ Line 82: / Line 82: @@
 /******** Links n' such (NavBar)********/
 a.nav-link:link
 {
-    color: #E4E0EE;
+    color: #4E2A84;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link:visited
 {
-    color: #E4E0EE;
+    color: #4E2A84;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link:hover
@@ Line 98: / Line 102: @@
     color: #000000;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link:active
 {
-    color: #E4E0EE;
+    color: #4E2A84;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
@@ Line 109: / Line 117: @@
     color: #000000;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link2:visited
@@ Line 114: / Line 124: @@
     color: #000000;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link2:hover
@@ Line 119: / Line 131: @@
     color: #000000;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 a.nav-link2:active
@@ Line 124: / Line 138: @@
     color: #000000;
     text-decoration: none;
+font-family: "Trebuchet", sans-serif;
+letter-spacing: 1px;
 }
 /******* w3 Syle editing *******/
@@ Line 187: / Line 203: @@
 <!-- Navbar code (sits on top) -->
 <div class="w3-top">
- <div class="w3-bar w3-black">
+  <div class="w3-bar w3-white w3-wide w3-padding w3-card-2">
-     <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">
+     <a href="#home" class="w3-bar-item w3-button">NU-CRISPy</a>
-      <i class="fa fa-bars"></i>
+     <!-- Float links to the right. Hide them on small screens -->
-     </a>
+     <div class="w3-right w3-hide-small">
-     <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/Contact" class= "w3-bar-item w3-button w3-hide-small w3-right nav-link"> Contact </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/Team" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Team </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/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#parts" class= "w3-bar-item w3-button w3-hide-small w3-left nav-link"> Parts </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#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/Lab" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Lab </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/Project" class="w3-bar-item w3-button w3-hide-small w3-right nav-link"> Project </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 216: / Line 227: @@
    </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>