Team:CSU Fort Collins

From 2014.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html>
<html>
-
<!--main content -->
+
 
 +
 
 +
<title>CSU iGEM 2014</title>
 +
 
 +
<head>
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
-
 
-
<body style="background-size:100%; background-color:#EFEFEF">
 
<style type="text/css">
<style type="text/css">
 +
/* http://meyerweb.com/eric/tools/css/reset/
 +
  v2.0 | 20110126
 +
  License: none (public domain)
 +
*/
 +
 +
html, body, div, span, applet, object, iframe, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, embed,
 +
figure, figcaption, footer, header, hgroup,
 +
menu, nav, output, ruby, section, summary,
 +
time, mark, audio, video {
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  font-size: 90%;
 +
  font: inherit;
 +
  vertical-align: baseline;
 +
}
 +
/* HTML5 display-role reset for older browsers */
 +
article, aside, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section {
 +
  display: block;
 +
}
 +
body {
 +
  line-height: 1;
 +
}
 +
ol, ul {
 +
  list-style: none;
 +
}
 +
blockquote, q {
 +
  quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
  content: '';
 +
  content: none;
 +
}
 +
table {
 +
  border-collapse: collapse;
 +
  border-spacing: 0;
 +
}
 +
 +
#menubar > ul{
 +
  vertical-align:center;
 +
  font-size:14px;
 +
  font-family:'Times New Roman',serif;
 +
}
 +
.firstHeading{
.firstHeading{
-
    display:none;
+
display:none;
}
}
-
A{
+
 
-
    color:#222222;
+
#textbox span{
 +
  color:#E6B800;
}
}
-
A:visited{
+
.photo{
-
    color:#222222;
+
  width:70%;
}
}
-
A:hover{
+
table{
-
    opacity:0.3;
+
  font-family:'Muli',sans-serif;
-
    text-decoration:none;
+
}
}
-
h1,h2,h3,h4,h5,h6{
+
body{
-
    font-family:'Bitter', serif;
+
  background-color:#EFEFEF;
-
    text-decoration:none;
+
  line-height:1.3;
-
    font-weight:700;
+
  font-size:90%;
-
    color:#222222;
+
-
    border:none;
+
}
}
-
.button{
+
#cssmenu {
-
    margin-left:15px;
+
  width:100%;
-
    margin-right:15px;
+
  height: 44px;
-
    padding:10px;
+
  background: #222222;
-
    font-family:'Bitter', serif;
+
  position:relative;
-
    font-size:14px;
+
  text-align:center;
-
    width:5em;
+
  margin:auto;
}
}
-
.sbutton{
+
#cssmenu ul {
-
    padding:5px 0px;
+
  list-style: none;
-
    font-family:'Bitter', serif;
+
  padding: 0;
-
    font-size:14px;
+
  margin: 0;
 +
  line-height: 1;
}
}
-
nav ul{
+
#cssmenu > ul {
-
    position:relative;
+
  position: relative;
-
    list-style:none;
+
  display: block;
-
    white-space:nowrap;
+
  background: #222222;
 +
  width: 100%;
 +
  z-index: 500;
}
}
-
nav ul li{
+
#cssmenu:after,
-
    display:inline-block;
+
#cssmenu > ul:after {
-
    white-space:nowrap;
+
  content: '.';
 +
  display: block;
 +
  clear: both;
 +
  visibility: hidden;
 +
  line-height: 0;
 +
  height: 0;
}
}
-
nav ul ul {
+
#cssmenu.align-right > ul > li {
-
    display: none;
+
  float: right;
-
    position:absolute;
+
-
    margin-left: 0;
+
-
    margin-top: 10px;
+
}
}
-
nav ul ul li{
+
#cssmenu.align-center ul {
-
    display: block;
+
  text-align: center;
-
    text-align: left;
+
-
    float: none;
+
}
}
-
nav ul ul .button {
+
#cssmenu.align-center ul ul {
-
    margin-left: 0;
+
  text-align: left;
-
    padding-left: 0;
+
}
}
-
nav ul li a{
+
#cssmenu > ul > li {
-
    display:block !important;
+
  display: inline-block;
 +
  position: relative;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#cssmenu > ul > #menu-button {
 +
  display: none;
 +
}
 +
#cssmenu ul li a {
 +
  display: block;
 +
  font-family: Helvetica, sans-serif;
 +
  text-decoration: none;
 +
}
 +
#cssmenu > ul > li > a {
 +
  font-size: 14px;
 +
  font-weight: bold;
 +
  padding: 15px 20px;
 +
  color: #efefef;
 +
  text-transform: uppercase;
 +
  -webkit-transition: color 0.25s ease-out;
 +
  -moz-transition: color 0.25s ease-out;
 +
  -ms-transition: color 0.25s ease-out;
 +
  -o-transition: color 0.25s ease-out;
 +
  transition: color 0.25s ease-out;
 +
}
 +
#cssmenu > ul > li.has-sub > a {
 +
  padding-right: 32px;
 +
}
 +
#cssmenu > ul > li:hover > a {
 +
  color: #E6B800;
 +
}
 +
#cssmenu li.has-sub::after {
 +
  display: block;
 +
  content: '';
 +
  position: absolute;
 +
  width: 0;
 +
  height: 0;
 +
}
 +
#cssmenu > ul > li.has-sub::after {
 +
  right: 10px;
 +
  top: 20px;
 +
  border: 5px solid transparent;
 +
  border-top-color: #efefef;
 +
}
 +
#cssmenu > ul > li:hover::after {
 +
  border-top-color: #E6B800;
 +
}
 +
#indicatorContainer {
 +
  position: absolute;
 +
  height: 12px;
 +
  width: 100%;
 +
  bottom: 0px;
 +
  overflow: hidden;
 +
  z-index: -1;
 +
}
 +
#pIndicator {
 +
  position: absolute;
 +
  height: 0;
 +
  width: 100%;
 +
  border: 12px solid transparent;
 +
  border-top-color: #2b2f3a;
 +
  z-index: -2;
 +
  -webkit-transition: left .25s ease;
 +
  -moz-transition: left .25s ease;
 +
  -ms-transition: left .25s ease;
 +
  -o-transition: left .25s ease;
 +
  transition: left .25s ease;
 +
}
 +
#cIndicator {
 +
  position: absolute;
 +
  height: 0;
 +
  width: 100%;
 +
  border: 12px solid transparent;
 +
  border-top-color: #2b2f3a;
 +
  top: -12px;
 +
  right: 100%;
 +
  z-index: -2;
 +
}
 +
#cssmenu ul ul {
 +
  position: absolute;
 +
  left: -9999px;
 +
  top: 70px;
 +
  opacity: 0;
 +
  -webkit-transition: opacity .3s ease, top .25s ease;
 +
  -moz-transition: opacity .3s ease, top .25s ease;
 +
  -ms-transition: opacity .3s ease, top .25s ease;
 +
  -o-transition: opacity .3s ease, top .25s ease;
 +
  transition: opacity .3s ease, top .25s ease;
 +
  z-index: 1000;
 +
}
 +
#cssmenu ul ul ul {
 +
  top: 37px;
 +
  padding-left: 5px;
 +
}
 +
#cssmenu ul ul li {
 +
  position: relative;
 +
}
 +
#cssmenu > ul > li:hover > ul {
 +
  left: auto;
 +
  top: 44px;
 +
  opacity: 1;
 +
}
 +
#cssmenu.align-right > ul > li:hover > ul {
 +
  left: auto;
 +
  right: 0;
 +
  opacity: 1;
 +
}
 +
#cssmenu ul ul li:hover > ul {
 +
  left: 170px;
 +
  top: 0;
 +
  opacity: 1;
 +
}
 +
#cssmenu.align-right ul ul li:hover > ul {
 +
  left: auto;
 +
  right: 170px;
 +
  top: 0;
 +
  opacity: 1;
 +
  padding-right: 5px;
 +
}
 +
#cssmenu ul ul li a {
 +
  width: 130px;
 +
  border-bottom: 1px solid #eeeeee;
 +
  padding: 10px 20px;
 +
  font-size: 12px;
 +
  color: #222222;
 +
  background: white;
 +
  -webkit-transition: all .35s ease;
 +
  -moz-transition: all .35s ease;
 +
  -ms-transition: all .35s ease;
 +
  -o-transition: all .35s ease;
 +
  transition: all .35s ease;
 +
}
 +
#cssmenu.align-right ul ul li a {
 +
  text-align: right;
 +
}
 +
#cssmenu ul ul li:hover > a {
 +
  background: white;
 +
  color: #E6B800;
 +
}
 +
#cssmenu ul ul li:last-child > a,
 +
#cssmenu ul ul li.last > a {
 +
  border-bottom: 0;
 +
}
 +
#cssmenu > ul > li > ul::after {
 +
  content: '';
 +
  border: 6px solid transparent;
 +
  width: 0;
 +
  height: 0;
 +
  border-bottom-color: #efefef;
 +
  position: absolute;
 +
  top: -12px;
 +
  left: 30px;
 +
}
 +
#cssmenu.align-right > ul > li > ul::after {
 +
  left: auto;
 +
  right: 30px;
 +
}
 +
#cssmenu ul ul li.has-sub::after {
 +
  border: 4px solid transparent;
 +
  border-left-color: #222222;
 +
  right: 10px;
 +
  top: 12px;
 +
  -moz-transition: all .2s ease;
 +
  -ms-transition: all .2s ease;
 +
  -o-transition: all .2s ease;
 +
  transition: all .2s ease;
 +
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
 +
}
 +
#cssmenu.align-right ul ul li.has-sub::after {
 +
  border-left-color: transparent;
 +
  border-right-color: #222222;
 +
  right: auto;
 +
  left: 10px;
 +
}
 +
#cssmenu ul ul li.has-sub:hover::after {
 +
  border-left-color: #efefef;
 +
  right: -5px;
 +
  -webkit-transform: rotateY(180deg);
 +
  -ms-transform: rotateY(180deg);
 +
  -moz-transform: rotateY(180deg);
 +
  -o-transform: rotateY(180deg);
 +
  transform: rotateY(180deg);
 +
}
 +
#cssmenu.align-right ul ul li.has-sub:hover::after {
 +
  border-right-color: #efefef;
 +
  border-left-color: transparent;
 +
  left: -5px;
 +
  -webkit-transform: rotateY(180deg);
 +
  -ms-transform: rotateY(180deg);
 +
  -moz-transform: rotateY(180deg);
 +
  -o-transform: rotateY(180deg);
 +
  transform: rotateY(180deg);
 +
}
 +
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 +
  #cssmenu {
 +
    width: 100%;
 +
  }
 +
  #cssmenu.align-center ul {
 +
    text-align: left;
 +
  }
 +
  #cssmenu.align-right > ul > li {
 +
    float: none;
 +
  }
 +
  #cssmenu ul {
 +
    width: auto;
 +
  }
 +
  #cssmenu .submenuArrow,
 +
  #cssmenu #indicatorContainer {
 +
    display: none;
 +
  }
 +
  #cssmenu > ul {
 +
    height: auto;
 +
    display: block;
 +
    color:#EFEFEF;
 +
  }
 +
  #cssmenu > ul > li {
 +
    float: none;
 +
  }
 +
  #cssmenu li,
 +
  #cssmenu > ul > li {
 +
    display: none;
 +
    color:white;
 +
  }
 +
  #cssmenu ul ul,
 +
  #cssmenu ul ul ul,
 +
  #cssmenu ul > li:hover > ul,
 +
  #cssmenu ul ul > li:hover > ul,
 +
  #cssmenu.align-right ul ul,
 +
  #cssmenu.align-right ul ul ul,
 +
  #cssmenu.align-right ul > li:hover > ul,
 +
  #cssmenu.align-right ul ul > li:hover > ul {
 +
    position: relative;
 +
    left: auto;
 +
    top: auto;
 +
    opacity: 1;
 +
    padding-left: 0;
 +
    padding-right: 0;
 +
    right: auto;
 +
  }
 +
  #cssmenu ul .has-sub::after {
 +
    display: none;
 +
  }
 +
  #cssmenu ul li a {
 +
    padding: 12px 20px;
 +
  }
 +
  #cssmenu ul ul li a {
 +
    border: 0;
 +
    background: none;
 +
    width: auto;
 +
    padding: 8px 35px;
 +
    color:white;
 +
  }
 +
  #cssmenu.align-right ul ul li a {
 +
    text-align: left;
 +
  }
 +
  #cssmenu ul ul li:hover > a {
 +
    background:none;
 +
    color: #ec9359;
 +
  }
 +
  #cssmenu ul ul ul a {
 +
    padding: 8px 50px;
 +
  }
 +
  #cssmenu ul ul ul ul a {
 +
    padding: 8px 65px;
 +
  }
 +
  #cssmenu ul ul ul ul ul a {
 +
    padding: 8px 80px;
 +
  }
 +
  #cssmenu ul ul ul ul ul ul a {
 +
    padding: 8px 95px;
 +
  }
 +
  #cssmenu > ul > #menu-button {
 +
    display: block;
 +
    cursor: pointer;
 +
  }
 +
  #cssmenu #menu-button > a {
 +
    padding: 14px 20px;
 +
  }
 +
  #cssmenu ul.open li,
 +
  #cssmenu > ul.open > li {
 +
    display: block;
 +
  }
 +
  #cssmenu > ul.open > li#menu-button > a {
 +
    color: #fff;
 +
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
 +
  }
 +
  #cssmenu ul ul::after {
 +
    display: none;
 +
  }
 +
  #cssmenu #menu-button::after {
 +
    display: block;
 +
    content: '';
 +
    position: absolute;
 +
    height: 3px;
 +
    width: 22px;
 +
    border-top: 2px solid #efefef;
 +
    border-bottom: 2px solid #efefef;
 +
    right: 20px;
 +
    top: 15px;
 +
  }
 +
  #cssmenu #menu-button::before {
 +
    display: block;
 +
    content: '';
 +
    position: absolute;
 +
    height: 3px;
 +
    width: 22px;
 +
    border-top: 2px solid #efefef;
 +
    right: 20px;
 +
    top: 25px;
 +
  }
 +
  #cssmenu ul.open #menu-button::after,
 +
  #cssmenu ul.open #menu-button::before {
 +
    border-color: #fff;
 +
  }
 +
}
 +
.icon{
 +
  width:30px;
 +
}
 +
.wrapper2{
 +
  width:20%;
 +
  padding:20px 0px 20px 20px;
 +
  display:inline-block;
 +
  margin:auto;
 +
  vertical-align:top;
 +
}
 +
.wrapper{
 +
  width:90%;
 +
  padding:20px 0px 20px 20px;
 +
  padding-left:0;
 +
  margin:auto;
 +
  vertical-align: top;
 +
border-bottom:1px solid #222222;
 +
color:#222222;
 +
}
 +
.wrapper a{
 +
text-decoration:1px dotted #222222;
}
}
-
nav ul li:hover > ul {
+
.page, .container{
-
     display:block;
+
  width:50%;
 +
  min-width:600px;
 +
  max-width:800px;
 +
  padding:30px;
 +
  margin:auto;
 +
  text-align:left;
 +
  font-family:'Muli',sans-serif;
 +
  display:inline-block;
 +
}
 +
.page a, .container a{
 +
  color:#222222;
 +
}
 +
.page a:hover, .container a:hover{
 +
  color:#E6B800;
 +
  text-decoration:none;
 +
}
 +
 
 +
h1{
 +
  color:#222222;
 +
  font-family:'Bitter',serif;
 +
  border-bottom:none;
 +
}
 +
h2,h3,.toc,.show,.hide,.content{
 +
  color:#E6B800;
 +
  font-family:'Bitter',serif;
 +
}
 +
h4,h5,h6, .page{
 +
  color:#222222;
 +
  font-family:'Muli',sans-serif;
 +
}
 +
.toc{
 +
  text-decoration:none;
 +
  display:none;
 +
  width:100%;
 +
  margin:auto;
 +
}
 +
.toc .month-group { margin: 20px 0; }
 +
.toc .month-group p { padding: 0; margin: 0; }
 +
#ftoc{
 +
  color:#666666;
 +
}
 +
ul{
 +
  list-style-type:none;
 +
}
 +
.month-group, a{
 +
  text-decoration:none;
 +
}
 +
.month-group{
 +
  margin-left:20px;
 +
}
 +
.month-group:hover{
 +
  color:#E6B800;
 +
}
 +
.toc a, .toc2 a, #navi a{
 +
  text-decoration:none;
 +
  color:#222222;
 +
  font-weight: bold;
 +
}
 +
.toc a:hover, #ftoc>a:hover, #navi a:hover, .show:hover, .hide:hover, .container>a:hover{
 +
  color:#E6B800 !important;
 +
  cursor:pointer;
 +
}
 +
.toc a, #ftoc, .container a, #navi{
 +
  border-bottom:2px dotted;
 +
}
 +
#navi{
 +
  text-decoration:none;
 +
  font-family:'Bitter',serif;
 +
}
 +
#logo{
 +
  width:120px;
 +
  margin:auto;
 +
  padding:40px;
 +
  border-radius:100%;
 +
}
 +
#banner{
 +
  width:auto;
 +
  height:250px;
 +
  vertical-align:top;
 +
  background-color:#E6B800;
 +
  overflow: hidden;
 +
}
 +
#banner a:hover{
 +
  opacity:0.7;
 +
}
 +
.fixed {
 +
  position:fixed !important;
 +
  top:0;
 +
}
 +
.disp{
 +
  display:none;
 +
}
 +
.col {
 +
     width: 20%;
 +
    float: left;
 +
    clear: right;
 +
    margin: 20px 1.66666666666666666666666666%;
 +
    font-family:'Muli',sans-serif;
 +
    font-weight:300;
 +
    font-size:14px;
 +
    color:#222222;
 +
    text-align:left;
 +
}
 +
.clear{
 +
  width:100%;
 +
  clear:both;
 +
}
 +
.container{
 +
  line-height:1.9;
 +
}
 +
.index{
 +
  margin-right:20px;
 +
}
 +
.toc2{
 +
  display:block;
}
}
.footer{
.footer{
Line 81: Line 585:
     margin:auto;
     margin:auto;
     padding:15px;
     padding:15px;
-
     white-space:nowrap;
+
     color:#efefef;
 +
    font-size:14px;
 +
}
 +
.footer table{
 +
    background-color:#222222;
 +
    color:#efefef;
 +
    margin:auto;
 +
    text-align:left;
 +
  width:100%;
 +
}
 +
.footer a{
 +
    color:#efefef;
 +
}
 +
.button{
 +
background-color:#E6B800;
 +
color:#222222;
 +
border-radius:10px;
 +
font-family:'Muli',sans-serif;
 +
width:300px;
 +
text-align:center;
 +
vertical-align:center;
 +
padding:15px;
 +
margin:30px;
 +
}
 +
 
 +
wrapper table{
 +
width:60%;
 +
background-color:#efefef;
 +
}
 +
table{
 +
background-color:#efefef;
 +
margin:auto;
 +
}
 +
table td{
 +
text-align:center;
 +
margin:auto;
 +
width:400px;
 +
}
 +
 
 +
wrapper table td{
 +
width:300px;
 +
padding:10px;
 +
overflow:hidden;
}
}
-
p{
+
#photo{
-
    font-family:'Muli', sans-serif;
+
width:300px;
-
    color:white;
+
margin:auto;
-
    font-size:12px;
+
padding:10px;
}
}
</style>
</style>
-
<!---navigation bar--->
+
</head>
-
<center><div style="width:90%; padding:0px 30px">
 
-
<nav>
 
-
<ul>
 
-
<li class="button" style="border-bottom:1px solid grey"><a href="/Team:CSU_Fort_Collins">Home</a>
+
 
-
<li class="button" style="border-bottom:1px solid grey"><a href="/Team:CSU_Fort_Collins/Team/">Team</a>
+
<body style='margin:0'>
-
    <ul>
+
 
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Team/">Member Profiles</a></li>
+
<div id='banner'><center><img src='http://oi57.tinypic.com/1498eg5.jpg' style='width:100%'/><a href='https://2014.igem.org'><img src='https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png' style="width:80px; position:absolute; top: 10px; right: 20px; opacity:0.95;"/></a>
-
    <li class="sbutton"><a href="https://igem.org/Team.cgi">Official Team Profile</a></li>
+
</center></div>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Sponsors/">Sponsors</a></li>
+
 
-
    </ul>
+
<div id='cssmenu'>
-
<li class="button" style="border-bottom:1px solid grey"><a href="/Team:CSU_Fort_Collins/Project/">Project</a>
+
<ul>
-
    <ul>
+
  <li><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Biosensor/">Biosensor</a></li>
+
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Project/'><span>Project</span></a>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Breakdown/">Breakdown</a></li>
+
      <ul>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/HVP/">High-Value Product</a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/Biosensor/'><span>Biosensor</span></a></li>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/KillSwitch/">Kill Switch</a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/Breakdown/'><span>Breakdown</span></a></li>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Notebook/">Notebook</a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/HVP/'><span>High-Value Product</span></a></li>
-
    </ul>
+
        <li><a href='/Team:CSU_Fort_Collins/KillSwitch/'><span>Kill Switch</span></a></li>
-
<li style="margin-left:15px; margin-right:15px;padding:10px;
+
      </ul>
-
"><a href="/Team:CSU_Fort_Collins"><img src="https://static.igem.org/mediawiki/2014/0/03/CSULogo1.png" style="width:12em"/></a></li>
+
  </li>
-
<li class="button" style="border-bottom:1px solid grey"><a href="/Team:CSU_Fort_Collins/Outreach/">Outreach</a>
+
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Members/'><span>Team</span></a>
-
    <ul>
+
      <ul>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Collaboration/">Collaboration</a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/Members/'><span>Members</span></a></li>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/Events/">Events</a></li>
+
        <li><a href='/Team:CSU_Fort_Collins/Sponsors/'><span>Sponsors</span></a></li>
-
    <li class="sbutton"><a href="/Team:CSU_Fort_Collins/GMO/">GMO Outreach</a></li>
+
        <li class='last'><a href='/Team:CSU_Fort_Collins/Acknowledgements/'><span>Acknowledgements</span></a></li>
-
    </ul>
+
      </ul>
-
<li class="button" style="border-bottom:1px solid grey"><a href="/Team:CSU_Fort_Collins/Safety/">Safety</a>
+
  </li>
-
<li class="button"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" style="height:3em"/></a></li>
+
  <li class='has-sub' class='active'><a href='/Team:CSU_Fort_Collins/Notebook/'><span>Notebook</span></a>
 +
    <ul style="display:block">
 +
      <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Protocols'><span>Protocols</span></a>
 +
        <ul>
 +
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gibson"><span>Gibson Assembly</span></a></li>
 +
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Cloning"><span>Cloning Genes</span></a></li>
 +
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Miniprep"><span>Plasmid Miniprep</span></a></li>
 +
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Isolation"><span>Yeast DNA Isolation</span></a></li>
 +
          <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gel"><span>Gel Electrophoresis</span></a></li>
 +
          <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Purify"><span>PCR Product Purification</span></a></li>
 +
        </ul>
 +
      </li>
 +
      <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/DailyNotes'><span>Daily Notes</span></a>
 +
        <ul>
 +
        <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun'><span>Biosensor</span></a>
 +
            <ul>
 +
              <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun"><span>June</span></a></li>
 +
              <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jul"><span>July</span></a></li>
 +
              <li class='last'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Aug'><span>August</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Jul'><span>Breakdown</span></a>
 +
            <ul>
 +
              <li><a href="/Team:CSU_Fort_Collins/Notebook/Breakdown/Jul"><span>July</span></a></li>
 +
              <li><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Aug'><span>August</span></a></li>
 +
              <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/Breakdown/Sep"><span>September</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/HVP/Jun'><span>High-Value Product</span></a>
 +
            <ul>
 +
              <li><a href="/Team:CSU_Fort_Collins/Notebook/HVP/Jun"><span>June</span></a></li>
 +
              <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/HVP/Jul"><span>July</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/KillSwitch/Jul'><span>Kill Switch</span></a>
 +
            <ul>
 +
              <li><a href="/Team:CSU_Fort_Collins/Notebook/KillSwitch/Jul"><span>July</span></a></li>
 +
              <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/KillSwitch/Sep"><span>September</span></a></li>
 +
            </ul>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
  </ul>
 +
  </li>
 +
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Collab/'><span>Human Practices</span></a>
 +
      <ul>
 +
        <li><a href='/Team:CSU_Fort_Collins/Collab/'><span>Collaboration</span></a></li>
 +
        <li class='last'><a href='/Team:CSU_Fort_Collins/Outreach/'><span>Outreach</span></a></li>
 +
      </ul>
 +
  </li>
 +
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Parts/'><span>Achievements</span></a>
 +
      <ul>
 +
        <li><a href='/Team:CSU_Fort_Collins/Parts/'><span>Parts</span></a></li>
 +
        <li class='last'><a href='/Team:CSU_Fort_Collins/Judging/'><span>Judging</span></a></li>
 +
      </ul>
 +
  </li>
 +
  <li class='last'><a href='/Team:CSU_Fort_Collins/Safety/'><span>Safety</span></a></li>
</ul>
</ul>
-
</nav>
 
-
<br><br><br>
 
</div>
</div>
-
</center>
 
-
<!---social media-->
+
<div class="clear"></div>
-
<center>
+
-
    <div style="width:50%; padding:30px">
+
-
         
+
-
          <h1>Welcome to CSU's 2014 iGEM Wiki</h1>
+
-
<br>
+
-
Approximately 3 billion gallons per year of used frying oil are produced in the U.S. alone. While some recycling efforts are put forth to turn used frying oil into biodiesel and some companies are working on more effective ways to recycle the frying oil, the iGEM team at Colorado State University is working to turn spent frying oil into a high value product. There are four major components to this year’s project including; the breakdown of frying oil, a biosensor for detecting the breakdown of frying oil, production of a high value product, and a kill switch to kill the bacteria if they were to be released into the environment. Our team aims to put each of these components into Escherichia coli. 
+
-
<br>
+
-
In order to detect that the process is working we have developed a biosensor that will detect the breakdown of Acyl-CoA, which is a byproduct of the breakdown pathway of lipids in E. coli. Our biosensor is being constructed by inserting a novel promoter in front of DNA expressing a Green Fluorescent Protein (GFP). This promoter is activated by Acyl-CoA. This will result in E. coli expressing GFP when successful breakdown is occurring.
+
-
<br>
+
-
In order to break down the frying oil we will be taking advantage of the cell’s natural ability to break down fatty acids for use in the Kreb’s cycle. We will be up-regulating the limiting enzymes that aid in the breakdown of fatty acids which will get the cell to produce more Acetyl-CoA.
+
-
<br>
+
-
This Acetyl-CoA can then be used in the mevalonate pathway to produce terpenoids. This pathway is common to most plants as well as yeast. We will be taking the mevalonate pathway genes from yeast and constructing two operons in order to produce the terpenoid intermediates isopentenyl pyrophosphate (IPP) and dimethylallyl pyrophosphate (DMAPP). While both IPP and DMAPP are both naturally produced in E. coli through the non-mevalonate pathway, the mevalonate pathway provides an efficient route from acetyl-CoA to terpenoid production than the alternative. Our high-value product will be a terpenoid that has yet to be determined.
+
-
<br>
+
-
For our kill switch will be using a gene named Killer Red which is a mutant of hydrozoan chromoprotein anm2CP from Anthomedusae sp. DC-2005. Our team plans to insert this gene into our construct and by doing so, it will provide a fail-safe in the unlikely event of our E. coli escaping into the environment. The Killer Red gene has a repressible promoter in which tryptophan acts as the repressor. There will be tryptophan present while the cell is used to break down the frying oil, but is not highly present in the environment. Without the presence of tryptophan the Killer Red gene will be activated and white light will produce reactive oxygen species within the cell, causing cell death.
+
 +
<div class='wrapper'>
-
 
+
<div class="container">
-
<br><br>
+
    <h1>We are CSU iGEM <br> an undergraduate synthetic biology team</h1>
-
<!---<img src="http://i57.tinypic.com/x55ydv.png" border="0" alt="Oil Statistics" style="width:90em; margin-left:-150px;">
+
We are a group of young researchers from Colorado State University working to build a pathway which breaks down spent frying oil in order to manufacture a value-added terpenoid.
-
<br>--->
+
   
     </div>
     </div>
-
</center>
 
 +
<div class='button'>
 +
<a href='/Team:CSU_Fort_Collins/Project/' style='font-weight:bold; color:#222222'>
 +
  Read more about our Project
 +
</a>
 +
</div>
-
<!---Sponsors bar--->
+
  </center>
-
<center><div style="width:60%; padding:30px"><center><h1>Thank You to Our Sponsors</h1></center>
+
</div>
-
    <a href="http://www.colostate.edu/"><img src="https://static.igem.org/mediawiki/2014/archive/7/7a/20140610203544%21CSU_Logo.png" style="width:15em; padding:30px"/></a><br>    
+
 
-
    <a href="http://worldwide.promega.com/country.aspx?returnUrl=/"><img src="https://static.igem.org/mediawiki/2014/b/b0/Promega_Logo.jpg" style="width:15em; padding:30px"/></a>
+
<div class='wrapper'>
-
    <a href="http://www.sbdc.colostate.edu/"><img src="https://static.igem.org/mediawiki/2014/c/c1/SBDC_Logo.png" style="width:8em; padding:30px"/></a>
+
<table>
-
    <a href="http://www.genscript.com/"><img src="https://static.igem.org/mediawiki/2014/2/2e/GenScript_Logo.png" style="width:16em; padding:30px"/></a>
+
<tr>
-
<br>
+
    <td><img src='https://static.igem.org/mediawiki/2014/c/c1/Team-CSU_Team2.jpg' id='photo'/><br>  
 +
        <div class='button'>
 +
        <a href='/Team:CSU_Fort_Collins/Members/' style='font-weight:bold; color:#222222'>
 +
            Meet Our Team
 +
        </a>
 +
        </div>
 +
    </td>
 +
    <td ><img src='https://static.igem.org/mediawiki/2014/8/80/Team-CSU_Ntbk2.jpg' id='photo'/><br>
 +
        <div class='button'>
 +
        <a href='/Team:CSU_Fort_Collins/Notebook/' style='font-weight:bold; color:#222222'>
 +
            Read Our Notebook
 +
        </a>
 +
        </div>
 +
</span>
 +
    </td>
 +
    <td><img src='https://static.igem.org/mediawiki/2014/2/24/Team_CSU-Handshake2.jpg' id='photo'/><br>
 +
        <div class='button'>
 +
        <a href='/Team:CSU_Fort_Collins/Collab/' style='font-weight:bold; color:#222222'>
 +
            See How We Work With Others
 +
        </a>
 +
        </div>
 +
    </td>
 +
</tr>
 +
</table>
 +
</div>
 +
 
 +
<center>
 +
<div class='container'>
 +
<center>Special thanks to <a href='/Team:CSU_Fort_Collins/Sponsors/'>our sponsors</a> who made this team possible</center>
 +
</div>
 +
</center>
 +
 
 +
</div>
 +
<br><br>
-
<br>
 
-
</div></center>
 
<div class="footer">
<div class="footer">
-
     <center><table style="background-color:#222222"><center><td style="padding-right:30px"><p>© Colorado State University iGEM 2014 | Colorado State University, Campus Delivery 1370, Fort Collins, CO 80523-1370 | <a href="/Team:CSU_Fort_Collins/Contact/" style="color:white"> Contact Us </a>| <a href="/Team:CSU_Fort_Collins/Sponsors/" style="color:white"> Become a Sponsor </a></td></center>
+
     <center><table><center><td><p>© Colorado State University iGEM 2014 | Colorado State University, Campus Delivery 1370, Fort Collins, CO 80523-1370 | <a href="/Team:CSU_Fort_Collins/Contact/" > Contact Us </a>| <a href="/Team:CSU_Fort_Collins/Sponsors/"> Become a Sponsor </a> | <a href="http://www.facebook.com/csu.igem.2014" >Facebook</a> | <a href="http://twitter.com/CSU_iGEM" >Twitter</a></td></center></p>
-
<td> <a href="http://www.facebook.com/csu.igem.2014"><img src="https://static.igem.org/mediawiki/2014/thumb/8/87/CSU_FacebookC.png/600px-CSU_FacebookC.png" style="width:40px"/></a>
+
 
-
          <a href="http://twitter.com/CSU_iGEM"><img src="https://static.igem.org/mediawiki/2014/thumb/6/67/CSU_TwitterC.png/600px-CSU_TwitterC.png" style="width:40px"/> </a></p>
+
-
   
+
-
    </td>
+
</table></center>
</table></center>
</div>
</div>
-
</body>
 
 +
 +
 +
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 +
<script type='text/javascript'>
 +
  $('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>');
 +
      var activeElement = $('#cssmenu>ul>li:first');
 +
 +
      $('#cssmenu>ul>li').each(function() {
 +
          if ($(this).hasClass('active')) {
 +
              activeElement = $(this);
 +
          }
 +
      });
 +
 +
 +
    var posLeft = activeElement.position().left;
 +
    var elementWidth = activeElement.width();
 +
    posLeft = posLeft + elementWidth/2 -6;
 +
    if (activeElement.hasClass('has-sub')) {
 +
      posLeft -= 6;
 +
    }
 +
 +
    $('#cssmenu #pIndicator').css('left', posLeft);
 +
    var element, leftPos, indicator = $('#cssmenu pIndicator');
 +
   
 +
    $("#cssmenu>ul>li").hover(function() {
 +
          element = $(this);
 +
          var w = element.width();
 +
          if ($(this).hasClass('has-sub'))
 +
          {
 +
            leftPos = element.position().left + w/2 - 12;
 +
          }
 +
          else {
 +
            leftPos = element.position().left + w/2 - 6;
 +
          }
 +
 +
          $('#cssmenu #pIndicator').css('left', leftPos);
 +
      }
 +
      , function() {
 +
        $('#cssmenu #pIndicator').css('left', posLeft);
 +
      });
 +
 +
    $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
 +
    $( "#menu-button" ).click(function(){
 +
          if ($(this).parent().hasClass('open')) {
 +
            $(this).parent().removeClass('open');
 +
          }
 +
          else {
 +
            $(this).parent().addClass('open');
 +
          }
 +
        });
 +
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $(document).on('click', '.show', function(){
 +
          $('.toc').show(100);
 +
          $('.show').hide();
 +
    });
 +
    $(document).on('click', '.hide', function(){
 +
          $('.toc').hide();
 +
          $('.show').show(100);
 +
    });
 +
});
 +
</script>
 +
<script type='text/javascript'>
 +
  $(document).ready(function() {
 +
 +
    //Calculate the height of <header>
 +
    //Use outerHeight() instead of height() if have padding
 +
    var aboveHeight = $('#banner').height();
 +
 +
//when scroll
 +
    $(window).scroll(function(){
 +
 +
        //if scrolled down more than the header’s height
 +
            if ( $(window).scrollTop() > aboveHeight ){
 +
 +
        // if yes, add “fixed” class to the <nav>
 +
        // add padding top to the #content
 +
            //(value is same as the height of the nav)
 +
            $('#cssmenu').addClass('fixed').next().css('padding-top','44');
 +
           
 +
 +
            } else {
 +
 +
        // when scroll up or less than aboveHeight,
 +
            //remove the “fixed” class, and the padding-top
 +
            $('#cssmenu').removeClass('fixed').next().css('padding-top','0');
 +
         
 +
            }
 +
 +
            if ( $(window).scrollTop() > aboveHeight-14 ){
 +
              $('#top-section').addClass('disp');
 +
            } else{
 +
            $('#top-section').removeClass('disp');
 +
            }
 +
        });
 +
    });
 +
 +
</script>
 +
 +
 +
</body>
</html>
</html>

Latest revision as of 22:49, 17 October 2014

CSU iGEM 2014

We are CSU iGEM
an undergraduate synthetic biology team

We are a group of young researchers from Colorado State University working to build a pathway which breaks down spent frying oil in order to manufacture a value-added terpenoid.
Read more about our Project

Meet Our Team

Read Our Notebook

See How We Work With Others
Special thanks to our sponsors who made this team possible


© Colorado State University iGEM 2014 | Colorado State University, Campus Delivery 1370, Fort Collins, CO 80523-1370 | Contact Us | Become a Sponsor | Facebook | Twitter

Retrieved from "http://2014.igem.org/Team:CSU_Fort_Collins"