Team:Alberta

From 2013.igem.org

(Difference between revisions)
 
(97 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
  <head>
 +
  <style type="text/css">
 +
    .titlebar {
 +
      height:130px;
 +
      width:100%;
 +
    }
 +
    .bin {
 +
      background:url('/wiki/images/e/e4/2013AlbertaBackground.png');
 +
      background-size:100% auto;
 +
      padding-top:20px;
 +
    }
 +
    @-moz-document url-prefix() {
 +
      .nav-icon {
 +
        background-image:url('/wiki/images/6/69/Nav-icon.png');
 +
        display:inline-block;
 +
        position:fixed;
 +
        width:23px;
 +
        height:37px;
 +
        margin-top:-17px;
 +
        margin-left:-90px;
 +
      }
 +
    }
 +
    .nav-icon {
 +
      background-image:url('/wiki/images/6/69/Nav-icon.png');
 +
      display:inline-block;
 +
      position:fixed;
 +
      width:23px;
 +
      height:37px;
 +
      margin-top:-17px;
 +
    }
 +
    .block {
 +
      background-color:white;
 +
      border:1px grey solid;
 +
      padding:10px;
 +
      margin:10px;
 +
      border-radius:5px;
 +
      box-shadow: 0px 0px 30px #444444;
 +
    }
 +
    .titlebar {
 +
      position:fixed;
 +
      top:0px;
 +
      height:130px;
 +
      margin-left:-5px;
 +
      width:975px;
 +
      z-index:2;
 +
      background-color:#FFF;
 +
    }
 +
    .titlebar h3, h4 {
 +
      text-align:left;
 +
    }
 +
    .sidebar {
 +
      position: fixed;
 +
      top: 157px;
 +
      float: left;
 +
      z-index: 3;
 +
      padding: 10px 10px 10px 10px;
 +
      width: 230px;
 +
    }
 +
    .sidebar_block {
 +
      background-color:white;
 +
      margin:1px;
 +
      border:1px grey solid;
 +
      padding:5px 10px 5px 10px;
 +
      border-radius:5px;
 +
      box-shadow: 0px 0px 20px #444444;
 +
    }
 +
    .main {
 +
      position:relative;
 +
      float:right;
 +
      width:720px;
 +
    }
 +
    .clear {
 +
      clear:both;
 +
    }
 +
  .ualberta-logo {
 +
      position:fixed;
 +
      margin-left:70px;
 +
      margin-top:-70px;
 +
      width:180px;
 +
    }
 +
    .igem-logo {
 +
      position:fixed;
 +
      margin-left:650px;
 +
      margin-top:-95px;
 +
      width: 150px;
 +
    }
 +
    .igem-logo img {
 +
      width:210px;
 +
    }
 +
    .igem-bar {
 +
      position:relative;
 +
      float:right;
 +
    }
 +
    .igem-bar a {
 +
      padding:0 !important;
 +
    }
 +
    .igem-bar img {
 +
      height:38px;
 +
    }
 +
    .tooltip {
 +
      width:100%;
 +
    }
 +
    .tooltip .saying {
 +
      background: #EEE;
 +
      color: #444;
 +
      left: 100px;
 +
      margin-bottom: 15px;
 +
      opacity: 0;
 +
      padding: 20px;
 +
      position: absolute;
 +
      visibility: hidden;
 +
      min-width:200px;
 +
      max-width:500px;
 +
      -webkit-transform: translateX(10px);
 +
        -moz-transform: translateX(10px);
 +
          -ms-transform: translateX(10px);
 +
          -o-transform: translateX(10px);
 +
              transform: translateX(10px);
 +
      -webkit-transition: all .25s ease-out;
 +
        -moz-transition: all .25s ease-out;
 +
          -ms-transition: all .25s ease-out;
 +
            -o-transition: all .25s ease-out;
 +
              transition: all .25s ease-out;
 +
      -webkit-border-radius:6px;
 +
        -moz-border-radius:6px;
 +
          -ms-border-radius:6px;
 +
            -o-border-radius:6px;
 +
              border-radius:6px;
 +
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
          -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
            -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
              box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
    }
 +
    .tooltip .saying {
 +
      content: " ";
 +
      top:100px;
 +
      display:block;
 +
      left: 200px;
 +
      max-height:1000px;
 +
      position: absolute;
 +
    } 
 +
    .tooltip .saying:after {
 +
      border-bottom: solid transparent 10px;
 +
      border-top: solid transparent 10px;
 +
      border-right: solid #EEE 10px;
 +
      left: 10px;
 +
      top:10px;
 +
      content: "";
 +
      margin-left:-16px;
 +
      position: absolute;
 +
      width: 0;
 +
      max-height:1000px;
 +
      display:block;
 +
    }
 +
    .tooltip:hover .saying {
 +
      opacity: 1;
 +
      visibility: visible;
 +
      -webkit-transform: translateX(0px);
 +
        -moz-transform: translateX(0px);
 +
          -ms-transform: translateX(0px);
 +
            -o-transform: translateX(0px);
 +
              transform: translateX(0px);
 +
    }
 +
    .active {
 +
      color:#04acec !important;
 +
    }
 +
    .navbar, .navbar ul {
 +
      margin:0;
 +
      padding:0;
 +
      list-style:none;
 +
    }
 +
    .navbar {
 +
      width:963px;
 +
      margin:60px auto;
 +
      position:fixed;
 +
      top:70px;
 +
      z-index:4;
 +
      border: 1px solid #DDD;
 +
      background-color:#FFF;
 +
      background-image: -moz-linear-gradient(#FFF, #DDD);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
 +
      background-image: -webkit-linear-gradient(#FFF, #DDD);
 +
      background-image: -ms-linear-gradient(#FFF, #DDD);
 +
      background-image: linear-gradient(#FFF, #DDD);
 +
      -moz-box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      -webkit-box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      zoom:1;
 +
    }
 +
    .navbar:before, .navbar:after {
 +
      content: "";
 +
      display: table;
 +
    }
 +
    .navbar:after {
 +
      clear:both;
 +
    }
 +
    .navbar li {
 +
      float:left;
 +
      border-right:1px solid #CCC;
 +
      -moz-box-shadow:1px 0 0 #EEE;
 +
      -webkit-box-shadow: 1px 0 0 #EEE;
 +
      box-shadow: 1px 0 0 #EEE;
 +
      position: relative;
 +
    }
 +
    .navbar a {
 +
      float: left;
 +
      padding: 12px 30px;
 +
      color: #444;
 +
      font: bold 12px Arial, Helvetica;
 +
      text-decoration:none;
 +
      /*text-shadow: 0 1px 0 #333;*/
 +
    }
 +
    .navbar li:hover > a {
 +
      color:#BBB;
 +
    }
 +
    .navbar li a:hover { /* IE6 only */
 +
      color:#BBB;
 +
    }
 +
    .navbar ul {
 +
      margin:20px 0 0 0;
 +
      _margin: 0; /* IE6 only */
 +
      opacity: 0;
 +
      visibility: hidden;
 +
      position:absolute;
 +
      top:38px;
 +
      left:0;
 +
      z-index:1;
 +
      background:#FFF;
 +
      background: -moz-linear-gradient(#FFF, #CCC);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
 +
      background: -webkit-linear-gradient(#FFF, #CCC);
 +
      background: -o-linear-gradient(#FFF, #CCC);
 +
      background: -ms-linear-gradient(#FFF, #CCC);
 +
      background: linear-gradient(#FFF, #CCC);
 +
      -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
 +
      -webkit-box-shadow: 0 -1px rgba(255,255,255,.3);
 +
      -box-shadow:0 -1px 0 rgba(255,255,255,.3);
 +
      -moz-border-radius: 3px;
 +
      -webkit-border-radius: 3px;
 +
      border-radius: 3px;
 +
      -webkit-transition: all .2s ease-in-out;
 +
      -moz-transition: all .2s ease-in-out;
 +
      -ms-transition: all .2s ease-in-out;
 +
      -o-transition: all .2s ease-in-out;
 +
      transition: all .2s ease-in-out;
 +
    }
 +
    .navbar li:hover > ul {
 +
      opacity: 1;
 +
      visibility: visible;
 +
      margin:0;
 +
    }
 +
    .navbar ul ul {
 +
      top:0;
 +
      left:150px;
 +
      margin:0 0 0 20px;
 +
      _margin:0;/*IE6 only*/
 +
      -moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
      -webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
      box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
    }
 +
    .navbar ul li {
 +
      float:none;
 +
      display:block;
 +
      border:0;
 +
      _line-height:0; /*IE6 only*/
 +
      -moz-box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
      -webkit-box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
      box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
    }
 +
    .navbar ul li:last-child {
 +
      -moz-box-shadow:none;
 +
      -webkit-box-shadow:none;
 +
      box-shadow:none;
 +
    }
 +
    .navbar ul a {
 +
      padding:10px;
 +
      width:130px;
 +
      _height:10px;/*IE6 only*/
 +
      display:block;
 +
      white-space:nowrap;
 +
      float:none;
 +
      text-transform:none;
 +
    }
 +
    .navbar ul a:hover {
 +
      background-color:#0186ba;
 +
      background-image: -moz-linear-gradient(#04acec, #0186ba);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
 +
      background-image: -webkit-linear-gradient(#04acec, #0186ba);
 +
      background-image: -ms-linear-gradient(#04acec, #0186ba);
 +
      background-image: linear-gradient(#04acec, #0186ba);
 +
    }
 +
    .navbar ul li:first-child > a {
 +
      -moz-border-radius: 3px 3px 0 0;
 +
      -webkit-border-radius: 3px 3px 0 0;
 +
      border-radius: 3px 3px 0 0;
 +
    }
 +
    .navbar ul li:first-child > a:after {
 +
      content:'';
 +
      position:absolute;
 +
      left:40px;
 +
      top:-6px;
 +
      border-left:6px solid transparent;
 +
      border-right:6px solid transparent;
 +
      border-bottom:6px solid #FFF;
 +
    }
 +
    .navbar ul ul li:first-child a:after {
 +
      left:-6px;
 +
      top:50%;
 +
      margin-top:-6px;
 +
      border-left:0;
 +
      border-bottom:6px solid transparent;
 +
      border-top: 6px solid transparent;
 +
      border-right:6px solid #3b3b3b;
 +
    }
 +
    .navbar ul li:first-child a:hover:after {
 +
      border-bottom-color: #04acec;
 +
    }
 +
    .navbar ul ul li:first-child a:hover:after {
 +
      border-right-color: #0299d3;
 +
      border-bottom-color:transparent;
 +
    }
 +
    .navbar ul li:last-child > a {
 +
      -moz-border-radius: 0 0 3px 3px;
 +
      -webkit-border-radius: 0 0 3px 3px;
 +
      border-radius: 0 0 3px 3px;
 +
    }
 +
    .centered {
 +
      text-align:center;
 +
    }
 +
    .centered-well {
 +
      text-align:center;
 +
      width:80%;
 +
      margin:0 auto;
 +
      padding:5px;
 +
      background-color:#CCC;
 +
      border-radius:6px;
 +
      -moz-border-radius:6px;
 +
      -o-border-radius:6px;
 +
      -webkit-border-radius:6px;
 +
    }
 +
    .thumbnails {
 +
      padding: 35px;
 +
      width:700px;
 +
      margin:0 auto;
 +
    }
 +
    .thumbnail {
 +
      position:relative;
 +
      display:inline-block;
 +
      left:180px;
 +
    }
 +
    .thumbnail img{
 +
      /* ... */
 +
      height:100px;
 +
      position:relative;
 +
      -webkit-transition: all .25s ease-out;
 +
        -moz-transition: all .25s ease-out;
 +
          -ms-transition: all .25s ease-out;
 +
            -o-transition: all .25s ease-out;
 +
              transition: all .25s ease-out;
 +
    }   
 +
    .thumbnail img:hover {
 +
      transform:scale(4,4);
 +
      -webkit-transform:scale(4,4);
 +
        -moz-transform:scale(4,4);
 +
        -ms-transform:scale(4,4);
 +
          -o-transform:scale(4,4);
 +
      z-index:999;
 +
      background-color:white;
 +
      border:solid 2px #CCC;
 +
      border-radius:1px;
 +
      -moz-border-radius:1px;
 +
      -o-border-radius:1px;
 +
      -webkit-border-radius:1px;
 +
      -moz-box-shadow: 0px 0px 30px #000;
 +
      -o-box-shadow: 0px 0px 30px #000;
 +
      -webkit-box-shadow: 0px 0px 30px #000;
 +
      box-shadow: 0px 0px 30px #000;
 +
     
 +
    }
 +
    a.anchor{
 +
      display: block;
 +
      position: relative;
 +
      top: -180px;
 +
      visibility: hidden;
 +
    }
 +
  </style>
 +
  </head>
 +
  <body>
 +
    <div class="titlebar">
 +
<br/>
 +
<img src="/wiki/images/4/41/Ab_mapmen_title.png" width="600" height="95"></img><img src="/wiki/images/a/a5/2013-igem-logo.png" width="198" height="95"></img>
 +
 +
    </div>
 +
    <div class="bin">
 +
      <ul class="navbar">
 +
        <li><i class="nav-icon"></i><a  href="/Team:Alberta" class="active">Home</a></li>
 +
        <li><a id="project" href="#"">Project</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/Background">Background</a></li>
 +
            <li><a href="/Team:Alberta/Overview">Overview</a></li>
 +
            <li><a href="/Team:Alberta/Results">Results</a></li>
 +
            <li><a href="/Team:Alberta/Protocols">Protocols</a></li>
 +
            <li><a href="/Team:Alberta/Parts">Submitted Parts</a></li>
 +
            <li><a href="/Team:Alberta/Accomplishments">Accomplishments</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a id="team" href="#">Team</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/Team">Roster</a></li>
 +
            <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
 +
            <li><a href="/Team:Alberta/Sponsors">Sponsors</a></li>
 +
            <li><a href="/Team:Alberta/Attributions">Attributions</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a id="humanpractices" href="#">Human Practices</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/Outreach">Outreach</a></li>
 +
            <li><a href="/Team:Alberta/Community">Community</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="/Team:Alberta/MainSafety">Safety</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/SafetyForm">Safety Form</a></li>
 +
            <li><a href="/Team:Alberta/FAQ">FAQ</a></li>
 +
            <li><a href="/Team:Alberta/Resources">Resources</a></li>
 +
          </ul>
 +
        </li>
 +
      <div class="igem-bar"><a href="https://2013.igem.org"><img src="/wiki/images/a/ad/IGem-logo.png"></img></a></div>
 +
      </ul>
 +
      <div class="sidebar">
 +
        <div class="sidebar_block">
 +
<br>
 +
<img src=" /wiki/images/2/2d/Background_icon.png " align="left" width="50" height="50"></img>Curious about the possibilities of biocomputing? Need of a crash course on travelling salesman problems? Visit our <a href="https://2013.igem.org/Team:Alberta/Background">background page</a> for more information on the real-world applications of our project.
 +
<br>
 +
<br>
 +
<img src="/wiki/images/thumb/b/bf/Workings_icon.png/610px-Workings_icon.png " align="left" width="50" height="50"></img>
 +
Want to get straight to the details of what Team Alberta has been working on this summer? Read up in the <a href="https://2013.igem.org/Team:Alberta/Overview">overview</a> and <a href="https://2013.igem.org/Team:Alberta/Results">results</a> pages to see what we've achieved.
 +
<br>
 +
<br>
 +
      <img src=" /wiki/images/thumb/f/f6/Peoples_icon.png/618px-Peoples_icon.png" align="left" width="50" height="50"></img>Or maybe you'd like to get to know the team itself, those who have helped us along and those we've helped in turn? See the <a href="https://2013.igem.org/Team:Alberta/Team">team roster</a>, <a href="https://2013.igem.org/Team:Alberta/Attributions">sponsors</a> and <a href="https://2013.igem.org/Team:Alberta/Outreach">outreach</a> pages to meet everyone who's participated.
 +
        </div>
 +
      </div>
 +
      <div class="main">
 +
      <!--div class="block">
 +
        <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"></img>
 +
      </div-->
 +
      <div class="block">
 +
        <h3 class="centered">
 +
          Welcome to the Team Alberta website! Our project pushes the limits of Synthetic Biology to create massively parallel, highly selective biological computers.
 +
        </h3><br />
 +
        <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"
 +
          style="width:85%;"></img>
 +
      </div>
 +
      </div>
 +
      <div class="clear"></div>
 +
    </div>
 +
  </body>
 +
</html>
 +
<!--
 +
--------
 +
<html>
<html>
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
Line 48: Line 511:
<html><a class="twitter-timeline" href="https://twitter.com/iGEMAlberta" data-widget-id="368908364702437377">Tweets by @iGEMAlberta</a>
<html><a class="twitter-timeline" href="https://twitter.com/iGEMAlberta" data-widget-id="368908364702437377">Tweets by @iGEMAlberta</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></html>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></html>
 +
 +
-->

Latest revision as of 03:38, 29 October 2013



Curious about the possibilities of biocomputing? Need of a crash course on travelling salesman problems? Visit our background page for more information on the real-world applications of our project.

Want to get straight to the details of what Team Alberta has been working on this summer? Read up in the overview and results pages to see what we've achieved.

Or maybe you'd like to get to know the team itself, those who have helped us along and those we've helped in turn? See the team roster, sponsors and outreach pages to meet everyone who's participated.

Welcome to the Team Alberta website! Our project pushes the limits of Synthetic Biology to create massively parallel, highly selective biological computers.


Retrieved from "http://2013.igem.org/Team:Alberta"