Team:Yale/Project Bioplastic

From 2013.igem.org

(Difference between revisions)
(Make a bioplastic)
Line 1: Line 1:
<div id="header">{{Template:Team:Yale2013/Templates/Header}}</div>
<div id="header">{{Template:Team:Yale2013/Templates/Header}}</div>
-
{| class = "bar" style="color:#3399CC;background-color:#737CA1;" cellpadding="2" cellspacing="1" border="1" bordercolor="#fff" width="75%" align="center"
+
<!-- Project Submenu adapted from cssmenumaker -->
-
!align="center" style="background-color:#FFFFFF;" cellpadding="0" cellspacing="0" border="0"|<html><a href="https://2013.igem.org/Team:Yale/Project_Export"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTVb8adyUdr2p_7aBWNSMfB83hCbKIaQhdkJ_k21JZ4PXnle8w8" style="-moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/" width="50" height="50" title="Previous: Introduce export system" /></a></html>
+
<html>
-
!align="center"|[[Team:Yale/Project_Overview|Project Overview]]
+
<style type = "text/css">
-
!align="center"|[[Team:Yale/Project_Validate|Validate PLA synthesis]]
+
#cssmenu1 ul,
-
!align="center"|[[Team:Yale/Project_Bioassay|Develop bioassay]]
+
#cssmenu1 li,
-
!align="center"|[[Team:Yale/Project_MAGE|Apply MAGE]]
+
#cssmenu1 span,
-
!align="center"|[[Team:Yale/Project_Export|Introduce export system]]
+
#cssmenu1 a {
-
!align="center"|[[Team:Yale/Project_Bioplastic|Make a bioplastic]]
+
  margin: 0;
-
!align="center" style="background-color:#FFFFFF;" cellpadding="0" cellspacing="0" border="0"|[[File:Arrow_faded.jpg|50px]]
+
  padding: 0;
-
|}
+
  position: relative;
-
 
+
}
-
 
+
#cssmenu1 {
-
== Aims for the Project ==
+
  height: 39px;
-
#'''Engineer strains of ''E. coli'' for PLA synthesis'''<br>
+
  border-radius: 0px 0px 4px 4px;
-
#'''Develop bioassay to screen PLA production'''<br>
+
  -moz-border-radius: 0px 0px 4px 4px;
-
#'''Apply MAGE to optimize PLA production, guided by FBA'''<br>
+
  -webkit-border-radius: 0px 0px 4px 4px;
-
#'''Introduce type 1 secretion system to export and extract PLA'''<br>
+
  background: #fefefe;
-
#'''<span style="color:red">Make a bioplastic</span>'''
+
  background: -moz-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
-
<br>
+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eee9f0));
 +
  background: -webkit-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
 +
  background: -o-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
 +
  background: -ms-linear-gradient(top, #fefefe 0%, #eee9f0 100%);
 +
  background: linear-gradient(top, #fefefe 0%, #eee9f0 100%);
 +
  border-bottom: 2px solid #5763f0;
 +
  width: auto;
 +
}
 +
#cssmenu1:after,
 +
#cssmenu1 ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
}
 +
#cssmenu1 a {
 +
  background: #fefefe;
 +
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
 +
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
 +
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
 +
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
 +
  background: linear-gradient(top, #fefefe 0%, #ececec 100%);
 +
  color: #000;
 +
  display: inline-block;
 +
  font-family: Helvetica, Arial, Verdana, sans-serif;
 +
  font-size: 12px;
 +
  line-height: 39px;
 +
  padding: 0 10px;
 +
  text-decoration: none;
 +
}
 +
#cssmenu1 ul {
 +
  list-style: none;
 +
}
 +
#cssmenu1 > ul {
 +
  float: left;
 +
}
 +
#cssmenu1 > ul > li {
 +
  float: left;
 +
}
 +
#cssmenu1 > ul > li > a {
 +
  color: #000;
 +
  font-size: 12px;
 +
}
 +
#cssmenu1 > ul > li:hover:after {
 +
  content: '';
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  position: absolute;
 +
  left: 50%;
 +
  bottom: 0;
 +
  border-left: 10px solid transparent;
 +
  border-right: 10px solid transparent;
 +
  border-bottom: 10px solid #5763f0;
 +
  margin-left: -10px;
 +
}
 +
#cssmenu1 > ul > li:first-child > a {
 +
  border-radius: 0px 0px 4px 4px;
 +
  -moz-border-radius: 0px 0px 4px 4px;
 +
  -webkit-border-radius: 0px 0px 4px 4px;
 +
}
 +
#cssmenu1 > ul > li.active:after {
 +
  content: '';
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  position: absolute;
 +
  left: 50%;
 +
  bottom: 0;
 +
  border-left: 10px solid transparent;
 +
  border-right: 10px solid transparent;
 +
  border-bottom: 10px solid #5763f0;
 +
  margin-left: -10px;
 +
}
 +
#cssmenu1 > ul > li.active > a {
 +
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
  background: #ececec;
 +
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
 +
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
}
 +
#cssmenu1 > ul > li:hover > a {
 +
  background: #ececec;
 +
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
 +
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
 +
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
 +
}
 +
#cssmenu1 .has-sub {
 +
  z-index: 1;
 +
}
 +
#cssmenu1 .has-sub:hover > ul {
 +
  display: block;
 +
}
 +
#cssmenu1 .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  width: 200px;
 +
  top: 100%;
 +
  left: 0;
 +
}
 +
#cssmenu1 .has-sub ul li {
 +
  *margin-bottom: -1px;
 +
}
 +
#cssmenu1 .has-sub ul li a {
 +
  background: #5763f0;
 +
  border-bottom: 1px dotted #868ef4;
 +
  filter: none;
 +
  font-size: 11px;
 +
  display: block;
 +
  line-height: 120%;
 +
  padding: 10px;
 +
  color: #ffffff;
 +
}
 +
#cssmenu1 .has-sub ul li:hover a {
 +
  background: #2838ec;
 +
}
 +
#cssmenu1 .has-sub .has-sub:hover > ul {
 +
  display: block;
 +
}
 +
#cssmenu1 .has-sub .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  left: 100%;
 +
  top: 0;
 +
}
 +
#cssmenu1 .has-sub .has-sub ul li a {
 +
  background: #2838ec;
 +
  border-bottom: 1px dotted #868ef4;
 +
}
 +
#cssmenu1 .has-sub .has-sub ul li a:hover {
 +
  background: #1525e6;
 +
}
 +
</style>
 +
<div id="cssmenu1" style="width:730px; margin:0 auto;">
 +
<ul>
 +
  <li><a href='https://2013.igem.org/Team:Yale/Project_Overview'><span>Project Overview</span></a></li>
 +
  <li><a href='https://2013.igem.org/Team:Yale/Project_Validate'><span>Validate PLA Synthesis</span></a></li>
 +
  <li><a href='https://2013.igem.org/Team:Yale/Project_Bioassay'><span>Develop Bioassay</span></a></li>
 +
  <li><a href='https://2013.igem.org/Team:Yale/Project_MAGE'><span>Apply Mage</span></a></li>
 +
  <li><a href='https://2013.igem.org/Team:Yale/Project_Export'><span>Introduce Export System</span></a></li>
 +
  <li class='active'><a href='https://2013.igem.org/Team:Yale/Project_Bioplastic'><span>Make a Bioplastic</span></a></li>
 +
</ul>
 +
</div>
 +
</html>
=== Make a bioplastic ===
=== Make a bioplastic ===
<center>[[File:Yale Y plastic.png|700px]]</center>
<center>[[File:Yale Y plastic.png|700px]]</center>

Revision as of 15:06, 23 September 2013

Make a bioplastic

Yale Y plastic.png