Team:Alberta

From 2010.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Alberta/Head}}
 +
{{Team:Alberta/navbar|home=selected}}
 +
__NOTOC__
 +
{{Team:Alberta/beginWideContent}}
 +
<html>
-
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet
+
<object width="190" height="590" style="float:left;margin-right:15px;margin-top:5px;"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F55131217%40N04%2Fsets%2F72157625119525505%2Fshow%2F&page_show_back_url=%2Fphotos%2F55131217%40N04%2Fsets%2F72157625119525505%2F&set_id=72157625119525505&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F55131217%40N04%2Fsets%2F72157625119525505%2Fshow%2F&page_show_back_url=%2Fphotos%2F55131217%40N04%2Fsets%2F72157625119525505%2F&set_id=72157625119525505&jump_to=" width="190" height="590"></embed></object>
-
*      edited by Team Alberta 2010 for their wiki
+
</html>
-
*/
+
 +
<div id="main-info-box">
 +
==GENOMIKON: An Educational Toolkit for Rapid Genetic Construction==
 +
<div id="horiz-line"></div>
 +
<div style="margin: 0pt; height: 70px;">
 +
Building DNA is too hard. It has to be cheaper, faster, and easier, so that everyone can do it.  So... we've created an inexpensive, self-contained educational kit called GENOMIKON - everything you need to build, test and operate genetic circuits and metabolic pathways.  It comes with an online lab manual, notebook, and experiment software. It can be used by professionals as well.
 +
</div>
 +
<html>
 +
<div id="tour-link" class="tour-link"><p>GENOMIKON AT A GLANCE</p></div>
 +
<!--
 +
<div style="clear: both; text-align: center;">
 +
<a href="https://2010.igem.org/Team:Alberta/Tour/start" "id="tourstart">
 +
  <img src="/wiki/images/5/5c/Alberta_Start.png" width=140px class=startimage>
 +
</a>
 +
</div>
 +
-->
 +
</html>
 +
</div>
 +
<div id="info-box1" class="right-info-box achieve-link">
-
/* things we want to hide */
+
==Achievements==
-
h1.firstHeading {
+
# Optimized BioBytes 2.0 assembly method.
-
display:none;
+
# Created an educational, self-containing tool kit for the high school classroom.
-
}
+
# Developed online, educational software tools.
 +
# Demonstrated that high school students can successfully assemble plasmids using our kit.
-
#p-logo{
+
</div>
-
  display:none;
+
<div id="info-box2" class="right-info-box software-link">
-
}
+
-
/* rearrange the topsection bar */
+
==THE SOFTWARE==
-
#top-section{
+
Learn about synthetic biology and apply your knowledge by creating and sharing your own experiments.
-
    height:0;
+
<html>
-
}
+
<!---[[Image:team-alberta-main-page-plasmid-builder.png]]-->
-
#menubar{
+
<img width="242" height="96" border="0" src="/wiki/images/a/a9/Team-alberta-main-page-plasmid-builder.png" alt="Image:team-alberta-main-page-plasmid-builder.png" style="position: relative; top: 60px; left: -9px;">
-
    top:0;
+
</html>
-
}
+
</div>
-
#search-controls{
+
<div id="info-box3" class="center-info-box biobytes-link">
-
    top:4px;
+
-
    left:745px;
+
-
    width:0;
+
-
}
+
-
#searchInput{
+
-
    border:1px solid white;
+
-
    position:absolute;
+
-
}
+
-
/*
+
-
#mw-searchButton{
+
-
    color:#FFFFFF;
+
-
    left:172px;
+
-
    top:0;
+
-
    position:absolute;
+
-
}
+
-
#searchGoButton{
+
-
    position:absolute;
+
-
    left:130px;
+
-
}
+
-
*/
+
-
#searchGoButton{
+
==BioBytes 2.0==
-
  display:none;
+
We have improved and adapted the BioBytes assembly method, created by the 2009 Alberta iGEM team, into an educational tool kit that is self-containing and affordable so that high school students can use it.
-
}
+
<br><br>
-
#mw-searchButton{
+
[[Image:Team-alberta-biobytes-home2.png|242px]]
-
  background-color:#282560;
+
</div>
-
  border:1px solid white;
+
<div id="info-box4" class="center-info-box kit-link">
-
  color:transparent;
+
==The kit==
-
  height:19px;
+
Everything you need to construct a functional plasmid... in one afternoon!
-
  left:124px;
+
<!--[[Image:team-alberta-closed-kit-image-w264.png||x171px]]-->
-
  position:absolute;
+
<html>
-
  top:-1px;
+
<img height="171" src="/wiki/images/1/17/Team-alberta-closed-kit-image-w264.png">
-
  width:24px;
+
</html>
-
  cursor:pointer;
+
</div>
-
  background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
+
<div id="thanks-footer">
-
  background-position:center center;
+
<span class="llink1">
-
  background-repeat:no-repeat;
+
==[[Team:Alberta/Sponsors|THANK YOU TO OUR GENEROUS CONTRIBUTORS]]==
-
}
+
</span>
-
 
+
</div>
-
 
+
{{Team:Alberta/endMainContent}}
-
 
+
-
/******** things we added ****************/
+
-
div#igem-logo-link{
+
-
  background-color:transparent;
+
-
  background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
+
-
  height:77px;
+
-
  margin:0;
+
-
  position:absolute;
+
-
  width:100px;
+
-
  left:947px;
+
-
  top:33px;
+
-
}
+
-
 
+
-
div#igem-logo-link a{
+
-
  color:transparent;
+
-
  display:block;
+
-
  height:77px;
+
-
  width:100px;
+
-
}
+
-
 
+
-
#top-strip{
+
-
    background-color:#282560;
+
-
    clear:both;
+
-
    display:block;
+
-
    height:170px;
+
-
    padding-left:50%;
+
-
    padding-right:54%;
+
-
    position:absolute;
+
-
    top:0;
+
-
    width:0
+
-
}
+
-
#top-strip h2{
+
-
    color:#73FF9A;
+
-
    display:block;
+
-
    font-size:35px;
+
-
    font-weight:bold;
+
-
    left:61px;
+
-
    line-height:39px;
+
-
    position:relative;
+
-
    top:22px;
+
-
}
+
-
 
+
-
/*** position the genomikon logo ***/
+
-
#top-strip a img{
+
-
    position:absolute;
+
-
    top:38px;
+
-
    left:0;
+
-
    width:auto;
+
-
    height:79px;
+
-
}
+
-
 
+
-
/*** navbar styling **/
+
-
#navbar {
+
-
    position:absolute;
+
-
    top:131px;
+
-
}
+
-
#navbar ul {
+
-
    list-style:none;
+
-
}
+
-
#navbar ul li{
+
-
    float:left;
+
-
    position:relative;
+
-
}
+
-
#navbar ul li a:visited,#navbar ul li a:link{
+
-
    margin-right:30px;
+
-
    color:#fff;
+
-
    font-weight:bold;
+
-
}
+
-
#navbar ul li a:hover,#navbar ul li a.selected {
+
-
    color:#00F2BC;
+
-
    text-decoration:none;
+
-
}
+
-
#navbar li.headlink ul{
+
-
    display:none;
+
-
    background-color:#282560;
+
-
    margin:0 10px 0 0;
+
-
    text-align:left;
+
-
    padding:10px;
+
-
    z-index:20;
+
-
    position:absolute;
+
-
    left:-10px;
+
-
}
+
-
#navbar li.headlink ul li{
+
-
    float:none;
+
-
}
+
-
 
+
-
 
+
-
/* make a content area in center and a sidebar on each side*/
+
-
#left-sidebar, #right-sidebar, #center-content, #wide-content{
+
-
    float:left;
+
-
    /* position below the drop down menus*/
+
-
    z-index:-1;
+
-
    /* leave space for header */
+
-
    margin-top:170px;
+
-
}
+
-
#center-content{
+
-
    width:550px;
+
-
}
+
-
/*The centre content for the Timeline needs to be a bit wider*/
+
-
#center-content .timeline{
+
-
    width:800px;
+
-
    float:none;
+
-
}
+
-
#wide-content{
+
-
    width:975px;
+
-
}
+
-
 
+
-
#left-sidebar, #right-sidebar{
+
-
    width:198px;
+
-
}
+
-
/*Need Timeline to start at left*/
+
-
#left-sidebar .Timeline{
+
-
    width:0px;
+
-
}
+
-
#left-sidebar{
+
-
    margin-right:20px;
+
-
}
+
-
#right-sidebar{
+
-
    border:none;
+
-
    margin-left:20px;
+
-
 
+
-
/*  position: absolute;
+
-
    right: 0px;
+
-
    width: 190px;
+
-
    border-left: 3px solid gray;
+
-
    font-size: 95%;
+
-
    line-height: 90%;*/
+
-
}
+
-
 
+
-
/* the tourbar */
+
-
#tourbar{
+
-
    clear:both;
+
-
    height:5em;
+
-
    margin:173px auto 4em;
+
-
    width:678px;
+
-
}
+
-
#tourbar a{
+
-
    background:none repeat scroll 0 0 #CCCCCC;
+
-
    color:black;
+
-
    display:block;
+
-
    float:left;
+
-
    height:1em;
+
-
    padding:3em 0;
+
-
    text-align:center;
+
-
    vertical-align:middle;
+
-
    width:100px;
+
-
    margin-right:5px;
+
-
    margin-left:5px;
+
-
}
+
-
#tourbar a.selected{
+
-
    margin-top:1em;
+
-
}
+
-
#tourbar a.left{
+
-
    background-color:white;
+
-
    background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
+
-
    background-repeat:no-repeat;
+
-
    width:54px;
+
-
}
+
-
#tourbar a.right{
+
-
    background-color:white;
+
-
    background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
+
-
    background-repeat:no-repeat;
+
-
    width:54px;
+
-
}
+
-
/* the info boxes on homepage */
+
-
#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
+
-
    height:250px;
+
-
    padding:18px;
+
-
    z-index:-1;
+
-
}
+
-
#main-info-box {
+
-
    width:100%;
+
-
    overflow:hidden;
+
-
    padding:0;
+
-
    height:286px;
+
-
    clear:both;
+
-
}
+
-
 
+
-
#tinted-info-box {
+
-
    width:100%
+
-
    overflow:hidden;
+
-
    padding:10px;
+
-
    height:286px;
+
-
    clear:both;
+
-
    background-color: #00F2BC;
+
-
   
+
-
 
+
-
}
+
-
 
+
-
#left-gray-box {
+
-
    width:100%;
+
-
    padding-left: 10px;
+
-
    background-color: #e6e6e6;
+
-
}
+
-
 
+
-
#info-box1,#info-box2,#info-box3,#info-box4 {
+
-
    background-color:#00CDD0;
+
-
    color:#282560;
+
-
    overflow:hidden;
+
-
    width:228px;
+
-
    margin-top: 18px;
+
-
    cursor: pointer;
+
-
}
+
-
#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
+
-
    color:#282560;
+
-
    text-align:center;
+
-
    text-transform:uppercase;
+
-
}
+
-
#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
+
-
    color:#000
+
-
}
+
-
.right-info-box{
+
-
    position:relative;
+
-
    left:1px;
+
-
}
+
-
.center-info-box{
+
-
    float:left;
+
-
}
+
-
/* software */
+
-
#tourbar a.software{
+
-
    background-color:#00cdd0;
+
-
}
+
-
#info-box1{
+
-
    margin-top:0;
+
-
    background-color:#00cdd0;
+
-
}
+
-
 
+
-
#info-box1:hover {
+
-
    background-color: #33fffc;
+
-
}
+
-
 
+
-
/* kit box */
+
-
#tourbar a.kit {
+
-
    background-color:#b8fed1;
+
-
}
+
-
#info-box2{
+
-
    background-color:#b8fed1;
+
-
    height:268px;
+
-
    padding-top:0;
+
-
}
+
-
#info-box2:hover {
+
-
    background-color:#e1fff4;
+
-
}
+
-
 
+
-
/* achievments boxes*/
+
-
#tourbar a.achievments{
+
-
    background-color:#73FF9A;
+
-
}
+
-
#info-box3{
+
-
    background-color:#73FF9A;
+
-
    margin-left:0;
+
-
}
+
-
#info-box3:hover {
+
-
    background-color:#a6ffbe;
+
-
}
+
-
 
+
-
/* biobytes boxes */
+
-
#tourbar a.biobytes{
+
-
    background-color:#00F2BC;
+
-
}
+
-
#info-box4 {
+
-
    background-color:#00F2BC;
+
-
    margin-left:18px;
+
-
}
+
-
#info-box4:hover {
+
-
    background-color:#33f5f6;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/* parts table */
+
-
#mytable
+
-
{
+
-
width: 100%;
+
-
padding: 0;
+
-
margin: 0;
+
-
}
+
-
 
+
-
#mytable th
+
-
{
+
-
  background-color:#282560;
+
-
  color:#fff;
+
-
  padding:6px 6px 6px 12px;
+
-
  text-align:left;
+
-
}
+
-
 
+
-
#mytable td
+
-
{
+
-
background: #ccc;
+
-
padding: 0.3em 0.3em 0.3em 0.7em;
+
-
color: #282560;
+
-
}
+
-
 
+
-
 
+
-
#mytable td.alt
+
-
{
+
-
background: #ffffff;
+
-
color: #282560;
+
-
}
+
-
 
+
-
#mytable th.spec
+
-
{
+
-
background: #a5a5a5 no-repeat;
+
-
font: bold 1em "Trebuchet MS", Times;
+
-
        color: #ffffff;
+
-
}
+
-
 
+
-
#mytable th.specalt
+
-
{
+
-
background: #ffffff no-repeat;
+
-
font: bold 1em "Trebuchet MS", Times;
+
-
color: #656565;
+
-
}
+
-
#mytable a:visited, #mytable a:link, #mytable a:hover{
+
-
    color:#282560;
+
-
    text-decoration:underline;
+
-
}
+
-
#mytable a:hover {
+
-
    color:#00F2BC;
+
-
}
+
-
 
+
-
/********* things we changed ***********/
+
-
#footer-box{
+
-
  background-color:#E6E6E6;
+
-
  border:none;
+
-
  margin:100px auto 0;
+
-
  padding:5px;
+
-
  width:965px;
+
-
}
+
-
body {
+
-
  background-color:#FFFFFF;
+
-
  background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
+
-
  background-repeat:repeat-x;
+
-
}
+
-
 
+
-
#footer{
+
-
    clear:both;
+
-
}
+
-
h3{
+
-
  font-size:100%;
+
-
  font-weight:normal;
+
-
  position:relative;
+
-
  top:-1em;
+
-
}
+
-
 
+
-
/* new colors */
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    color: #9D2063;
+
-
    border:none;
+
-
}
+
-
span.editsection, span.editsection a{
+
-
    color:#ccc;
+
-
}
+
-
body{
+
-
    background-color:#fff;
+
-
}
+
-
#content{
+
-
    border:none;
+
-
    width:975px;
+
-
    padding-left:0;
+
-
    padding-right:0;
+
-
}
+
-
 
+
-
#menubar li a, #menubar .selected a, #menubar li a:visited{
+
-
    color: #888;
+
-
}
+
-
#menubar li a:hover{
+
-
    color: #00F2BC;
+
-
}
+
-
 
+
-
 
+
-
/* table of contents */
+
-
#toc{
+
-
    background-color:#e6e6e6;
+
-
    border:none;
+
-
    width:100%;
+
-
}
+
-
/*timeline stuff*/
+
-
 
+
-
/*months and their overlaying divs*/
+
-
 
+
-
#May{
+
-
background-color: Orange;
+
-
height: 500px;
+
-
width: 780 px;
+
-
 
+
-
}
+
-
 
+
-
ul.rolodex{
+
-
    list-style-type: none;
+
-
    list-style-image: none;
+
-
}
+
-
 
+
-
ul.rolodex li{
+
-
    color: #282560;
+
-
}
+
-
ul.rolodex li:hover {
+
-
    color: #00F2BC;
+
-
    cursor: pointer;
+
-
}
+

Latest revision as of 02:41, 28 October 2010

TEAM ALBERTA

GENOMIKON: An Educational Toolkit for Rapid Genetic Construction

Building DNA is too hard. It has to be cheaper, faster, and easier, so that everyone can do it. So... we've created an inexpensive, self-contained educational kit called GENOMIKON - everything you need to build, test and operate genetic circuits and metabolic pathways. It comes with an online lab manual, notebook, and experiment software. It can be used by professionals as well.