Difference between revisions of "Template:ShanghaiTech/Header"

Revision as of 01:32, 18 October 2018

ShanghaiTech iGEM

@@ Line 155: / Line 155: @@
 </head>
-<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top" style="top: 16px">
+<nav class="navbar navbar-expand-sm shadow navbar-light fixed-top" style="background-color: #FFFFFF;">
-   <a class="navbar-brand" href="/Team:ShanghaiTech">ShanghaiTech iGEM</a>
+   <a class="navbar-brand" href="/Team:ShanghaiTech">
-   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <img src="https://static.igem.org/mediawiki/2018/0/08/T--ShanghaiTech--shanghaitech_brand.png" style="height: 30px">
-     <span class="navbar-toggler-icon"></span>
+  </a>
-   </button>
+   <a class="navbar-brand" id="navlogo" href="/Team:ShanghaiTech" style="position: absolute; display: block-inline; left: 45%; top: -5px;">
-   <div class="collapse navbar-collapse" id="navbarSupportedContent">
+     <img src="https://static.igem.org/mediawiki/2018/c/cf/T--ShanghaiTech--logo.png" style="width: 100px">
+   </a>
+   <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
    <ul class="navbar-nav">
-     <li class="nav-item" id="navbar-home">
+     <!-- <li class="nav-item" id="navbar-home">
        <a class="nav-link" href="/Team:ShanghaiTech">Home</a>
-     </li>
+     </li> -->
      <li class="nav-item dropdown" id="navbar-project">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Project
+         PROJECT
        </a>
        <div class="dropdown-menu">
          <a class="dropdown-item" href="/Team:ShanghaiTech/Project_Overview">Overview</a>
-         <a class="dropdown-item" href="/Team:ShanghaiTech/Project_NFBL">Negetive feedback loop</a>
+         <a class="dropdown-item" href="/Team:ShanghaiTech/Project_NFBL">Negetive Feedback Loop</a>
-         <a class="dropdown-item" href="/Team:ShanghaiTech/Project_Oribosome">Orthogonal ribosome</a>
+         <a class="dropdown-item" href="/Team:ShanghaiTech/Project_Oribosome">Orthogonal Ribosome</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Project_Combination">Combination</a>
-         <a class="dropdown-item" href="/Team:ShanghaiTech/InterLab">Interlab</a>
+         <a class="dropdown-item" href="/Team:ShanghaiTech/InterLab">InterLab</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Measurement">Measurement</a>
        </div>
      </li>
      <li class="nav-item dropdown" id="navbar-parts">
-       <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/Team:ShanghaiTech/Parts">
+       <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Parts
+         PARTS
        </a>
        <div class="dropdown-menu">
@@ Line 190: / Line 192: @@
      <li class="nav-item dropdown" id="navbar-model">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Model
+         MODELING
        </a>
        <div class="dropdown-menu">
          <a class="dropdown-item" href="/Team:ShanghaiTech/Model">Overview</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Model_NFBL">NFBL</a>
-         <a class="dropdown-item" href="/Team:ShanghaiTech/Model_Oribosome">Orthogonal ribosome</a>
+         <a class="dropdown-item" href="/Team:ShanghaiTech/Model_Oribosome">Orthogonal Ribosome</a>
+        <a class="dropdown-item" href="/Team:ShanghaiTech/Computer_Experiments">Computer Experiments</a>
+        <a class="dropdown-item" href="/Team:ShanghaiTech/Model_Interaction">Interaction between Data and Model</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Software">Software</a>
        </div>
      </li>
+    <div style="width: 100px"></div>
      <li class="nav-item dropdown" id="navbar-hp">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Human Practice
+         HUMAN PRACTICE
        </a>
        <div class="dropdown-menu">
@@ Line 207: / Line 212: @@
          <a class="dropdown-item" href="/Team:ShanghaiTech/Public_Engagement">Education &amp; Public engagement</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Biosafety">Biosafety</a>
-         <a class="dropdown-item" href="/Team:ShanghaiTech/Integrated_HP">Integrated human practice</a>
+         <a class="dropdown-item" href="/Team:ShanghaiTech/Integrated_HP">Integrated Human Practice</a>
          <a class="dropdown-item" href="/Team:ShanghaiTech/Collaborations">Collaborations</a>
        </div>
@@ Line 213: / Line 218: @@
      <li class="nav-item dropdown" id="navbar-notebook">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Notebook
+         NOTEBOOK
        </a>
        <div class="dropdown-menu">
@@ Line 222: / Line 227: @@
      <li class="nav-item dropdown" id="navbar-team">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
-         Team
+         TEAM
        </a>
        <div class="dropdown-menu">
@@ Line 231: / Line 236: @@
    </ul>
    </div>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="float: right;">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div style="width: 200px"></div>
 </nav>
+<style type="text/css">
+  body {
+      background-color: #FFF8F8;
+  }
+  @font-face {
+    font-family: 'Quicksand Light';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Quicksand Light'), local('Quicksand-Light'), url(https://static.igem.org/mediawiki/2018/e/e4/T--ShanghaiTech--quicksand_light.otf) format('truetype');
+  }
+  @font-face {
+    font-family: 'Quicksand Regular';
+    font-style: normal;
+    font-weight: 300;
+    src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://static.igem.org/mediawiki/2018/c/c7/T--ShanghaiTech--quicksand_regular.otf) format('truetype');
+  }
+  .navbar-nav {
+    float: none;
+    text-align: center;
+  }
+  ul.navbar-nav li a {
+      float:none;
+      display: inline-block;
+      margin: 0em;
+      font-family: 'Quicksand Regular', sans-serif;
+  }
+  .dropdown-item a {
+      font-family: 'Quicksand Light', sans-serif;
+  }
+  @media (max-width: 500px) {
+      #navlogo {
+          left: 80%
+      }
+  }
+  h2 {
+      font-family: 'Futura';
+      font-size: 70pt;
+      font-weight: bold;
+  }
+  h3 {
+      font-family: 'Tw Cen MT';
+      font-size: 25pt;
+      font-weight: bold;
+  }
+  h3  {
+      color: black;
+  }
+  body {
+      font-family: 'Hiragino Sans W3';
+  }
+  td[rowspan="3"] {
+      vertical-align: middle;
+  }
+</style>
 <style type="text/css">