Difference between revisions of "Template:NUS Singapore-A"

 
(41 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400i">
+
        <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
  <link rel="icon" href="https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png">
+
        <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
  
   <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
   <link rel="icon" href="https://static.igem.org/mediawiki/2018/2/2a/T--NUS_Singapore-A--TeamLogo.png">
 
</head>
 
</head>
 
<style>
 
<style>
Line 72: Line 72:
 
/*This controls the 'Connect with us' that is rotated on the left side*/
 
/*This controls the 'Connect with us' that is rotated on the left side*/
 
.nusgem_mail{
 
.nusgem_mail{
   font-family: "Montserrat";
+
   font-family: "Montserrat" !important;
   font-size: .9em;
+
   font-size: .9em !important;
   letter-spacing: .275em;
+
   letter-spacing: .275em !important;
   font-weight: 100;
+
   font-weight: 100 !important;
 
   width: auto;
 
   width: auto;
 
   height: auto;
 
   height: auto;
Line 88: Line 88:
  
 
.welcome-message{
 
.welcome-message{
   font-family: "Roboto", sans-serif ;
+
   font-family: "Roboto", sans-serif !important;
 
   font-size: 20px;
 
   font-size: 20px;
 
   letter-spacing: .1em;
 
   letter-spacing: .1em;
Line 196: Line 196:
 
   height: 100%;
 
   height: 100%;
 
   margin-top: 8px;
 
   margin-top: 8px;
 +
  font-size: 24px !important;
 +
  font-family: "Montserrat" !important;
 +
  letter-spacing: 0.1em !important;
 +
  font-weight: 400 !important;
 
}
 
}
  
 
/* This configures the main button (Project, Hardware, Team, blah blah) */
 
/* This configures the main button (Project, Hardware, Team, blah blah) */
 
.nav .dropdown .dropbtn{
 
.nav .dropdown .dropbtn{
   font-family: "Montserrat";
+
   font-family: "Montserrat" !important;
 
   font-weight: 400;
 
   font-weight: 400;
   font-size: 1.2em;
+
   font-size: 24px !important;
 
   letter-spacing: 0.1em;
 
   letter-spacing: 0.1em;
 
   margin: auto 6px;
 
   margin: auto 6px;
Line 225: Line 229:
  
 
/* This styles the links within the dropdwn-content */
 
/* This styles the links within the dropdwn-content */
.nav .dropdown-content a{
+
.nav .dropdown .dropdown-content a{
 
   float: none;
 
   float: none;
   padding: 5px auto;
+
   padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  padding-left: 4px;
 
   margin: auto auto;
 
   margin: auto auto;
 
   text-decoration: none;
 
   text-decoration: none;
Line 270: Line 276:
 
     float: right;
 
     float: right;
 
     display: block;
 
     display: block;
 +
    position: absolute;
 +
 +
    font-size: 30px;
 
   }
 
   }
 
   .nav .dropdown .dropdown-content {
 
   .nav .dropdown .dropdown-content {
Line 294: Line 303:
 
     position: absolute;
 
     position: absolute;
 
     right: 0;
 
     right: 0;
     top: 0;
+
     top: 2.5%;
 
   }
 
   }
 
   .nav.responsive .dropdown {float: none; display: block; background-color: #dddddd;}
 
   .nav.responsive .dropdown {float: none; display: block; background-color: #dddddd;}
Line 388: Line 397:
 
<!-------------------------------------START OF NAV BAR HTML------------------------------------------------------>
 
<!-------------------------------------START OF NAV BAR HTML------------------------------------------------------>
  
<div class="welcome-message">Welcome to NUSGEM2018!</div>
 
 
<div class="nusgem_mail">CONNECT WITH US</div>
 
<div class="nusgem_mail">CONNECT WITH US</div>
  
Line 405: Line 413:
 
      
 
      
 
       <div class="dropdown">
 
       <div class="dropdown">
        <button class="dropbtn">
+
 
          <a href="https://2018.igem.org/Team:NUS_Singapore-A" style="text-decoration: none; color: black;">HOME</a>
+
          <button class="dropbtn"><a href="https://2018.igem.org/Team:NUS_Singapore-A" style="text-decoration: none; color: black;">HOME</a></button>
        </button>
+
 
       </div>
 
       </div>
  
Line 415: Line 422:
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Description</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Design">Design</a>
 +
          <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model">Modelling</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results">Results</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Results">Results</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate">Demonstrate</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Demonstrate">Demonstrate</a>
Line 436: Line 444:
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve">Improved Parts</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Improve">Improved Parts</a>
 
         </div>
 
         </div>
      </div>
 
 
      <div class="dropdown">
 
        <button class="dropbtn">
 
          <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model" style="text-decoration: none; color: black;">MODEL</a>
 
        </button>
 
 
       </div>
 
       </div>
 
        
 
        
Line 449: Line 451:
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware">Overview</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a>         
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/PDF-LA!">PDF-LA!</a>         
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor">Light Wait - 2-in-1 Sensor</a>
+
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Sensor">2-in-1 Sensor</a>
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump">Light Wait - Peristaltic Pump</a>
+
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Pump">Peristaltic Pump</a>
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar">Light Wait - Fermentation Chamber</a>
+
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/CoJar">Fermentation Chamber</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor">Futuristic Bioreactor</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware/Futuristic_Bioreactor">Futuristic Bioreactor</a>
 
         </div>
 
         </div>
Line 473: Line 475:
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions">Attributions</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Attributions">Attributions</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations">Collaborations</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Collaborations">Collaborations</a>
 +
          <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals">Medal</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery">Gallery</a>
 
           <a href="https://2018.igem.org/Team:NUS_Singapore-A/Gallery">Gallery</a>
 +
          <a href="https://2018.igem.org/Team:NUS_Singapore-A/Jamboree">Giant Jamboree!</a>
 
         </div>
 
         </div>
      </div>
 
 
      <div class="dropdown">
 
        <button class="dropbtn">
 
          <a href="https://2018.igem.org/Team:NUS_Singapore-A/Medals" style="text-decoration: none; color: black;">MEDAL</a>
 
        </button>
 
 
       </div>
 
       </div>
 
        
 
        

Latest revision as of 11:17, 14 December 2018

CONNECT WITH US