Difference between revisions of "Team:British Columbia/Part Collection"

Line 21: Line 21:
  
  
<h1>Create 3 same-height columns</h1>
 
  
 +
<style type="text/css">
 +
.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #ebab3a;border-collapse: collapse;}
 +
.tftable th {font-size:12px;background-color:#e6983b;border-width: 1px;padding: 8px;border-style: solid;border-color: #ebab3a;text-align:left;}
 +
.tftable tr {background-color:#f0c169;}
 +
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #ebab3a;}
 +
.tftable tr:hover {background-color:#ffffff;}
 +
</style>
  
<h2>With the content you want and <code>display:table</code></h2>
+
<table class="tftable" border="1">
<div class="table">
+
<tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit quia, quam delectus sequi odio fugit pariatur architecto, deleniti exercitationem quae adipisci ipsum ullam officia ea!</div>
+
<tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td></tr>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur adipisci, quod voluptates, vel nostrum ea distinctio, a tempore voluptas reiciendis doloremque veniam, accusantium. Veritatis ipsum modi doloribus enim sint magnam, delectus dolorum, aperiam! Eaque dolor, veniam eum sunt dolorem nostrum. Dolores, corporis! Magnam, amet quas? Voluptates eaque quaerat quia inventore, earum eveniet hic alias rem atque neque ab, reprehenderit dolore culpa, blanditiis! Maiores enim rerum architecto voluptatibus cumque. Debitis accusamus ea aut incidunt voluptatibus quibusdam rem sint laboriosam qui sit odio expedita illum iste consectetur fugit eaque commodi pariatur, porro ex delectus officia ratione necessitatibus totam. Necessitatibus est autem et.</div>
+
</table>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque velit dolores ipsa maiores molestias minus iusto nulla consequatur saepe. Aspernatur nulla optio laborum ducimus dignissimos nisi itaque aliquam doloremque, iure qui. Corporis quas atque minus, eveniet delectus officiis dolor, neque, animi, deleniti adipisci esse! Ullam nesciunt, nemo fugit totam itaque.</div>
+
</div>
+
  
 
+
<p><small>Created with the <a href="http://www.textfixer.com/html/html-table-generator.php" target="_blank">HTML Table Generator</a></small></p>
<style>
+
 
+
 
+
/* TABLE solution */
+
.table {
+
  display: table;
+
  width: 100%;
+
  border-collapse: separate;
+
}
+
.table div {
+
  display: table-cell;
+
  width: 33.3333%;
+
  background: #FFF;
+
  border: 5px #F2F2F2 solid;
+
  padding: 20px;
+
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset;
+
}
+
 
+
 
+
 
+
 
+
</style>
+
  
  

Revision as of 01:06, 19 September 2015

UBC iGEM 2015

 

Part Collection

 

Our collection of parts contains genes required for modification of imidacloprid and degradation of 6-chloronicotinic acid (6-CNA). Final parts were assembled in pSB1C3 backbone harboring the chloramphenicol resistance gene and designed to have a LacI repressor, ribosome binding site, pTAC promoter, our degradation genes of interest, and double terminator.

The three composite parts each containing a cytochrome P450 (CYP) were designed to include an N-terminal pelB signal sequence to target expression to the periplasm and a cytochrome P450 reductase (CPR) for functionality of the CYP. The CPR was also made with it’s own designated rbs, promoter, pelB signal sequence, and terminator.

Composite parts with multiple degradation genes were designed so that each gene in the construct had a dedicated rbs, promoter, and double terminator.

Header 1Header 2Header 3
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3

Created with the HTML Table Generator