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

 
(27 intermediate revisions by 3 users not shown)
Line 10: Line 10:
  
 
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.-->
 
<!--Attention! If you are not part of the website team, you are NOT allowed to touch anything above this line without the express permission of Best Kohai.-->
−
 
−
<div id='swagcontent'>
 
−
 
−
<h2> Basic Parts</h2>
 
  
 
<style type="text/css">
 
<style type="text/css">
  
−
html, body {  
+
#layer1 {
−
    background-color: #FFFFFF;
+
overflow:hidden;
−
    margin: auto;
+
position:relative;
−
    height: 100%;
+
top:0px;
−
  overflow: auto;
+
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color: #89e1ff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 
}
 
}
−
 
+
#layer2 {
−
.part-container{
+
overflow:hidden;
−
  padding-top: 2em;
+
position:relative;
−
  background-color: #4b4040;
+
top:0px;
 +
width:100%;
 +
margin:0px;
 +
padding:20px;
 +
background-color:#ffffff;
 +
min-height:42px;
 +
border-top:2px solid black;
 +
top:-220px;
 
}
 
}
  
−
.part-container .part-example{
+
#contentbox{
−
  padding: 15em;
+
width: 80%;
−
  position:relative;
+
max-width: 1900px;
−
  opacity: 1;  
+
min-width: 1000px;
−
  filter: alpha(opacity=60);  
+
text-align: justify;
−
  background-color: #4b4040;
+
margin:auto;
−
}
+
}
−
 
+
#cover {
−
.part-container .part-example .name{
+
overflow:hidden;
−
 
+
position:relative;
−
  font-size: 25px;  
+
width:100%;
−
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
+
margin:auto;
−
  position: absolute;
+
padding:0px;
−
  top: 5%;
+
background-image: url("https://static.igem.org/mediawiki/2015/5/52/Okdna.png");
−
  left: 7%;
+
background-size: 100% ;
−
  color: #e0dfdc;
+
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;
 
}
 
}
  
−
.part-container .part-example .catalog{  
+
#partcontainer {
−
  font-size: 20px;  
+
overflow:hidden;
−
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
+
background-color:#A9F5BC;
−
  position: absolute;
+
width:1000px;
−
  top: 8%;
+
margin:auto;
−
  left: 60%;
+
border:5px solid black;
−
  color: #FFFFFF;
+
border-radius:20px;
 
}
 
}
  
−
.part-container .part-example .desc{
+
#partname{
−
  position:absolute;
+
width:100%;
−
  background: rgba(0,0,0,0.9);
+
background-color:#000000;
−
  top: 8em;
+
padding:5px 5px 5px 20px;
−
  bottom: 1em;
+
−
  left: 45%;
+
−
  width: 50%;
+
−
  padding-left: 1em;  
+
−
  padding-right: 1em;
+
 
}
 
}
  
−
.part-container .part-example #part-img{
+
#partname h2{
−
  overflow: hidden;  
+
font-size:30pt;
 +
color:#ffffff;
 
}
 
}
  
−
.part-container .part-example > #part-img{
+
#partdescription{
−
    width: 100%;  
+
width:400px;
−
    max-height: 100%;  
+
min-height:200px;
−
    display: block;
+
background-color:#ffffff;
 +
padding:10px;
 +
float:left;
 +
margin:10px;
 +
border-radius:10px;
 
}
 
}
  
−
.part-container .part-example .desc h3{
+
#partimage {
−
  color: #009A90;
+
float:right;
−
  font-family: Verdana;
+
margin:10px;
−
  font-size: 16px;
+
border: 4px solid black;
−
 
+
border-radius:10px;
 
}
 
}
  
−
.part-container .part-example .desc h1{
+
</style>
−
  color: #009A90;
+
−
  font-family: Verdana; 
+
−
  font-size: 12px;
+
  
−
}
+
<div id='cover'>
 +
</div>
  
 +
<div id='bar'>
 +
<p style="font-size:48px"><b>Basic Parts</b></style>
 +
<p style="font-size:24px">This page contains just the basic parts we made. Click below to see all our parts.
  
−
.part-container .part-example .desc p{
+
<div id='buttonset'>
−
  color: #FFFFFF;
+
<a href="https://2015.igem.org/Team:UMaryland/Part_Collection">
−
  font-family: Verdana;
+
<div id='button'>
−
  font-size: 10px;
+
<p> All Parts
−
}
+
</div>
 +
</a>
 +
<p style="font-size:18px">A basic part is a biobrick that is not made of any other biobricks.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
</style>
+
<div id='layer2'>
  
−
<div class = "part-container">
+
<div id='partcontainer'>
 +
<div id='partname'>
 +
<h2>Hok/Sok Type I Toxin-Antitoxin Cassette</h2>
 +
</div>
 +
<div id='partdescription'>
 +
<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 id='partimage'>
 +
<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>
 +
<br>
 +
<br>
  
−
  <div id = "Part 1">
+
<div id='partcontainer'>
−
  <div class = "part-example col-sm-6">
+
<div id='partname'>
−
    <div class = "name"> <b> Basic 1 </b> </div>
+
<h2>Epsilon Cyclase</h2>
−
      <div class = "catalog"> Basic 1 Catalog no </div>
+
</div>
 +
<div id='partdescription'>
 +
<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 id='partimage'>
 +
<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>
 +
<br>
 +
<br>
  
−
      <div class = desc>
+
<div id='partcontainer'>
−
        <h3> Part 1 Gene
+
<div id='partname'>
−
        </h3>
+
<h2>Epsilon Hydroxylase</h2>
−
          <p>
+
−
          Part Notes
+
−
          </p>
+
−
      </div>
+
−
    </div>
+
−
    </div>
+
 
</div>
 
</div>
−
 
+
<div id='partdescription'>
 +
<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 id='partimage'>
 +
<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>
 +
<br>
 +
<br>
  
  
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
 
</html>
 
</html>

Latest revision as of 01:16, 19 September 2015