Difference between revisions of "Team:UMaryland/Basic Part"

 
(23 intermediate revisions by 2 users not shown)
Line 12: Line 12:
  
 
<style type="text/css">
 
<style type="text/css">
 +
 +
#layer1 {
 +
overflow:hidden;
 +
position:relative;
 +
top:0px;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color: #89e1ff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 +
}
 +
#layer2 {
 +
overflow:hidden;
 +
position:relative;
 +
top:0px;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#ffffff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 +
}
 +
 +
#contentbox{
 +
width: 80%;
 +
max-width: 1900px;
 +
min-width: 1000px;
 +
text-align: justify;
 +
margin:auto;
 +
}
 +
#cover {
 +
overflow:hidden;
 +
position:relative;
 +
width:100%;
 +
margin:auto;
 +
padding:0px;
 +
background-image: url("https://static.igem.org/mediawiki/2015/5/52/Okdna.png");
 +
background-size: 100% ;
 +
background-repeat: no-repeat;
 +
width:100%;
 +
height:400px;
 +
color: #0DFF00;
 +
font-family: Tahoma, Geneva, sans-serif;
 +
font-size:xx-large;
 +
top:-220px;
 +
}
 +
#bar{
 +
display: inline-block;
 +
opacity:1;
 +
background-color: #89e1ff;
 +
color:black;
 +
border-top:4px solid black;
 +
border-bottom:4px solid black;
 +
width:100%;
 +
text-align:center;
 +
height:350px;
 +
top:-220px;
 +
position:relative;
 +
}
 +
 +
#buttonset {
 +
text-align:center;
 +
position:relative;
 +
}
 +
#button {
 +
overflow:hidden;
 +
display: inline-block;
 +
height:50px;
 +
width: 200px;
 +
background-color: rgba(255,255,255,.5);
 +
border: 2px solid black;
 +
border-radius: 10px;
 +
margin: 10px;
 +
padding:10px;
 +
font-size:medium;
 +
color:black;
 +
text-align: center;
 +
}
  
 
#partcontainer {
 
#partcontainer {
 
overflow:hidden;
 
overflow:hidden;
−
background-color:#66FF00;
+
background-color:#A9F5BC;
 
width:1000px;
 
width:1000px;
 
margin:auto;
 
margin:auto;
 +
border:5px solid black;
 +
border-radius:20px;
 
}
 
}
  
Line 38: Line 121:
 
float:left;
 
float:left;
 
margin:10px;
 
margin:10px;
 +
border-radius:10px;
 
}
 
}
  
Line 43: Line 127:
 
float:right;
 
float:right;
 
margin:10px;
 
margin:10px;
−
border: 2px solid black;
+
border: 4px solid black;
 +
border-radius:10px;
 
}
 
}
  
 
</style>
 
</style>
  
−
<br>
+
<div id='cover'>
−
<br>
+
</div>
−
<br>
+
 
−
<br>
+
<div id='bar'>
−
<br>
+
<p style="font-size:48px"><b>Basic Parts</b></style>
−
<br>
+
<p style="font-size:24px">This page contains just the basic parts we made. Click below to see all our parts.
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
−
<br>
+
  
−
<div id='partcontainer'>
+
<div id='buttonset'>
−
<div id='partname'>
+
<a href="https://2015.igem.org/Team:UMaryland/Part_Collection">
−
<h2>Miraculin Generator</h2>
+
<div id='button'>
 +
<p> All Parts
 
</div>
 
</div>
−
<div id='partdescription'>
+
</a>
−
Makes miraculin when induced with arabinose. Miraculin is a drug that interacts with acids, causing them to mimic the gustatory properties of sugars.
+
<p style="font-size:18px">A basic part is a biobrick that is not made of any other biobricks.
 
</div>
 
</div>
−
<div id='partimage'>
 
−
<img src="https://static.igem.org/mediawiki/2015/5/51/000.jpg" height="337" width="457">
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<br>
+
</div>
−
<br>
+
 
−
<br>
+
<div id='layer2'>
 +
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
−
<h2>Hok/Sok coding sequence</h2>
+
<h2>Hok/Sok Type I Toxin-Antitoxin Cassette</h2>
 
</div>
 
</div>
 
<div id='partdescription'>
 
<div id='partdescription'>
−
Codes for the Hok/Sok toxin system. This system naturally evolved in bacteria, possibly through a selfish gene paragiagm, and is used to keep plasmids.
+
<p style = "font-size:18px">Codes for the Hok-Sok Type I toxin-antitoxin system. This system naturally evolved in bacteria as a method to maintain plasmids. Hok-Sok is noted for its presence on the R1 plasmid, which contains genes that confer antibiotic resistance. Hok-Sok is believed to be used to maintain these plasmids in the absence of antibiotic.</p>
 
</div>
 
</div>
 
<div id='partimage'>
 
<div id='partimage'>
−
<img src="https://static.igem.org/mediawiki/2015/a/a0/001.jpg" height="337" width="457">
+
<a href = "http://parts.igem.org/Part:BBa_K1783001"><img src="https://static.igem.org/mediawiki/2015/a/a0/001.jpg" height="337" width="457"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<br>
 
<br>
 
<br>
 
<br>
−
<br>
+
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
−
<h2>Unstable RFP</h2>
+
<h2>Epsilon Cyclase</h2>
 
</div>
 
</div>
 
<div id='partdescription'>
 
<div id='partdescription'>
−
Complete with a constitutive promotor, this fluorescent protein is expressed continuously throughout the cell. The half life of the protein is about 1 hour, as proteases have a high affinity for it.
+
<p style = "font-size:18px">Epsilon cyclase from the <i>A. thaliana</i> genome is capable of converting lycopene to gamma-carotene. A transport tag for the chloroplast at the N-terminus has been removed and the coding sequence has been codon-optimized for <i>E. coli</i>.</p>
 
</div>
 
</div>
 
<div id='partimage'>
 
<div id='partimage'>
−
<img src="https://static.igem.org/mediawiki/2015/1/11/002.jpg" height="337" width="457">
+
<a href = "http://parts.igem.org/Part:BBa_K1783004"><img src="https://static.igem.org/mediawiki/2015/thumb/2/20/K1783004.png/800px-K1783004.png" height="337" width="457"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<br>
 
<br>
 
<br>
 
<br>
−
<br>
+
 
 
<div id='partcontainer'>
 
<div id='partcontainer'>
 
<div id='partname'>
 
<div id='partname'>
−
<h2>Hok/Sok and RFP</h2>
+
<h2>Epsilon Hydroxylase</h2>
 
</div>
 
</div>
 
<div id='partdescription'>
 
<div id='partdescription'>
−
Combination of parts K_001 and K_002. This part allows the quantitative testing of
+
<p style = "font-size:18px">Epsilon cyclase from the <i>A. thaliana</i> genome is capable of converting alpha-carotene to alpha-cryptoxanthin. A transport tag for the chloroplast at the N-terminus has been removed and the coding sequence has been codon-optimized for <i>E. coli</i>.</p>
 
</div>
 
</div>
 
<div id='partimage'>
 
<div id='partimage'>
−
<img src="https://static.igem.org/mediawiki/2015/9/9c/003.jpg" height="337" width="457">
+
<a href = "http://parts.igem.org/Part:BBa_K1783005"><img src="https://static.igem.org/mediawiki/2015/thumb/0/0d/K1783005.png/800px-K1783005.png" height="337" width="457"></a>
 
</div>
 
</div>
 
</div>
 
</div>
−
<br>
 
 
<br>
 
<br>
 
<br>
 
<br>
−
 
  
  
Line 124: Line 201:
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
 
−
<!--
 
−
 
−
<div id='swagcontent'>
 
−
 
−
<h2> Basic Parts</h2>
 
−
 
−
<style type="text/css">
 
−
 
−
html, body {
 
−
    background-color: #FFFFFF;
 
−
    margin: auto;
 
−
    height: 100%;
 
−
    overflow: auto;
 
−
}
 
−
 
−
.part-container{
 
−
  padding-top: 2em;
 
−
  background-color: #4b4040;
 
−
}
 
−
 
−
.part-container .part-example{
 
−
  padding-top: 15%;
 
−
  padding-bottom: 15em;
 
−
  padding-left: 15%;
 
−
  padding-right: 85%;
 
−
  position: relative;
 
−
  opacity: 1;
 
−
  filter: alpha(opacity=60);
 
−
  background-color: #4b4040;
 
−
}
 
−
 
−
.part-container .part-example .name{
 
−
 
 
−
  font-size: 25px;
 
−
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 
−
  position: absolute;
 
−
  top: 5%;
 
−
  left: 7%;
 
−
  color: #e0dfdc;
 
−
 
−
}
 
−
 
−
.part-container .part-example .catalog{
 
−
  font-size: 20px;
 
−
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
 
−
  position: absolute;
 
−
  top: 8%;
 
−
  left: 60%;
 
−
  color: #FFFFFF;
 
−
}
 
−
 
−
.part-container .part-example .desc{
 
−
  position:absolute;
 
−
  background: rgba(0,0,0,0.9);
 
−
  top: 8em;
 
−
  bottom: 1em;
 
−
  left: 45%;
 
−
  width: 50%;
 
−
  padding-left: 1em;
 
−
  padding-right: 1em;
 
−
}
 
−
 
−
.part-container .part-example #part-img{
 
−
  overflow: hidden;
 
−
}
 
−
 
−
.part-container .part-example > #part-img{
 
−
    width: 100%;
 
−
    max-height: 100%;
 
−
    display: block;
 
−
}
 
−
 
−
.part-container .part-example .desc h3{
 
−
  color: #009A90;
 
−
  font-family: Verdana; 
 
−
  font-size: 16px;
 
−
 
−
}
 
−
 
−
.part-container .part-example .desc h1{
 
−
  color: #009A90;
 
−
  font-family: Verdana; 
 
−
  font-size: 12px;
 
−
 
−
}
 
−
 
−
 
−
.part-container .part-example .desc p{
 
−
  color: #FFFFFF;
 
−
  font-family: Verdana;
 
−
  font-size: 10px;
 
−
}
 
−
 
−
</style>
 
−
 
−
<div class = "part-container">
 
−
 
−
  <div id = "Part 1">
 
−
  <div class = "part-example col-sm-6">
 
−
    <div class = "name"> <b> Basic 1 </b> </div>
 
−
      <div class = "catalog"> Basic 1 Catalog no </div>
 
−
 
−
      <div class = desc>
 
−
        <h3> Part 1 Gene
 
−
        </h3>
 
−
          <p>
 
−
          Part Notes
 
−
          </p>
 
−
      </div>
 
−
    </div>
 
−
    </div>
 
−
</div>
 
−
 
 
−
 
−
 
−
</div>
 
−
 
−
-->
 
−
 
  
 
</html>
 
</html>

Latest revision as of 01:16, 19 September 2015