Team:CSU Fort Collins

From 2014.igem.org

(Difference between revisions)
m
 
(64 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{
+
#cssmenu > ul {
-
position:fixed;
+
  position: relative;
 +
  display: block;
 +
  background: #222222;
 +
  width: 100%;
 +
  z-index: 500;
}
}
-
nav ul{
+
#cssmenu:after,
-
    position:relative;
+
#cssmenu > ul:after {
-
    list-style:none;
+
  content: '.';
-
    white-space:nowrap;
+
  display: block;
 +
  clear: both;
 +
  visibility: hidden;
 +
  line-height: 0;
 +
  height: 0;
}
}
-
nav ul li{
+
#cssmenu.align-right > ul > li {
-
    display:inline-block;
+
  float: right;
-
    white-space:nowrap;
+
}
}
-
nav ul ul {
+
#cssmenu.align-center ul {
-
    display: none;
+
  text-align: center;
-
    position:absolute;
+
-
    margin-left: 0;
+
-
    margin-top: 10px;
+
}
}
-
nav ul ul li{
+
#cssmenu.align-center ul ul {
-
    display: block;
+
  text-align: left;
-
    text-align: left;
+
-
    float: none;
+
}
}
-
nav ul ul .button {
+
#cssmenu > ul > li {
-
    margin-left: 0;
+
  display: inline-block;
-
    padding-left: 0;
+
  position: relative;
 +
  margin: 0;
 +
  padding: 0;
}
}
-
nav ul li a{
+
#cssmenu > ul > #menu-button {
-
    display:block !important;
+
  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 84: 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>
+
-
         
+
-
         
+
 +
<div class='wrapper'>
-
<br><br>
+
<div class="container">
-
<!---<img src="http://i57.tinypic.com/x55ydv.png" border="0" alt="Oil Statistics" style="width:90em; margin-left:-150px;">
+
    <h1>We are CSU iGEM <br> an undergraduate synthetic biology team</h1>
-
<br>--->
+
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.
 +
   
     </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" style="color:white"><img src="https://static.igem.org/mediawiki/2014/8/87/CSU_FacebookC.png" style="width:30px"/></a>
+
 
-
          <a href="http://twitter.com/CSU_iGEM" style="color:white"><img src="https://static.igem.org/mediawiki/2014/6/67/CSU_TwitterC.png" style="width:30px"/> </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.
Special thanks to our sponsors who made this team possible