Difference between revisions of "Team:UMaryland/Description"

Line 1: Line 1:
−
{{UMaryland}}
+
{{Template_All_Teams}}
 +
 
 
<html>
 
<html>
  
−
<h2> Project Description </h2>
+
<!--Getting rid of all the crap that comes before-->
  
−
<p>
+
</div></div></div></div></div></div></div></div></div></div>
  
−
Lutein is a dietary supplement used as both a treatment and preventative measure for Age-Related Macular Degeneration. Our primary research focus is to combat AMD through lutein production. Lutein is currently extracted from the petals of marigolds, but we hope to create a more cost-effective and efficient way of synthesizing this carotenoid via bacterial pathways. Our goal is to optimize the production of lutein through the careful manipulation of promoters for various enzymes, not native to E. Coli, in the lutein pathway. This pathway begins with lycopene, which is then converted to alpha-carotene with the addition of epsilon- and then beta-cyclase. Alpha-carotene is then converted to lutein through epsilon- and beta-hydroxylase. In order to ensure that we are producing alpha carotene instead of beta carotene, we will be manipulating the regulation of epsilon and beta cyclase by testing various promoter pairings. We will then use this data to help model the synthetic pathway and hopefully create a user friendly tool to help iGEM teams in the future model synthetic projects.
+
<!-- OPERATION: CLEAN UP THIS CODE IS IN PROGRESS-->
  
−
</p>
 
−
<p>
 
  
−
We are also working on testing alternative plasmid maintenance systems that would minimize or eliminate the need for repeated antibiotic exposure in the field. Currently, iGEM uses chloramphenicol as a negative selection pressure to maintain plasmids within cells. While chloramphenicol or another antibiotic may be used initially as a selective agent to identify proper transformants, toxin/antitoxin (TA) systems are capable of maintaining plasmids during growth, removing the need to constantly replenish antibiotics in the growth media. The Hok/Sok system is a toxin/antitoxin system that involves a quick degrading antitoxin (Sok) and a long-lasting toxin (Hok). Cells with the Hok/Sok plasmid will produce large amounts of quick-degrading anti-toxin to inhibit the toxin, while those that eject the plasmid would not be able to produce Sok, thereby leading to cell death as Hok would still be present within the bacterium.
 
  
−
</p>
+
<style type="text/css">
−
</div>
+
/* COMPLICATED CSS. DON'T MESS WITH THIS SHIT UNLESS YOU KNOW WHAT YOU'RE DOING */
 +
 +
body {
 +
background-color: #FF0000;
 +
}
 +
 
 +
 
 +
/* THIS CLASS IS ACTUALLY SHIT. WON'T EVEN TRY TO FIX */ #mainContainer { 
 +
width: 1350;
 +
overflow:hidden;
 +
float:center;
 +
margin-left:0px;
 +
margin-bottom: 10px;
 +
background-color: #fff;
 +
border-bottom: 10px solid #000000;
 +
border-right: 5px solid #000000;
 +
                                border-style:inset;
 +
border-left: 5px solid #000000;
 +
border-top: 10px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
}
 +
 
 +
#fullofswag {
 +
margin: auto;
 +
width: 100%;
 +
  background-color: #ffffff;
 +
border:5px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
swag:infinity;
 +
}
 +
 +
#swagcontent {
 +
margin: auto;
 +
width: 80%;
 +
padding: 10px;
 +
overflow:hidden;
 +
  background-color: #ffffff;
 +
border:5px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
swag:3much3handle;
 +
}
 +
 +
/* Creates the container for the content */
 +
#contentContainer {
 +
 +
padding-top:20px;
 +
padding-right:20px;
 +
margin-bottom: 20px;
 +
width: 100% ;
 +
padding-left: 20px;
 +
float: left;
 +
background-color: #fff;
 +
border-top: 14px solid #000000;
 +
font-family: Verdana, Geneva, sans-serif;
 +
 +
} 
 +
 +
 
 +
 +
 +
 
 +
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
      height:270;
 +
width:1000;
 +
margin:auto;
 +
text-align:center;
 +
color: #000000;
 +
}*/
 +
 
 +
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 +
 
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 13px;
 +
color: #000000;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #000000;
 +
border-bottom: none;
 +
font-weight: bold;
 +
font-family: Verdana, Geneva, sans-serif;
 +
margin-top:10px;
 +
}
 +
 
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #000000;
 +
}
 +
 
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: #FFFFFF;
 +
}
 +
 
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #56;
 +
    border-collapse: collapse;
 +
    width: 100%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 0px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 
 +
 
 +
 
 +
/* THIS IS WHAT WE CALL LOSS OF FUNCTION EVOLUTION "USE IT OR LOSE IT" -St. Leger */
 +
 
 +
 +
#menuContainer  {
 +
                                position:fixed;
 +
float:left;
 +
                                top:0px;
 +
width: 100%;
 +
padding: 20px 20px;
 +
border-top: 0px solid #000000;
 +
background-color: #000000;
 +
}
 +
 +
  #menuContainer  ul{
 +
        padding: 0;
 +
        list-style: none;
 +
    }
 +
  #menuContainer ul li{
 +
        width: 100px;
 +
        display: inline-block;
 +
        position: relative;
 +
        text-align: center;
 +
        line-height: 21px;  }
 +
 +
 
 +
 
 +
#menuContainer  li{
 +
        display: block;
 +
        padding: 5px 10px;
 +
        color: 000000;
 +
        background: #FFFF00;
 +
        text-decoration: none;
 +
}
 +
  #menuContainer  li:hover{
 +
        color: #000000;
 +
        background: ##FFFF00;
 +
}
 +
 +
 +
 +
#menuContainer  ul li a{
 +
        display: block;
 +
        padding: 5px 10px;
 +
        color: 000000;
 +
        background: #FFFF00;
 +
        text-decoration: none;
 +
}
 +
  #menuContainer  ul li a:hover{
 +
        color: #000000;
 +
        background: ##FFFF00;
 +
}
 +
 +
 +
 +
  #menuContainer ul li ul{
 +
        display: none;
 +
        position: absolute;
 +
        z-index: 999;
 +
        left: 0;
 +
    }
 +
  #menuContainer  ul li:hover ul{
 +
        display: block; /* display the dropdown */
 +
    }
 +
 +
/*swagmaster Chun Mun finally got the menu to work reasonably*/
 +
/* UPDATE: There is no end to his swag, for a new swag class has taken the place of this inferior one */
 +
 +
/*menu links */
 +
#menuContainer a {
 +
color: #000000;
 +
}
 +
#menuContainer a:hover {
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
 +
 +
#menuContainer ul li a:hover {
 +
font-weight: bold;
 +
color: #FFFFFF;
 +
}
 +
#menuContainer ul li a {
 +
color: #000000;
 +
}
 +
 +
 +
 +
 
 +
/*CLASSES */
 +
 
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:500px;
 +
        margin:auto;
 +
        background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
    }
 +
 
 +
 
 +
#tbox {
 +
margin: 5px;
 +
}
 +
 
 +
#tboxleft {
 +
width: 48%;
 +
padding: 5px;
 +
float: left;
 +
overflow: hidden;
 +
}
 +
 
 +
#tboxright {
 +
width: 48%;
 +
padding: 5px;
 +
float: right;
 +
overflow: hidden;
 +
}
 +
 
 +
 +
 +
 +
/* BEHOLD THE SWAG */
 +
 
 +
#swagmenu ul,#swagmenu li,#swagmenu span,#swagmenu a {
 +
  margin: 0;
 +
  padding: 0;
 +
  position: relative;
 +
 
 +
}
 +
#swagmenu {
 +
  line-height: 1;
 +
  border-radius: 5px 5px 0 0;
 +
  -moz-border-radius: 5px 5px 0 0;
 +
  -webkit-border-radius: 5px 5px 0 0;
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  border-bottom: 2px solid #ffFF00;
 +
  width: auto;
 +
  swag: maximum;
 +
}
 +
#swagmenu:after,#swagmenu ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
  swag: one hundred thousand;
 +
}
 +
#swagmenu a {
 +
  background: #000000;
 +
  background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
 +
  background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -o-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
 +
  background: linear-gradient(to bottom, #333333 0%, #000000 100%);
 +
  color: #ffffff;
 +
  display: block;
 +
  font-family: Helvetica, Arial, Verdana, sans-serif;
 +
  padding: 19px 20px;
 +
  text-decoration: none;
 +
  swag: one hundred trillion;
 +
}
 +
#swagmenu ul {
 +
  list-style: none;
 +
  swag: off the charts;
 +
 
 +
}
 +
#swagmenu > ul > li {
 +
  display: inline-block;
 +
  float: left;
 +
  margin: 0;
 +
  fact: swag is off the charts
 +
}
 +
#swagmenu.align-center {
 +
  text-align: center;
 +
  swag: 420
 +
}
 +
#swagmenu.align-center > ul > li {
 +
  float: none;
 +
  swag: quatre vingt
 +
}
 +
#swagmenu.align-center ul ul {
 +
  text-align: left;
 +
  swag: quatre cent vingt
 +
}
 +
#swagmenu.align-right > ul {
 +
  float: right;
 +
}
 +
#swagmenu.align-right ul ul {
 +
  text-align: right;
 +
}
 +
#swagmenu > ul > li > a {
 +
  color: #ffffff;
 +
  font-size: 12px;
 +
}
 +
#swagmenu > 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 #FFFF00;
 +
  margin-left: -10px;
 +
  font-weight: bold;
 +
}
 +
#swagmenu > ul > li:first-child > a {
 +
  border-radius: 5px 0 0 0;
 +
  -moz-border-radius: 5px 0 0 0;
 +
  -webkit-border-radius: 5px 0 0 0;
 +
}
 +
#swagmenu.align-right > ul > li:first-child > a,#swagmenu.align-center > ul > li:first-child > a {
 +
  border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -webkit-border-radius: 0;
 +
}
 +
#swagmenu.align-right > ul > li:last-child > a {
 +
  border-radius: 0 5px 0 0;
 +
  -moz-border-radius: 0 5px 0 0;
 +
  -webkit-border-radius: 0 5px 0 0;
 +
}
 +
#swagmenu > ul > li.active > a,#swagmenu > ul > li:hover > a {
 +
  color: #ffffff;
 +
  box-shadow: inset 0 0 3px #000000;
 +
  -moz-box-shadow: inset 0 0 3px #000000;
 +
  -webkit-box-shadow: inset 0 0 3px #000000;
 +
  background: #000000
 +
  background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
 +
  background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -o-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
 +
  background: linear-gradient(to bottom, #262626 0%, #070707 100%);
 +
}
 +
#swagmenu .has-sub {
 +
  z-index: 1;
 +
}
 +
#swagmenu .has-sub:hover > ul {
 +
  display: block;
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  width: 200px;
 +
  top: 100%;
 +
  left: 0;
 +
}
 +
#swagmenu.align-right .has-sub ul {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
#swagmenu .has-sub ul li {
 +
  *margin-bottom: -1px;
 +
}
 +
#swagmenu .has-sub ul li a {
 +
  background: #000000
 +
  border-bottom: 1px dotted #FFFF00;
 +
  font-size: 11px;
 +
  filter: none;
 +
  display: block;
 +
  line-height: 120%;
 +
  padding: 10px;
 +
  color: #ffffff
 +
}
 +
#swagmenu .has-sub ul li:hover a {
 +
  background: #FFFF00;
 +
  font-weight: bold;
 +
  color: #000000
 +
}
 +
#swagmenu ul ul li:hover > a {
 +
  color: #000000
 +
  font-weight: bold;
 +
}
 +
#swagmenu .has-sub .has-sub:hover > ul {
 +
  display: block;
 +
 
 +
}
 +
#swagmenu .has-sub .has-sub ul {
 +
  display: none;
 +
  position: absolute;
 +
  left: 100%;
 +
  top: 0;
 +
}
 +
#swagmenu.align-right .has-sub .has-sub ul,#swagmenu.align-right ul ul ul {
 +
  left: auto;
 +
  right: 100%;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a {
 +
  background: #FFFF00
 +
  border-bottom: 1px dotted #FFFF00;
 +
}
 +
#swagmenu .has-sub .has-sub ul li a:hover {
 +
  background: #ffff00
 +
}
 +
#swagmenu ul ul li.last > a,#swagmenu ul ul li:last-child > a,#swagmenu ul ul ul li.last > a,#swagmenu ul ul ul li:last-child > a,#swagmenu .has-sub ul li:last-child > a,#swagmenu .has-sub ul li.last > a {
 +
  border-bottom: 0;
 +
}
 +
 +
 +
 
 +
 +
</style>
 +
 
 +
<!--WOW SUCH STYLE MUCH FANCY-->
 +
 
 +
<!--LESGO BOYS-->
 +
 
 +
<div id ="fullofswag">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2015/8/87/Banner.png" 
 +
style="height:100%;
 +
width:100%">
 +
<!--  Iowis senpai notice me -->
 +
 +
 +
 +
 +
<div id='swagmenu'>
 +
<ul>
 +
  <li class='active'><a href="https://2015.igem.org/Team:UMaryland"><span>HOME</span></a></a></li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:UMaryland/about"><span>ABOUT</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Team"><span>TEAM</span></a></li>
 +
 
 +
  <li class='has-sub'><a href="#"><span>PROJECT</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Description"><span>Description</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Design"><span>Design</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Experiments"><span>Experiments &amp; Protocols</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Results"><span>Results</span></a></li>
 +
</ul></span></a>
 +
      </li>
 +
 
 +
    <li class='has-sub'><a href="#"><span>PARTS</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Parts"><span>Team Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Basic_Part"><span>New Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Composite_Part"><span>Improved Parts</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Part_Collection"><span>All Parts</span></a></li>
 +
</ul></span></a>
 +
      </li>
 +
 
 +
    <li class='has-sub'><a href="#"><span>NOTEBOOK</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Notebook"><span>Lab Notebook</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/journal"><span>Journal</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Safety"><span>Safety</span></a></li>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/gallery"><span>Gallery</span></a></li>
 +
</ul>
 +
</span></a></li>
 +
 
 +
  <li class='has-sub'><a href="#"><span>OUTREACH</a>
 +
            <ul>
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Practices"><span>HUMAN PRACTICES</span></a></li>
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations"><span>COLLABORATIONS</span></a></li>
 +
</ul>
 +
</span></a></li>
 +
 
 +
 
 +
 
 +
  <li><a href="https://2015.igem.org/Team:UMaryland/Modeling"><span>MODELING</span></a></li>
 +
 
 +
<li><a href="https://2015.igem.org/Team:UMaryland/Attributions"><span>ATTRIBUTIONS</span></a></li>
 +
 
 +
  <li class='last'><a href='https://2015.igem.org/Main_Page'><span>iGEM</span></a></li>
 +
</ul>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 +
 +
 +
<!--TOP STUFF ENDS LMAO -->
 +
 +
 +
<div id="swagcontent">
 +
<!-- IMPORTANT: /div tag is not on the template page, but on each indexed page-->
 +
 +
 +
 +
 
</html>
 
</html>
 +
 +
 +
<!--ayylmao-->

Revision as of 06:53, 15 July 2015