Difference between revisions of "Template:CSMU Taiwan/navBar"

Latest revision as of 08:21, 8 December 2019

Stack Multipurpose HTML Template

@@ Line 9: / Line 9: @@
 <html>
 <style>
-#home_logo, #sideMenu { display:none; }
+#home_logo,
-#sideMenu, #top_title, .patrollink  {display:none;}
+#sideMenu {
-#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
+    display: none;
+}
+#sideMenu,
+#top_title,
+.patrollink {
+    display: none;
+}
+#content {
+    margin-left: 0px;
+    margin-top: -30px;
+    padding: 0px;
+    width: 100%;
+}
 </style>
@@ Line 45: / Line 59: @@
      <!--end bar-->
      <div style="padding: 20px; height: 100%; background-color: #FFFFFF;" id="menu2" class="visible-xs visible-sm hidden-xs hidden-sm">
-         <ul class="menu-horizontal text-right" style="list-style-type: none;">
+         <ul class="menu-horizontal" style="list-style-type: none;">
              <!--Team-->
              <li class="dropdown dropdown--hover">
@@ Line 56: / Line 70: @@
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Team">Team</a></li>
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Attributions">Attributions</a></li>
-                                     <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Collaboration">Collaborations</a></li>
+                                     <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Collaborations">Collaborations</a></li>
                                  </ul>
                              </div>
@@ Line 71: / Line 85: @@
                              <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; left: -150px;">
                                  <ul class="menu-vertical" style="color: white;font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Description">Description</a></li>
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Design">Design</a></li>
@@ Line 82: / Line 95: @@
                  </div>
                  <!--end dropdown container-->
-            </li>
-            <!--Model-->
-            <li class="dropdown dropdown--hover">
-                <span class="navLinks"> <a href="https://2019.igem.org/Team:CSMU_Taiwan/Safety">Safety</a></span>
-            </li>
-            <!--Part-->
-            <li class="dropdown dropdown--hover">
-                <span class="navLinks"> <a href="https://2019.igem.org/Team:CSMU_Taiwan/Model">Model</a></span>
              </li>
              <!--Lab-->
@@ Line 135: / Line 140: @@
                                  <ul class="menu-vertical" style="color: white;font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices">HP Structure</a></li>
-                                     <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices">Integrated Human Practice</a></li>
+                                     <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices#iHP">Integrated Human Practice</a></li>
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Public_Engagement ">Public Engagement </a></li>
                                      <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Entrepreneurship ">Entrepreneurship</a></li>
@@ Line 145: / Line 150: @@
                  <!--end dropdown container-->
              </li>
+            <!--Part-->
+            <li class="dropdown dropdown--hover">
+                <span class="navLinks"> <a href="https://2019.igem.org/Team:CSMU_Taiwan/Model">Model</a></span>
+            </li>
              <!--end dropdown container-->
+            <!--Model-->
+            <li class="dropdown dropdown--hover">
+                <span class="navLinks"> <a href="https://2019.igem.org/Team:CSMU_Taiwan/Safety">Safety</a></span>
+            </li>
          </ul>
      </div>
@@ Line 151: / Line 164: @@
      <div class="col-md-12" style="padding: 0px;border-bottom:1px solid silver; margin: 0 auto;">
          <nav id="menu1" class="bar bar--sm bar-1 bg--light hidden-xs hidden-sm" style="height: auto; padding: 0px; background-color: rgb(255, 255, 255); margin: 0px auto; text-align: center;">
-             <div class="container-fluid GeneralNav" style="height: 100%;padding-top: 17px;margin-left: 0px;margin-right: 0px;">
+             <div class="container-fluid HPNav" style="height: 100%;padding-top: 17px;margin-left: 0px;margin-right: 0px;">
                  <div class="row" style="height: 100%;">
-                     <div class="row col-lg-12 col-md-12 text-right text-left-xs text-left-sm" style="display: flex;align-items:center;">
+                     <div class="row col-lg-12 col-md-12 text-left-xs text-left-sm" style="display: flex;align-items:center;">
                          <div class="col-lg-2 col-md-2 hidden-xs hidden-sm" style="padding-top: 0.2em;padding-right: 4px;height: 100%;padding-left: 0px;display: flex;">
                              <div class="dropdown">
@@ Line 170: / Line 183: @@
                              <!--end module-->
                          </div>
-                         <div class="bar__module col-lg-9 col-md-9 hidden-xs hidden-sm" style="padding-top: 0.5em;">
+                         <div class="bar__module col-lg-9 col-md-9 hidden-xs hidden-sm text-right" style="padding-top: 0.5em;">
                              <ul class="menu-horizontal text-left-xs" style="list-style-type: none;">
                                  <li class="dropdown dropdown--hover">
@@ Line 181: / Line 194: @@
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Team">Members</a></li>
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Attributions">Attributions</a></li>
-                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Collaboration">Collaborations</a></li>
+                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Collaborations">Collaborations</a></li>
                                                      </ul>
                                                  </div>
@@ Line 195: / Line 208: @@
                                                  <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(255, 255, 255); padding: 0px; max-width:200px;">
                                                      <ul class="menu-vertical" style="color: white;font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Description">Description</a></li>
-                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Design">Design</a></li><li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Demonstrate">Demonstrate</a></li>
+                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Design">Design</a></li>
+                                                        <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Demonstrate">Demonstrate</a></li>
                                                          <li><a href=" https://2019.igem.org/Team:CSMU_Taiwan/Medal_Criteria">Medal Criteria</a></li>
                                                      </ul>
@@ Line 206: / Line 219: @@
                                      <!--end dropdown container-->
                                  </li>
-                                 <li style="cursor: pointer;font-family: 'Lato' !important;">
-                                    <span class="navLinks">
-                                        <a href="https://2019.igem.org/Team:CSMU_Taiwan/Safety">Safety
-                                        </a>
-                                    </span>
-                                    <!--end dropdown container-->
-                                </li>
-                                <li style="cursor: pointer;font-family: 'Lato' !important;">
-                                    <span class="navLinks">
-                                        <a href="https://2019.igem.org/Team:CSMU_Taiwan/Model">Model
-                                        </a>
-                                    </span>
-                                    <!--end dropdown container-->
-                                 </li>
                                  <li class="dropdown dropdown--hover">
                                      <span class="dropdown__trigger navLinks">Lab</span>
@@ Line 255: / Line 256: @@
                                      <!--end dropdown container-->
                                  </li>
                                  <!--end dropdown container-->
                                  <li class="dropdown dropdown--hover">
@@ Line 267: / Line 267: @@
                                                      <ul class="menu-vertical" style="font-size: 16px;padding-bottom: 10px;padding-top: 10px;list-style-type: none;">
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices">HP Structure</a></li>
-                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices">IHP</a></li>
+                                                         <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Human_Practices#iHP">IHP</a></li>
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Public_Engagement">Public Engagement</a>
                                                          <li><a href="https://2019.igem.org/Team:CSMU_Taiwan/Entrepreneurship">Entrepreneurship</a>
@@ Line 275: / Line 275: @@
                                          </div>
                                      </div>
+                                    <!--end dropdown container-->
+                                </li>
+                                <li style="cursor: pointer;font-family: 'Lato' !important;">
+                                    <span class="navLinks">
+                                        <a href="https://2019.igem.org/Team:CSMU_Taiwan/Model">Model
+                                        </a>
+                                    </span>
+                                    <!--end dropdown container-->
+                                </li>
+                                <li style="cursor: pointer;font-family: 'Lato' !important;">
+                                    <span class="navLinks">
+                                        <a href="https://2019.igem.org/Team:CSMU_Taiwan/Safety">Safety
+                                        </a>
+                                    </span>
                                      <!--end dropdown container-->
                                  </li>
@@ Line 300: / Line 314: @@
 <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/smoothscrollminJS&action=raw&ctype=text/javascript"></script>
 <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/jquerystepsminJS&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript"  src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/bootstrapMinJS&action=raw&ctype=text/javascript"></script>
+<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/bootstrapMinJS&action=raw&ctype=text/javascript"></script>
+<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/lightboxminJS&action=raw&ctype=text/javascript"></script>
-<script type="text/javascript"  src="https://2019.igem.org/wiki/index.php?title=Template:CSMU_Taiwan/lightboxminJS&action=raw&ctype=text/javascript"></script>
 </html>