Difference between revisions of "Template:NUS Singapore"

 
(79 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: 25px;  
+
   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%;
 +
  }
 +
 
 +
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%;
 +
  }
  
−
ul {
+
.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 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 400: Line 637:
 
     <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 410: Line 646:
 
       <div class="dropdown-content">
 
       <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/Team">Team Member</a>
−
         <a href=" https://2017.igem.org/Team:NUS_Singapore/Attributions">Attributions</a>
+
         <a href="https://2017.igem.org/Team:NUS_Singapore/Attributions">Attributions</a>
 
       </div>
 
       </div>
 
   </div>
 
   </div>
Line 418: Line 654:
 
     <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>
Line 426: Line 661:
 
       <div class="dropdown-content">
 
       <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/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/HP/Gold_Integrated">Gold Integrated</a>
−
        <a href="https://2017.igem.org/Team:NUS_Singapore/Engagement">Public Engagement</a>
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 434: 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 449: 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