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

Line 16: Line 16:
 
         display: none;
 
         display: none;
 
     }
 
     }
−
      #top_title{margin-bottom:0px !important;}
+
 
 
     #top-section {   
 
     #top-section {   
 
         border: 0 none;
 
         border: 0 none;
Line 51: Line 51:
 
}
 
}
 
#logo img {  width:150px;} /*???*/
 
#logo img {  width:150px;} /*???*/
−
table { margin: 0 auto; }
+
table.pgrouptable {
−
td { text-align: center }
+
font-family: arial;
−
 
+
background-color: #F0F0F0;
 +
color: #000;
 +
font-size:  11px;
 +
line-height: 11px;
 +
width: 100%;
 +
text-align:left;
 +
border: 2px solid #222;
 +
border-collapse: collapse;
 +
border-spacing:
 +
}
 +
table.pgrouptable thead th {
 +
border: 1px solid rgb(61,61,61);
 +
padding: 3px 5px 3px 3px;
 +
background-color: #CCC;
 +
text-align: left;
 +
}
 +
table.pgrouptable td {
 +
border: 1px solid rgb(61,61,61);
 +
background-color: #F0F0F0;
 +
color: #000;
 +
padding: 3px;
 +
font-size: 11px;
 +
line-height: 12px;
 +
}
 
#content{
 
#content{
−
     margin-top: 0px;
+
     margin-top: -22px;
 
     padding: 0px;
 
     padding: 0px;
 
     background-color: #E6E6F2;
 
     background-color: #E6E6F2;
Line 61: Line 84:
 
         height: 100%;
 
         height: 100%;
 
         border: 0px;
 
         border: 0px;
−
        position: absolute;
 
−
        top:18px;
 
 
}
 
}
  
Line 164: Line 185:
 
     line-height: 1.5;
 
     line-height: 1.5;
 
     clear: both;
 
     clear: both;
−
     padding: 0px 200px 10px 200px;
+
     padding: 0px 100px 10px 100px;
 
}
 
}
 
.p-top {
 
.p-top {
Line 251: Line 272:
 
#header{
 
#header{
 
  width: 100%;
 
  width: 100%;
−
     height:80px;  /* header的高度一定要是固定值*/  
+
     height:95px;  /* header的高度一定要是固定值*/  
 
     position:fixed;
 
     position:fixed;
−
     top:17px;
+
     top:0px;
 
     left:0px;
 
     left:0px;
 
clear:both;
 
clear:both;
Line 261: Line 282:
 
#footer{
 
#footer{
 
     width: 100%;
 
     width: 100%;
−
     height:100px;  /* footer的高度一定要是固定值*/  
+
     height:180px;  /* footer的高度一定要是固定值*/  
 
     position:absolute;
 
     position:absolute;
 
     bottom:0px;
 
     bottom:0px;
Line 267: Line 288:
 
     color: white;
 
     color: white;
 
}
 
}
−
 
 
.body{
 
.body{
 
   clear:both;
 
   clear:both;
 
   overflow: hidden;
 
   overflow: hidden;
−
   padding-top: 80px;
+
   padding-top: 95px;
−
   padding-bottom: 100px;
+
   padding-bottom: 180px;
 
   /*保证footer是相对于container位置绝对定位*/
 
   /*保证footer是相对于container位置绝对定位*/
 
     position:relative;   
 
     position:relative;   
Line 281: Line 301:
 
-moz-box-sizing:border-box; /* Firefox */
 
-moz-box-sizing:border-box; /* Firefox */
 
-webkit-box-sizing:border-box; /* Safari */
 
-webkit-box-sizing:border-box; /* Safari */
 +
}
 +
 +
 +
.bio1, .bio2 {
 +
    width: 80%;
 +
    margin: 0 auto 40px auto;
 +
}
 +
.bio1{
 +
float: left;
 +
}
 +
.bio2{
 +
float: right;
 +
}
 +
.biotext{
 +
width: 55%;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
}
 +
.biopic{
 +
border: none;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
    padding-right: 5%;
 +
    vertical-align: top;
 +
    width: 450px;
 +
    height: 320px;
 +
}
 +
.name {
 +
    border-bottom: 1px solid #606060;
 +
    margin: 0 0 10px 0;
 +
    font-weight: bold;
 +
    font-size: 40px !important;
 +
}
 +
.faculty {
 +
    font-size: 24px !important;
 +
    padding: 0 15px;
 +
    margin: 0 0 20px 0;
 +
    font-weight: bold;
 +
}
 +
.introduction {
 +
    font-size: 20px !important;
 +
    font-family: serif, 'Times New Roman';
 +
    margin: 0.5px;
 +
}
 +
 +
            #box{width: 800px;height: 150px;margin: 100px auto;position: relative;background: gray;overflow: hidden;}
 +
            #box ul{position: absolute;left: 21px;top: 17px;}
 +
            #box ul li{float: left;width: 190px;height: 150px;list-style: none;}
 +
 +
div.biopic{
 +
overflow: hidden;
 +
width: 320px;
 +
height: 320px;
 +
border-radius: 160px;
 +
margin: auto;
 +
}
 +
.bio1 .biopic img{
 +
margin-left: -70px ;
 +
}
 +
.conteudo div:nth-of-type(5) div:first-of-type img{
 +
margin-left: -150px !important;
 +
}
 +
.conteudo div:nth-of-type(6) div:last-of-type img{
 +
margin-left: -20px !important;
 +
}
 +
.conteudo div:nth-of-type(2) div:last-of-type img, .conteudo div:nth-of-type(4) div:last-of-type img{
 +
margin-left: -70px !important;
 
}
 
}
  
Line 287: Line 378:
  
 
<body>
 
<body>
−
 
 
<div class="body">
 
<div class="body">
−
  <div id="header">
+
<div id="header">
−
  <!--LOGO LINK--->
+
<!--LOGO LINK--->
−
  <div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
+
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
−
  <div id="menu">
+
<div id="menu">
−
    <ul>
+
<ul>
 
             <li>
 
             <li>
 
                 <a href="#">PROJECT &#9662;</a>
 
                 <a href="#">PROJECT &#9662;</a>
Line 350: Line 440:
 
                 </li>
 
                 </li>
 
         </ul>
 
         </ul>
−
  </div>
+
</div>
 
</div>
 
</div>
  
 +
<div id="section">
 +
<div class="conteudo">
 +
<h1 id="main-title">Team</h1>
  
−
  <div class="conteudo">
+
<table class="pgrouptable">
−
    <h1 id="main-title">Parts</h1>
+
  <tr>
−
 
+
  <th>Name</th>
−
<div class="paragraphs">
+
  <th>Type</th>
−
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM18', g:'SDU-CHINA' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
+
  <th>Description</th>
−
<p>
+
  <th>Designer</th>
−
</div>
+
  <th>Length</th>
−
</div>
+
 
−
</div>
+
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627000">BBa_K2627000</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>1407</td>
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627000">BBa_K2627001</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>1410</td>       
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627001">BBa_K2627000</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>1407</td>
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627002"> BBa_K2627002</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>1389</td>
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627003">BBa_K2627003</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>162</td>
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627004">BBa_K2627004</a></td>
 +
  <td>Coding</td>
 +
  <td> Advanced CcaS with PAS domain knocked out</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>477</td>
 +
</tr>
  
 +
</table>
 +
 +
</div>
 +
</div>
  
 
<div id="footer">
 
<div id="footer">
Line 380: Line 519:
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:37, 11 October 2018

Team

Name Type Description Designer Length
BBa_K2627000 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 1407
BBa_K2627001 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 1410
BBa_K2627000 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 1407
BBa_K2627002 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 1389
BBa_K2627003 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 162
BBa_K2627004 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 477