Difference between revisions of "Team:SDU-CHINA/Description"

Line 57: Line 57:
 
padding: 1% 0%;
 
padding: 1% 0%;
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 +
     
 
}
 
}
 
.sub-title{
 
.sub-title{
Line 68: Line 69:
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 
         transform: translateY(80%);
 
         transform: translateY(80%);
 +
        text-align: center;
 +
        font: 25px sans-serif;
 +
        color:white;
 
}
 
}
  
Line 77: Line 81:
 
padding: 0% 0%;
 
padding: 0% 0%;
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 +
        position:relative;
 
}
 
}
  
Line 87: Line 92:
 
#menu {
 
#menu {
 
float: right;
 
float: right;
position: relative;
+
position:relative;
 
transform: translateY(-10%);
 
transform: translateY(-10%);
 
margin-right: 1%;
 
margin-right: 1%;
 
display: block !important;
 
display: block !important;
 +
        z-index:1
 
}
 
}
 +
#menu ul{position:relative; z-index:9999;}
 
#menu li {
 
#menu li {
 
float: left;
 
float: left;
Line 136: Line 143:
 
color: #4b5ea4;
 
color: #4b5ea4;
 
         font-size:3em;
 
         font-size:3em;
font-family: sans-serif;
+
font-family: sans-serif;
text-align: center;
+
 
         transform: translateY(60%);
 
         transform: translateY(60%);
 
/*margin: 0px 0px 0px 0px;
 
/*margin: 0px 0px 0px 0px;
 
padding: 0px 0px 0px 0px;*/
 
padding: 0px 0px 0px 0px;*/
 
}
 
}
 +
 +
#main-titile-text { text-align: center; }
 
.sublinks { text-align: center; }
 
.sublinks { text-align: center; }
 
.sublinks h2 {
 
.sublinks h2 {
Line 241: Line 249:
  
 
<div id="section">
 
<div id="section">
     <div class="conteudo">
+
     <div class="main-title">Description</div>
     <div class="paragraghs">
+
 
    <h2>PHB is an environmental-friendly biomaterial.</h2>
+
     <div class="sub-title">Light Senser</div>
    <h2>Light is an ideal switch.<br></h2>
+
    <div class="conteudo">
    <h2>If we bind these two together…</h2>
+
    <div class="paragraghs">
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
+
    <h3>CCAS-CCAR System</h3>
    </div>
+
    <h3>Opto T7 Polymerase</h3>
     </div>
+
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="sub-title">Toggle Switch</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 +
      
 +
    <div class="sub-title">Fermentation</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 
</div>
 
</div>
  

Revision as of 10:21, 3 October 2018

Description
Light Senser

CCAS-CCAR System

Opto T7 Polymerase

Toggle Switch
Fermentation