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

 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
    <link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css">
 +
 
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickthemecss190&action=raw&ctype=text/css" rel="stylesheet">
 
   <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script>
−
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
+
  <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 
     <style>
 
     <style>
 
     #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 
     #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
Line 37: Line 40:
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;  
 
         height: 100%;  
−
         background-color: transparent;
+
         background-color: transparent;
 
     }
 
     }
−
li { list-style: none; }
 
−
#menu a { text-decoration: none; }
 
−
#menu a:link, a:visited, a:active { color: white;  }
 
−
#menu a:hover { color: #c1d9ff; }
 
  
−
table { margin: 0 auto; }
+
 
−
td { text-align: center }
+
#logo {
 +
float: left;
 +
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#logo img { width:150px;} /*???*/
  
 
#content{
 
#content{
−
margin: 0px;
+
    margin-top: -22px;
−
padding: 0px;
+
    padding: 0px;
−
background-color: #E6E6F2;
+
    background-color: #E6E6F2;
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;
 
         height: 100%;
Line 56: Line 61:
 
}
 
}
  
−
#header, #footer {
+
#header {
−
background: linear-gradient(to right, #005AB5, #007500);
+
    background: linear-gradient(to right, #005AB5, #007500);
−
background: -webkit-linear-gradient(to right, #005AB5, #007500);
+
    background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
background: -moz-linear-gradient(to right, #005AB5, #007500);
+
    background: -moz-linear-gradient(to right, #005AB5, #007500);
−
background: -o-linear-gradient(to right, #005AB5, #007500);
+
    background: -o-linear-gradient(to right, #005AB5, #007500);
−
float: left;
+
    float: left;
−
width: 100%;
+
    width: 100%;
−
padding: 1% 0%;
+
    padding: 2% 0%;
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 
}
 
}
  
−
#logo {
+
#footer {
−
float: left;
+
    background: linear-gradient(to right, #005AB5, #007500);
−
position: relative;
+
    background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
margin-left:1%;
+
    background: -moz-linear-gradient(to right, #005AB5, #007500);
−
display: block !important;
+
    background: -o-linear-gradient(to right, #005AB5, #007500);
 +
    float: left;
 +
    width: 100%;
 +
    padding: 7px 0;
 +
        margin: 0 0px !important;
 
}
 
}
−
#logo img {  width:150px;} /*???*/
 
−
 
 
#menu a { text-decoration: none; }
 
#menu a { text-decoration: none; }
−
#menu a:link, a:visited, a:active { color: white; }
+
#menu a:link,#menu a:visited,#menu a:active { color: white; }
 
#menu a:hover { color: #c1d9ff; }
 
#menu a:hover { color: #c1d9ff; }
 
#menu {
 
#menu {
Line 105: Line 112:
  
  
−
 
−
#footer { height: 180px;  color: white; }
 
 
#sponsors {
 
#sponsors {
−
text-align: center;
+
    text-align: center;
−
float: left;
+
    float: left;
−
margin-left: 15px;
+
    margin-left: 15px;
−
margin-top: 2px;
+
    margin-top: 2px;
−
}
+
−
#address {
+
−
text-align: center;
+
−
float: right;
+
−
margin-right: 20px;
+
−
margin-left: 30px;
+
−
margin-top: 2px;
+
 
}
 
}
 
#contact {
 
#contact {
−
text-align: center;
+
    text-align: center;
−
float: right;
+
    float: right;
−
position: relative;
+
    position: relative;
−
margin-right: 30px;
+
    margin-right: 30px;
−
margin-top: 2px;
+
    margin-top: 15px;
 
}
 
}
  
 +
#contact a { text-decoration: none; }
 +
#contact a:link,#contact a:visited,#contact a:active { color: white; }
 +
#contact a:hover { color: #c1d9ff; }
  
  
Line 136: Line 137:
 
overflow: hidden;
 
overflow: hidden;
 
background-color:white !important;}
 
background-color:white !important;}
−
 
 
#main-title {
 
#main-title {
−
font-size: 45px;
+
    font-size: 45px;
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
font-family: sans-serif;  
+
    font-family: sans-serif;  
−
text-align: center;
+
    text-align: center;
−
font-weight: lighter;
+
    font-weight: lighter;
−
margin: 0;
+
    margin: 0;
−
padding: 30px 0px 0px 0px;
+
    padding: 30px 0px 0px 0px;
−
margin: 0px 67px 0px 65px;
+
    margin: 0px 67px 0px 65px;
 
}
 
}
 
.sublinks { text-align: center; }
 
.sublinks { text-align: center; }
 
.sublinks h2 {
 
.sublinks h2 {
−
display: inline-block;
+
    display: inline-block;
−
margin: 20px 40px;
+
    margin: 20px 40px;
 
}
 
}
−
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #8298ec;  font-family: sans-serif;  font-weight: lighter; }
+
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 
.sub-title {
 
.sub-title {
−
font-family: sans-serif;
+
    font-family: sans-serif;
−
color: white;
+
    color: white;
−
text-align: center;
+
    text-align: center;
 
}
 
}
 
.conteudo {
 
.conteudo {
−
margin: 0 auto;
+
    width:100%;
−
max-width: 1800px;
+
    max-width: 1800px;
−
background-color: white;
+
    background-color: white;
 
     line-height: 1.5;
 
     line-height: 1.5;
 
     clear: both;
 
     clear: both;
 +
    padding: 0px 100px 10px 100px;
 
}
 
}
 
.p-top {
 
.p-top {
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
text-align: center;
+
    text-align: center;
−
margin-top: 5px;
+
    margin-top: 5px;
−
font: 25px sans-serif;
+
    font: 25px sans-serif;
−
transform: translateY(80%);
+
    transform: translateY(80%);
 
}
 
}
  
Line 179: Line 180:
  
  
−
p {
+
p.partone {
 
     text-align: justify;
 
     text-align: justify;
 
     text-justify: inter-word;
 
     text-justify: inter-word;
−
    font-family: 'Calibri', sans-serif;
+
 
 
}
 
}
 
p {
 
p {
Line 200: Line 201:
  
 
h4{
 
h4{
−
display: inline-block;
+
    display: inline-block;
−
display:-webkit-inline-block; /* Safari, Chrome, and Opera */
+
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
     display: -moz-inline-block;/* Firefox */
 
     display: -moz-inline-block;/* Firefox */
 
     display: -o-inline-block;
 
     display: -o-inline-block;
 +
    width: 700px;
 
}
 
}
 +
h1{
 +
  margin-bottom:0px !important;
 +
}
 +
*{margin: 0;padding: 0;}
 +
         
 +
  #box div{
 +
    position: relative;
 +
    display: block;
 +
    width: 600px;
 +
    height: 500px;
 +
    margin: 0 auto;
 +
  }
 +
  #box img{
 +
    width: 600px;
 +
    height: 500px;
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
  text-align: center;
  
−
@media screen and (max-width: 600px) {
+
  }
−
         
+
−
      }
+
  
 +
ul li{
 +
  list-style: none;
 +
}
 +
ol li{​
 +
 +
        list-style-type:decimal;
 +
 +
        list-style-position:inside ;
 +
 +
        font-size: 15px;
 +
 +
}
 +
ol{
 +
  padding-left: 10px ;
 +
  padding-bottom: 40px;
 +
}
 +
 +
.parttwo a{
 +
  display: block;
 +
  text-align: center !important;
 +
}
 
#header{
 
#header{
 
  width: 100%;
 
  width: 100%;
Line 218: Line 257:
 
clear:both;
 
clear:both;
 
z-index: 3;
 
z-index: 3;
 +
 
}
 
}
 
#footer{
 
#footer{
 
     width: 100%;
 
     width: 100%;
−
     height:200px;  /* footer的高度一定要是固定值*/  
+
     height:100px;  /* footer的高度一定要是固定值*/  
 
     position:absolute;
 
     position:absolute;
 
     bottom:0px;
 
     bottom:0px;
Line 230: Line 270:
 
   clear:both;
 
   clear:both;
 
   overflow: hidden;
 
   overflow: hidden;
−
   padding-bottom: 180px;
+
   padding-top: 80px;
−
   padding-top: 95px;
+
   padding-bottom: 100px;
 
   /*保证footer是相对于container位置绝对定位*/
 
   /*保证footer是相对于container位置绝对定位*/
−
     position:relative;
+
     position:relative;  
 +
    margin-bottom: -123px;
 
     width:100%;
 
     width:100%;
 
     min-height:100%;  
 
     min-height:100%;  
Line 242: Line 283:
 
}
 
}
  
−
.paragraphs{  
+
table.pgrouptable {
−
  padding: 0 200px 0 200px;  
+
font-family: arial;
−
  font-family: sans-serif;  
+
background-color: #F0F0F0;
−
  text-align: center;
+
color: #000;
 +
font-size: 11px;
 +
line-height: 11px;
 +
width: 100%;
 +
text-align:left;
 +
border: 2px solid #222;
 +
border-collapse: collapse;
 +
border-spacing:
 
}
 
}
−
.paragraphs img{
+
table.pgrouptable thead th {
−
  position: relative;
+
border: 1px solid rgb(61,61,61);
−
  display: inline-block;
+
padding: 3px 5px 3px 3px;
−
  margin: 10 auto;
+
background-color: #CCC;
 +
text-align: left;
 
}
 
}
−
 
+
table.pgrouptable td {
−
.paragraphs a:visited { color:#5a3428;text-decoration: none;}
+
border: 1px solid rgb(61,61,61);
−
.paragraphs a:hover { color:#80ddbf;text-decoration: none;}
+
background-color: #F0F0F0;
−
p.reference{
+
color: #000;
−
  font-size: 15px !important;
+
padding: 3px;
 +
font-size: 11px;
 +
line-height: 12px;
 
}
 
}
−
#tiao{
+
</style>   
−
margin:0 150px;
+
</head>
−
font-size: 20px !important
+
−
}
+
−
</style>
+
  
−
 
−
   
 
−
</head>
 
 
<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 289: Line 333:
 
                 <ul>
 
                 <ul>
 
                     <!--links-->
 
                     <!--links-->
−
                     <li><a href="#">Protocols</a></li>
+
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Experiments">Protocols</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li>
Line 331: Line 375:
 
                 </li>
 
                 </li>
 
         </ul>
 
         </ul>
−
  </div>
+
</div>
 
</div>
 
</div>
  
 +
<div id="section">
 +
<div class="conteudo"><br>
 +
<h1 id="main-title">Parts</h1><br>
  
−
  <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_K2627001">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_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>RNA</td>
 +
  <td> crRNA targeting GltA</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>Composite</td>
 +
  <td> crRNA targeting GltA</td>
 +
  <td>Zhaoqin Zhang</td>
 +
  <td>477</td>
 +
</tr>
 +
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627006">BBa_K2627006</a></td>
 +
  <td>Composite</td>
 +
  <td> paraBAD-crRNA targeting gltA</td>
 +
  <td>Jiao Jin</td>
 +
  <td>458</td>
 +
</tr>
 +
<tr>
 +
  <td><a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2627007">BBa_K2627007</a></td>
 +
  <td>Composite</td>
 +
  <td>Light-induced crRNA targeting gltA</td>
 +
  <td>Jiao Jin</td>
 +
  <td>401</td>
 +
</tr>
 +
 +
</table>
 +
<br><br>
 +
 +
</div>
 +
</div>
  
 
<div id="footer">
 
<div id="footer">
−
  <div id="sponsors">
+
    <div id="sponsors">
−
    <h2>SPONSORS</h2>
+
        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
−
    <!--LOGO LINK-->
+
        <map name="Map-Sponsors" class="Map-Sponsors">
−
    <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
+
            <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
−
    <map name="Map-Sponsors" class="Map-Sponsors">
+
            <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
−
      <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
+
            <area title="KLAB" href="http://www.mbtech.sdu.edu.cn/" shape="rect" coords="440,0,715,60" />
−
      <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
+
        </map>
−
    </map>
+
     </div>
−
  </div>
+
     <div id="contact">
−
  <div id="address">
+
        <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div>
−
    <h2>ADDRESS</h2>
+
        <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div>
−
    <p>Shandong University</p>
+
    </div>
−
     <p>School of Life Sciences</p>
+
−
     <p>Qingdao, Shandong, China</p>
+
−
  </div>
+
−
  <div id="contact">
+
−
  <h2>CONTACT US</h2>
+
−
  <!--LOGO LINK-->
+
−
    <img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
+
−
    <map name="Map-Contact" id="Map-Contanct">
+
−
      <area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
+
−
      <area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
+
−
    </map>
+
−
  </div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:40, 17 October 2018


Parts


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_K2627002 Coding Advanced CcaS with PAS domain knocked out Zhaoqin Zhang 1389
BBa_K2627003 RNA crRNA targeting GltA Zhaoqin Zhang 162
BBa_K2627004 Composite crRNA targeting GltA Zhaoqin Zhang 477
BBa_K2627006 Composite paraBAD-crRNA targeting gltA Jiao Jin 458
BBa_K2627007 Composite Light-induced crRNA targeting gltA Jiao Jin 401