Difference between revisions of "Template:NUS Singapore"

 
(88 intermediate revisions by 4 users not shown)
Line 118: Line 118:
  
 
/**********  Basic Content Class CSS Style  **********/
 
/**********  Basic Content Class CSS Style  **********/
−
p{
+
p {
 
   font-family:"Montserrat", serif;
 
   font-family:"Montserrat", serif;
−
   font-size: 20px;
+
   font-size: 18px;
 
   line-height:150%;
 
   line-height:150%;
 
   text-align:justify;
 
   text-align:justify;
−
   color:#566573;
+
   color:#000000;
 
}
 
}
  
Line 140: Line 140:
  
 
h2 {  
 
h2 {  
−
   color: #3498DB;  
+
   color: #2E86C1;  
 
   font-family:"Calibri", serif;
 
   font-family:"Calibri", serif;
−
   font-size: 35px;  
+
   font-size: 30px;  
 
   font-weight: 200;  
 
   font-weight: 200;  
 
   line-height: 44px;  
 
   line-height: 44px;  
 
   margin: 0 0 12px;   
 
   margin: 0 0 12px;   
 
   text-align: center;
 
   text-align: center;
−
   font-weight: bold; }
+
   font-weight: bold;  
 +
  width:80%;
 +
  padding-left:10%;
 +
  padding-right:10%;
 +
}
 +
 
 +
#teamh2 {
 +
  width:100%;
 +
  padding-left:0;
 +
  padding-right:0;
 +
}
  
 
h3 {  
 
h3 {  
−
   color: #566573  ;  
+
   color:#FAA403;  
−
   font-family:"Times New Roman", Times, serif;
+
   font-family:"Calibri", serif;
−
   font-size: 20px;  
+
   font-size: 25px;  
 
   font-weight: 200;  
 
   font-weight: 200;  
 
   line-height: 44px;  
 
   line-height: 44px;  
 
   margin: 0 0 12px;  
 
   margin: 0 0 12px;  
−
  padding-left:10%;
 
 
   text-align: left;
 
   text-align: left;
−
   font-weight: 700; }
+
   font-weight:bold;
 +
  width:80%;
 +
  padding-left:10%;
 +
  padding-right:10%;
 +
  }
  
−
ul {
+
h4 {
 +
  color:#b48608;
 +
  font-family:"Calibri", serif;
 +
  font-size: 20px;
 +
  font-weight: 180;
 +
  line-height: 44px;
 +
  margin: 0 0 12px;
 +
  text-align: center;
 +
  font-weight:bold;
 +
  width:80%;
 +
  padding-left:10%;
 +
  padding-right:10%;
 +
  }
 +
 
 +
.nus ul {
 
   font-family:"Montserrat", serif;
 
   font-family:"Montserrat", serif;
 
   font-size: 18px;
 
   font-size: 18px;
 
   line-height:150%;
 
   line-height:150%;
 +
  color:#000000;
 +
 
 
}
 
}
  
−
ol {
+
.nus ol {
 
font-family:"Montserrat", serif;
 
font-family:"Montserrat", serif;
 
   font-size: 18px;
 
   font-size: 18px;
 
   line-height:150%;
 
   line-height:150%;
 +
        color:#000000;
 +
}
 +
.nus {
 +
font-family:"Montserrat", serif;
 +
  font-size: 18px;
 +
  line-height:150%;
 +
        color:#000000;
 
}
 
}
  
 +
ul.nus {
 +
  font-family:"Montserrat", serif;
 +
  font-size: 18px;
 +
  line-height:150%;
 +
  color:#000000;
 +
 
 +
}
 +
 +
ol.nus  {
 +
font-family:"Montserrat", serif;
 +
  font-size: 18px;
 +
  line-height:150%;
 +
        color:#000000;
 +
}
 +
 +
 +
/******************  image description subline  ****************/
 +
#imgdescription {
 +
        font-size:15px;
 +
        width:60%;
 +
        padding-left:20%;
 +
        padding-right:20%;
 +
        font-style:oblique;
 +
        text-align:center;
 +
}
 +
 +
/******************  Reference  ****************/
 +
#Ref {
 +
        font-size:15px;
 +
}
  
 
/************************************************** Back to top button style **************************************************/
 
/************************************************** Back to top button style **************************************************/
Line 269: Line 335:
 
     display: inline-block;
 
     display: inline-block;
 
}
 
}
 +
  
 
/***************************  Social contact link *************************/
 
/***************************  Social contact link *************************/
Line 298: Line 365:
 
   color: #FFFFFF;
 
   color: #FFFFFF;
 
}
 
}
 +
 +
/************************  Quick Link Footer  **************************/
 +
.quicklink p {
 +
background-color:#F0F3F4;
 +
width:100%;
 +
text-align: center;
 +
height:60px;
 +
padding:10px;
 +
margin:0px;
 +
font-weight: bold;
 +
font-size: 20px;
 +
}
 +
 +
.quicklink-container {
 +
      background-color:#F0F3F4;
 +
      width:100%;
 +
      height:200px;
 +
      position:absolute;
 +
}
 +
.quicklink-1 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
 +
}
 +
.quicklink-2 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
.quicklink-3 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
.quicklink-4 {
 +
background-color:#F0F3F4;
 +
width:25%;
 +
height:300px;
 +
padding-left:7%;
 +
padding-right:7%;
 +
position:relative;
 +
float:left;
 +
text-align: center;
 +
text-decoration: none;
 +
}
 +
 +
.quicklink-4 a {
 +
        color:#808B96;
 +
          font-size:15px;
 +
}
 +
.quicklink-3 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
.quicklink-2 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
.quicklink-1 a {
 +
        color:#808B96;
 +
font-size:15px;
 +
}
 +
 +
/**************************************** Sponsor and Social Connact Link Cover  ****************************************/
 +
.footer-container{
 +
  width:100%;
 +
  height:300px;
 +
  background-color:#F0F3F4 ;
 +
  position:absolute;
 +
}
 +
 +
.footer-sponsor-container{
 +
  width:70%; /*split the sponsor container from the full footer-container */
 +
  background-color:inherit;
 +
padding:20px;
 +
  padding-top:30px;
 +
  float:left;
 +
}
 +
 +
.footer-contact-container{
 +
  width:30%; /*split the sponsor container from the full footer-container */
 +
  padding-top:20px;
 +
  background-color:inherit;
 +
  float:right;
 +
}
 +
 +
img.social-icon {
 +
    margin:2%;
 +
    position:relative;
 +
    float:left;
 +
 +
}
 +
  
 
/*Responsive Deisgn*/
 
/*Responsive Deisgn*/
Line 324: Line 503:
 
  /*Basics*/
 
  /*Basics*/
 
   p {
 
   p {
−
       font-size: 15px;
+
       font-size: 13px;
 
       }
 
       }
  
−
ul {
+
.nus ul{
 
   font-size: 10px;
 
   font-size: 10px;
 
}
 
}
  
−
ol {
+
.nus ol {
 +
  font-size: 10px;
 +
}
 +
 
 +
ol.nus {
 +
  font-size: 10px;
 +
}
 +
 
 +
ul.nus {
 +
  font-size: 10px;
 +
}
 +
 
 +
.nus {
 
   font-size: 10px;
 
   font-size: 10px;
 
}
 
}
  
 
h1 {  
 
h1 {  
−
   font-size: 25px;  
+
   font-size: 28px;  
 
  }
 
  }
  
 
h2 {  
 
h2 {  
−
   font-size: 18px;  
+
   font-size: 20px;  
 
}
 
}
  
 
h3 {  
 
h3 {  
 
   font-size: 15px;  
 
   font-size: 15px;  
 +
}
 +
 +
#imgdescription {
 +
        font-size:8px;
 
}
 
}
  
Line 373: Line 568:
  
 
   .dropdown-content {
 
   .dropdown-content {
−
     min-width: 20px;
+
     min-width: 10px;
 
     box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
 
     }
 
     }
Line 380: Line 575:
 
     padding: 8px;
 
     padding: 8px;
 
   }
 
   }
 +
 +
.social-icon img {
 +
    width:25%;
 +
    display:block;
 +
    padding:5px;
 +
    position:relative;
 +
    float:left;
 +
  }
 +
 +
  #Ref {
 +
font-size:8px;
 +
  }
 +
 +
/******************  image description subline  ****************/
 +
#imgdescription {
 +
        font-size:8px;
 +
        width:80%;
 +
        padding-left:10%;
 +
        padding-right:10%;
 +
        font-style:oblique;
 +
        text-align:center;
 +
}
 +
 +
/************************************************** Back to top button style **************************************************/
 +
#BacktoTopBtn {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 3px;
 +
  right: 5px;
 +
  z-index: 99;
 +
  border: none;
 +
  outline: none;
 +
  background-color: #F5B041;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 5px;
 +
  border-radius: 20px;
 +
}
 +
 +
#BacktoTopBtn:hover {
 +
  background-color: #2980B9;
 +
}
  
 
}
 
}
Line 396: Line 633:
 
<div class="topmenu-container">
 
<div class="topmenu-container">
  
−
  <div class="dropdown">
+
<div class="dropdown">
−
      <button class="dropbtn">Human Practice</button>
+
     <button class="dropbtn">Awards Check </button>
−
      <div class="dropdown-content">
+
−
        <a href="https://2017.igem.org/Team:NUS_Singapore/HP/Silver">Silver Up</a>
+
−
        <a href="https://2017.igem.org/Team:NUS_Singapore/HP/Gold_Integrated">Integrated</a>
+
−
        <a href="https://2017.igem.org/Team:NUS_Singapore/Engagement">Public Engagement</a>
+
−
    </div>
+
−
  </div>
+
−
 
+
−
  <div class="dropdown">
+
−
     <button class="dropbtn">Awards</button>
+
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Measurement">Measurement</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Measurement">Measurement</a>
−
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model" >Model</a>
+
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model">Modelling</a>
−
      <a href="https://2017.igem.org/Team:NUS_Singapore/Characterisation">Characterisation</a>
+
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Medal Check List">Medal Check List</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Medal Check List">Medal Check List</a>
 
     </div>
 
     </div>
Line 416: Line 643:
  
 
   <div class="dropdown">
 
   <div class="dropdown">
 +
      <button class="dropbtn">Team</button>
 +
      <div class="dropdown-content">
 +
        <a href="https://2017.igem.org/Team:NUS_Singapore/Team">Team Member</a>
 +
        <a href="https://2017.igem.org/Team:NUS_Singapore/Attributions">Attributions</a>
 +
      </div>
 +
  </div>
 +
 +
<div class="dropdown">
 
     <button class="dropbtn">Collaboration</button>
 
     <button class="dropbtn">Collaboration</button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Collaborations">Collaboration</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Collaborations">Collaboration</a>
−
      <a href="https://2017.igem.org/Team:NUS_Singapore/Meeting">Meeting</a>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
 
   <div class="dropdown">
 
   <div class="dropdown">
−
       <a href="https://2017.igem.org/Team:NUS_Singapore/Team">Team</a>
+
       <button class="dropbtn">Human Practice</button>
 +
      <div class="dropdown-content">
 +
        <a href="https://2017.igem.org/Team:NUS_Singapore/HP/Silver">Silver Up</a>
 +
        <a href="https://2017.igem.org/Team:NUS_Singapore/HP/Gold_Integrated">Gold Integrated</a>
 +
    </div>
 
   </div>
 
   </div>
  
Line 430: Line 668:
 
     <button class="dropbtn">Modelling</button>
 
     <button class="dropbtn">Modelling</button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model">Modelling 1</a>
+
       <a href="https://2017.igem.org/Team:NUS_Singapore/Overview">Overview</a>
−
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model">Modelling 2</a>
+
       <a href="https://2017.igem.org/Team:NUS_Singapore/Methodology">Methodology</a>
−
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model">Modelling 3</a>
+
       <a href="https://2017.igem.org/Team:NUS_Singapore/Model_P">Kill Switch for Probiotics</a>
 +
      <a href="https://2017.igem.org/Team:NUS_Singapore/Model_B">Kill Switch for BeeT</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 445: Line 684:
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Notebook">Documentation</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Notebook">Documentation</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Improvement">Improvement</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Improvement">Improvement</a>
 +
      <a href="https://2017.igem.org/Team:NUS_Singapore/Demonstrate">Demonstrate</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Safety">Safety</a>
 
       <a href="https://2017.igem.org/Team:NUS_Singapore/Safety">Safety</a>
 +
      <a href="https://2017.igem.org/Team:NUS_Singapore/Future Work">Future Works</a>
 
      
 
      
 
     </div>
 
     </div>

Latest revision as of 16:54, 1 November 2017

Measurement Modelling Medal Check List
Team Member Attributions
Collaboration
Silver Up Gold Integrated
Overview Methodology Kill Switch for Probiotics Kill Switch for BeeT
Description Interlab Study Parts Experiment Documentation Improvement Demonstrate Safety Future Works
Home