Difference between revisions of "Template:Manchester/Navbar"

@@ Line 1: / Line 1: @@
 {{Manchester}}
+{{Manchester/mobilenav}}
 <html>
 <head>
@@ Line 31: / Line 33: @@
 /********************************* DEFAULT WIKI SETTINGS  ********************************/
+nav .navbar {
+		display: table !important;
+	}
+@media only screen and (max-width:980px) {
+  /* For tablets: */
+  .main {
+    width: 80%;
+    padding: 0;
+  }
+  .right {
+    width: 100%;
+  }
+}
+@media only screen and (max-width:500px) {
+  /* For mobile phones: */
+  .menu, .main, .right {
+    width: 100%;
+  }
+}
 body, html {
@@ Line 135: / Line 158: @@
 .dropdown10 {
    display: block!important;
-   width: 16vw!important;
+   width: 15vw!important;
 }
@@ Line 146: / Line 169: @@
    display: block!important;
    width: 16vw!important;
+}
+.dropdown8 {
+  display: block!important;
+  width: 15vw!important;
 }
@@ Line 223: / Line 251: @@
    overflow: visible;
    text-align: right
-  -webkit-box-shadow: 10px 10px 5px 0px rgba(230,227,230,1);
 }
@@ Line 388: / Line 416: @@
 }
+nav .navbar {
+		display: table !important;
+	}
+.navigation-bar {
+	background-color: #000000;
+}
+@media (max-width: 980px) {
+	.navigation-bar {
+	background-color: #FFFFFF;
+	}
+}
 /********************************* RESPONSIVE STYLING ********************************/
@@ Line 421: / Line 461: @@
                <li><a href="https://2018.igem.org/Team:Manchester/Results">Results</a></li>
                <li><a href="https://2018.igem.org/Team:Manchester/Collaborations">Collaborations</a></li>
-              <li><a href="https://2018.igem.org/Team:Manchester/Improve">Improve</a></li>
+<li><a href="https://2018.igem.org/Team:Manchester/Cheesemaking">Cheese Making</a><li>
-              <li><a href="https://2018.igem.org/Team:Manchester/Demonstrate">Demonstrate</a><li>
              </ul>
            </li>
-           <li class="dropdown dropdown1">
-            <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Parts">PARTS<span class="caret"></span></a>
-            <ul class="dropdown-menu" style="left:0;">
-              <li><a href="https://2018.igem.org/Team:Manchester/Parts">Parts Overview</a></li>
-              <li><a href="https://2018.igem.org/Team:Manchester/Basic_Part">Basic Parts</a></li>
-              <li><a href="https://2018.igem.org/Team:Manchester/Composite_Part">Composite parts</a></li>
-              <li><a href="https://2018.igem.org/Team:Manchester/Part_Collection">Part collection</a></li>
-            </ul>
-          </li>
            <li class="dropdown dropdown5">
@@ Line 440: / Line 472: @@
              <ul class="dropdown-menu" style="left:0;">
                 <li><a href="https://2018.igem.org/Team:Manchester/InterLab">InterLab</a></li>
-                <li><a href="https://2018.igem.org/Team:Manchester/Experiments">Lab Book</a></li>
+                <li><a href="https://2018.igem.org/Team:Manchester/Experiments">Experiments</a></li>
-                <li><a href="https://2018.igem.org/Team:Manchester/Safety">Safety</a></li>
+                <li><a href="https://2018.igem.org/Team:Manchester/Protocols">Protocols</a><li>
+               <li><a href="https://2018.igem.org/Team:Manchester/LabBook">Lab Book</a><li>
+           <li><a href="https://2018.igem.org/Team:Manchester/Parts">Parts</a></li>
              </ul>
            </li>
-           <li class="dropdown dropdown13">
+           <li class="dropdown dropdown15">
              <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Model">DRY LAB<span class="caret"></span></a>
              <ul class="dropdown-menu">
-                 <li> <a href="#">Promoter Quantification</a></li>
+                 <li> <a href="https://2018.igem.org/Team:Manchester/PromoterModel">Promoter Tool</a></li>
                  <li> <a href="https://2018.igem.org/Team:Manchester/Model">Experimental Model</a><li>
              </ul>
@@ Line 457: / Line 494: @@
              <a class="dropdown-toggle active dropdowntextcenter" href="">HUMAN PRACTICES<span class="caret"></span></a>
              <ul class="dropdown-menu" style="text-align: right;"></li>
               <li> <a href="https://2018.igem.org/Team:Manchester/Human_Practices">Integrated Human Practices</a></li>
-               <li><a href="#">The Cost of Listeria</a></li>
+               <li><a href="https://2018.igem.org/Team:Manchester/Public_Engagement">Outreach</a></li>
-               <li><a href="#">GMO's and Brexit</a></li>
+<li><a href="https://2018.igem.org/Team:Manchester/Burtscheese">Burt's cheese</a></li>
-               <li><a href="https://2018.igem.org/Team:Manchester/Public_Engagement">Outreach</a></li>
-            </ul>
+<li><a href="https://2018.igem.org/Team:Manchester/Rokiskiosuris">Rokiškio sūris</a></li>
+               <li><a href="https://2018.igem.org/Team:Manchester/News">News Feed analysis</a></li>
+               <li><a href="https://2018.igem.org/Team:Manchester/Brexit">GMO's and Brexit</a></li>
+               <li><a href="https://2018.igem.org/Team:Manchester/EU">European Commission</a></li>
+           </ul>
            </li>
-           <li class="dropdown dropdown10">
+           <li class="dropdown dropdown5">
              <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Team">TEAM<span class="caret"></span></a>
              <ul class="dropdown-menu" style="left:0;">
                  <li><a href="https://2018.igem.org/Team:Manchester/Team">The Team</a></li>
                  <li><a href="https://2018.igem.org/Team:Manchester/Attributions">Attributions</a></li>
-                <li><a href="https://2018.igem.org/Team:Manchester/Notebook">Calendar</a><li>
-               <li><a href="#">Gallery</a><li>
              </ul>
            </li>