Team:CSU Fort Collins

From 2014.igem.org

(Difference between revisions)
m
 
(151 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html>
<html>
-
<!--main content -->
 
-
<table width="70%" align="center">
 
-
 
-
<!---banner--->
 
-
<img src="https://2014.igem.org/File:Mountains.jpg">
 
-
<p>Welcome to CSU's 2014 iGEM Wiki</p>
 
-
<!--navigation menu -->
+
<title>CSU iGEM 2014</title>
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
<head>
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
 +
<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'>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:CSU_Fort_Collins"style="color:#000000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<style type="text/css">
-
<a href="https://2014.igem.org/Team:CSU_Fort_Collins/Team"style="color:#000000"> Meet </a> </td>
+
/* http://meyerweb.com/eric/tools/css/reset/
 +
  v2.0 | 20110126
 +
  License: none (public domain)
 +
*/
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
html, body, div, span, applet, object, iframe, p, blockquote, pre,
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=CSU_Fort_Collins"style="color:#000000"> Learn </a></td>
+
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;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar > ul{
-
<a href="https://2014.igem.org/Team:CSU_Fort_Collins/Project"style="color:#000000"> Interact</a></td>
+
  vertical-align:center;
 +
  font-size:14px;
 +
  font-family:'Times New Roman',serif;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.firstHeading{
-
<a href="https://2014.igem.org/Team:CSU_Fort_Collins/Parts"style="color:#000000"> Give</a></td>
+
display:none;
 +
}
 +
#textbox span{
 +
  color:#E6B800;
 +
}
 +
.photo{
 +
  width:70%;
 +
}
 +
table{
 +
  font-family:'Muli',sans-serif;
 +
}
 +
body{
 +
  background-color:#EFEFEF;
 +
  line-height:1.3;
 +
  font-size:90%;
 +
}
 +
#cssmenu {
 +
  width:100%;
 +
  height: 44px;
 +
  background: #222222;
 +
  position:relative;
 +
  text-align:center;
 +
  margin:auto;
 +
}
 +
#cssmenu ul {
 +
  list-style: none;
 +
  padding: 0;
 +
  margin: 0;
 +
  line-height: 1;
 +
}
 +
#cssmenu > ul {
 +
  position: relative;
 +
  display: block;
 +
  background: #222222;
 +
  width: 100%;
 +
  z-index: 500;
 +
}
 +
#cssmenu:after,
 +
#cssmenu > ul:after {
 +
  content: '.';
 +
  display: block;
 +
  clear: both;
 +
  visibility: hidden;
 +
  line-height: 0;
 +
  height: 0;
 +
}
 +
#cssmenu.align-right > ul > li {
 +
  float: right;
 +
}
 +
#cssmenu.align-center ul {
 +
  text-align: center;
 +
}
 +
#cssmenu.align-center ul ul {
 +
  text-align: left;
 +
}
 +
#cssmenu > ul > li {
 +
  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;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.page, .container{
-
</tr>
+
  width:50%;
-
</table>
+
  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;
 +
}
-
<!--end navigation menu -->
+
h1{
-
</tr>
+
  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{
 +
    background-color:#222222;
 +
    width:100%;
 +
    margin:auto;
 +
    padding:15px;
 +
    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;
 +
}
-
</tr>
+
wrapper table td{
-
+
width:300px;
 +
padding:10px;
 +
overflow:hidden;
 +
}
 +
#photo{
 +
width:300px;
 +
margin:auto;
 +
padding:10px;
 +
}
 +
</style>
 +
</head>
-
</td>
+
<body style='margin:0'>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<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>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
</center></div>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
<div id='cssmenu'>
 +
<ul>
 +
  <li><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
 +
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Project/'><span>Project</span></a>
 +
      <ul>
 +
        <li><a href='/Team:CSU_Fort_Collins/Biosensor/'><span>Biosensor</span></a></li>
 +
        <li><a href='/Team:CSU_Fort_Collins/Breakdown/'><span>Breakdown</span></a></li>
 +
        <li><a href='/Team:CSU_Fort_Collins/HVP/'><span>High-Value Product</span></a></li>
 +
        <li><a href='/Team:CSU_Fort_Collins/KillSwitch/'><span>Kill Switch</span></a></li>
 +
      </ul>
 +
  </li>
 +
  <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Members/'><span>Team</span></a>
 +
      <ul>
 +
        <li><a href='/Team:CSU_Fort_Collins/Members/'><span>Members</span></a></li>
 +
        <li><a href='/Team:CSU_Fort_Collins/Sponsors/'><span>Sponsors</span></a></li>
 +
        <li class='last'><a href='/Team:CSU_Fort_Collins/Acknowledgements/'><span>Acknowledgements</span></a></li>
 +
      </ul>
 +
  </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>
 +
</div>
-
<!--requirements section -->
+
<div class="clear"></div>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
 
 +
<div class='wrapper'>
 +
 
 +
<div class="container">
 +
    <h1>We are CSU iGEM <br> an undergraduate synthetic biology team</h1>
 +
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 class='button'>
 +
<a href='/Team:CSU_Fort_Collins/Project/' style='font-weight:bold; color:#222222'>
 +
  Read more about our Project
 +
</a>
 +
</div>
 +
 
 +
  </center>
 +
</div>
 +
 
 +
<div class='wrapper'>
 +
<table>
<tr>
<tr>
-
<td width="45%"  valign="top">  
+
    <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>
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<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>
-
<!-- Links to other team pages -->
+
</div>
-
<ul>
+
<br><br>
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CSU_Fort_Collins">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CSU_Fort_Collins/Attributions">Attributions</a> </li>
+
-
</ul>
 
-
</td>
+
<div class="footer">
 +
    <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>
 +
 
 +
</table></center>
 +
</div>
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
-
</ul>
 
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
 
-
</tr>
 
 +
<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');
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
      $('#cssmenu>ul>li').each(function() {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
          if ($(this).hasClass('active')) {
 +
              activeElement = $(this);
 +
          }
 +
      });
-
<!--tips  -->
+
    var posLeft = activeElement.position().left;
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
    var elementWidth = activeElement.width();
 +
    posLeft = posLeft + elementWidth/2 -6;
 +
    if (activeElement.hasClass('has-sub')) {
 +
      posLeft -= 6;
 +
    }
-
<tr>
+
    $('#cssmenu #pIndicator').css('left', posLeft);
-
<td width="45%" valign="top">
+
    var element, leftPos, indicator = $('#cssmenu pIndicator');
-
<p>We are currently working on providing teams with some easy to use design templates.
+
   
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
    $("#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;
 +
          }
-
<ul>
+
          $('#cssmenu #pIndicator').css('left', leftPos);
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
      }
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
      , function() {
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
        $('#cssmenu #pIndicator').css('left', posLeft);
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
      });
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
    $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
-
</td>
+
    $( "#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() {
-
<td> </td>
+
    //Calculate the height of <header>
-
<td width="45%">
+
    //Use outerHeight() instead of height() if have padding
 +
    var aboveHeight = $('#banner').height();
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
//when scroll
 +
    $(window).scroll(function(){
-
<ul>
+
        //if scrolled down more than the header’s height
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
            if ( $(window).scrollTop() > aboveHeight ){
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
 
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
        // if yes, add “fixed” class to the <nav>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
        // add padding top to the #content
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
            //(value is same as the height of the nav)
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
            $('#cssmenu').addClass('fixed').next().css('padding-top','44');
-
<li>Have lots of fun! </li>
+
           
-
</ul>
+
 
-
</br>
+
            } else {
-
</td>
+
 
-
</tr>
+
        // when scroll up or less than aboveHeight,
-
</table>
+
            //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>

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"