Team:British Columbia

From 2011.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Template_HD_1}}
{{Template:Template_HD_1}}
-
 
<html>
<html>
<head>
<head>
-
<style>
+
<Title>UBC iGEM 2011</Title>
 +
<style type="text/css">
#slideshow {width:600px; float:left; background-color: white; margin-left: 8px;  margin-top:10px;}
#slideshow {width:600px; float:left; background-color: white; margin-left: 8px;  margin-top:10px;}
-
#links {width:350px;float:right; background-color: white; margin-left: 8px;  margin-top:10px;}
+
#links {width:330px;float:right; background-color: white; margin-left: 8px;  margin-top:10px;}
</style>
</style>
 +
<div id="slideshow"><center>
<style type="text/css">
<style type="text/css">
-
#UBCWidget {
+
<|--code taken from the 2010 Heidelberg iGEM wiki--|>
-
  background: repeat-x scroll left bottom #6A8799;
+
.nivoSlider {
-
  background-color: white;
+
position:relative;
-
  float: left;
+
-
  height: 378px;
+
-
  margin-right: 18px;
+
-
  overflow: hidden;
+
-
  position: relative;
+
}
}
-
 
+
.nivoSlider img {
-
 
+
position:absolute;
-
#UBCWidget ul {
+
top:0px;
-
  list-style: none outside none;
+
left:0px;
-
  margin: 0;
+
-
  padding: 0;
+
}
}
-
#UBCWidget ul.TeamStories li {
+
.nivoSlider a.nivo-imageLink {
-
  height: 378px;
+
position:absolute;
-
  overflow: hidden;
+
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:60;
 +
display:none;
}
}
-
#UBCWidget ul.TeamStories li h4 {
+
.nivo-slice {
-
  color: #FFFFFF;
+
display:block;
-
  font-size: 150%;
+
position:absolute;
-
  margin: 0.5em 0 0.2em 14px;
+
z-index:50;
-
  width: 425px;
+
height:100%;
}
}
-
#UBCWidget ul.TeamStories li p {
 
-
  color: #FFFFFF;
 
-
  margin: 0.3em 0 0.3em 14px;
 
-
  width: 425px;
 
-
}
 
-
#UBCWidget ul.TeamStories li a.StoriesReadMore {
+
.nivo-directionNav a {
-
  background-color: #FFFFFF
+
position:absolute;
-
  background: no-repeat scroll 0 0 transparent;
+
top:85%;
-
  display: block;
+
z-index:99;
-
  height: 23px;
+
cursor:pointer;
-
  margin: 0 0 0 14px;
+
display:block;
-
  text-indent: -5000px;
+
width:25px;
-
  width: 95px;
+
height:50px;
 +
border:0;
}
}
-
 
+
a.nivo-nextNav {
-
#UBCWidget ul.TeamStories li div.UBCHeadlinePicture {
+
background-position:-25px 0;
-
  height: 275px;
+
right:0px;
-
  overflow: hidden;
+
-
  vertical-align: middle;
+
}
}
-
 
+
a.nivo-prevNav {
-
#UBCWidget ul.TeamStories li div.UBCHeadlinePicture img {
+
left:0px;
-
  display: block;
+
}
-
  margin: 0 auto;
+
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav a {
 +
position:relative;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
}
}
-
#UBCWidget div.UbcHeadlineNav {
+
#wrapper {
-
  border-left: 1px solid #637C8C;
+
margin:00 auto;
-
  bottom: 20px;
+
-
  color: #FFFFFF;
+
-
  height: 70px;
+
-
  padding: 0 0 0 5px;
+
-
  position: absolute;
+
-
  right: 0;
+
-
  width: 120px;
+
-
  z-index: 100;
+
}
}
-
#UBCWidget div.UbcHeadlineNav a {
+
.nivoSlider {
-
  display: block;
+
position:relative;
-
  float: left;
+
}
-
  height: 22px;
+
.nivoSlider img {
-
  margin: 0 22px;
+
position:absolute;
-
  text-indent: -5000px;
+
display:none;
-
  width: 22px;
+
}
 +
.nivoSlider a {
 +
border:0;
}
}
-
#UBCWidget div.UbcHeadlineNav span {
+
#content {
-
  display: block;
+
margin:0 auto;
-
  float: left;
+
-
  font-weight: bold;
+
-
  height: 17px;
+
-
  padding: 5px 2px 0;
+
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause {
+
.nivo-directionNav a {
-
background: no-repeat;
+
display:block;
 +
width:25px;
 +
height:50px;
 +
background:url(https://static.igem.org/mediawiki/2011/9/9d/Ubcigem2011arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:30;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-25px 0;
 +
right:5px;
 +
}
 +
a.nivo-prevNav {
 +
left:5px;
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause:hover {
+
#slider1 .nivo-controlNav,
-
background-position: 0 -22px;
+
#slider2 .nivo-controlNav,
 +
#slider4 .nivo-controlNav {
 +
position:absolute;
 +
left:47%;
 +
bottom:-30px;
 +
}
 +
#slider1 .nivo-controlNav a,
 +
#slider2 .nivo-controlNav a,
 +
#slider4 .nivo-controlNav a {
 +
display:block;
 +
width:10px;
 +
height:10px;
 +
background:url(https://static.igem.org/mediawiki/2010/c/c3/Bullets.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
margin-right:3px;
 +
float:left;
 +
}
 +
#slider1 .nivo-controlNav a.active,
 +
#slider2 .nivo-controlNav a.active,
 +
#slider4 .nivo-controlNav a.active {
 +
background-position:-10px 0;
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext {
+
#slider2 a {
-
background: no-repeat;
+
display:block; /* IE Fix */
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext:hover
+
#slider {
-
{
+
margin-bottom:110px;
-
background-position: 0 -22px;
+
}
 +
#slider .nivo-controlNav {
 +
position:absolute;
 +
left:16.5%;
 +
bottom:-60px;
 +
}
 +
#slider .nivo-controlNav img {
 +
display:inline;
 +
position:relative;
 +
margin-right:10px;
 +
-moz-box-shadow:0px 0px 5px #333;
 +
-webkit-box-shadow:0px 0px 5px #333;
 +
box-shadow:0px 0px 5px #333;
 +
}
 +
#slider .nivo-controlNav a.active img {
 +
-moz-box-shadow:0px 0px 5px #fff;
 +
-webkit-box-shadow:0px 0px 5px #fff;
 +
box-shadow:0px 0px 5px #fff;
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev
+
#carbonads-container {
-
{
+
    position:fixed;
-
background: url(../img/home/headlineWidgetPrevBtn.gif) no-repeat;
+
    top:10px;
 +
    right:10px;
 +
    background:#15191F;
 +
    padding: 15px;
 +
    -moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px;
 +
}
 +
#carbonads-container .carbonad {
 +
    background:transparent !important;
 +
    border:0 !important;
 +
    width:130px !important;
 +
    height:auto !important;
 +
}
 +
#carbonads-container img,
 +
#carbonads-container span {
 +
    margin:0 0 8px 0 !important;
 +
}
 +
#carbonads-container span.carbonad-text {
 +
    color:#A7B0BF !important;
 +
}
 +
#carbonads-container span.carbonad-text a {
 +
    border:0; !important;
 +
}
 +
#carbonads-container span.carbonad-tag {
 +
    display:block;
 +
    float:none !important;
 +
    margin:0 !important;
 +
    font-style:italic !important;
 +
    text-align:right !important;
 +
    color:#5F6C7F !important;
 +
}
 +
#carbonads-container span.carbonad-tag a {
 +
    color:#5F6C7F !important;
 +
    border:0 !important;
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev:hover
+
.clear {
-
{
+
clear:both;
-
background-position: 0 -22px;
+
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay
+
.pointer {
-
{
+
cursor:pointer;
-
background: url(../img/home/headlineWidgetPlayBtn.gif) no-repeat;
+
}
}
-
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay:hover
+
 
-
{
+
img {
-
background-position: 0 -22px;
+
-ms-interpolation-mode:bicubic;
}
}
 +
 +
img.alignright {float:right; margin:0 0 .7em 1em}
 +
img.alignleft {float:left; margin:0 1em .7em 0}
 +
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
 +
a img.alignright {float:right; margin:0 0 .7em 1em}
 +
a img.alignleft {float:left; margin:0 1em .7em 0}
 +
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
 +
 +
 +
.round5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
 +
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
 +
.round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
 +
.round20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
 +
.round25 { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
 +
.round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }
 +
 +
#slider {
 +
position:relative;
 +
margin:20px 0 20px 0;
 +
background:#202834 url(https://static.igem.org/mediawiki/2010/4/42/Loading.gif) no-repeat 50% 50%;
 +
}
 +
#slider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
#slider a {
 +
border:0;
 +
}
</style>
</style>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 +
<script src="https://static.igem.org/mediawiki/2010/2/28/Sliderpack.txt" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#slider').nivoSlider({
 +
effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
 +
slices:3,
 +
animSpeed:500, //Slide transition speed
 +
pauseTime:8000,
 +
startSlide:0, //Set starting Slide (0 index)
 +
directionNav:true, //Next & Prev
 +
directionNavHide:false, //Only show on hover
 +
controlNav:true, //1,2,3...
 +
controlNavThumbs:true, //Use thumbnails for Control Nav
 +
      controlNavThumbsFromRel:true, //Use image rel for thumbs
 +
keyboardNav:true, //Use left & right arrows
 +
pauseOnHover:true, //Stop animation while hovering
 +
manualAdvance:false, //Force manual transitions
 +
captionOpacity:1, //Universal caption opacity
 +
beforeChange: function(){},
 +
afterChange: function(){},
 +
slideshowEnd: function(){} //Triggers after all slides have been shown
 +
});
 +
});
 +
</script>
</head>
</head>
 +
<div id="slider">
 +
        <a href="https://2011.igem.org/Team:British_Columbia/Accomplishments"><img src="https://static.igem.org/mediawiki/2011/0/04/Ubcigemgold2011.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/9/9a/Ubcigem2011slidergold.jpg"/></a>
-
<body>
+
<a href="https://2011.igem.org/Team:British_Columbia"><img src="https://static.igem.org/mediawiki/2011/4/42/Ubcigemlogowelcome.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/d/d9/2011ubcigemhomeslider1.jpg"/></a>
-
<div id="links"><center>
+
<a href="https://2011.igem.org/Team:British_Columbia/Story"><img src="https://static.igem.org/mediawiki/2011/2/2b/UbcigemhomeSlide1.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/8/83/Ubcigemhomeslider2.jpg"/></a>
-
<a href="https://2011.igem.org/Team:British_Columbia/Notebook"><b>Track our weekly progress at our Notebook!</b>
+
-
<br><img src="https://static.igem.org/mediawiki/2011/5/59/Igemubcnotebooklink.jpg"></a>
+
-
<br>
+
-
<a href="https://2011.igem.org/Team:British_Columbia/Team"><b>Check out our awesome Team!</b>
+
-
<br><img src="https://static.igem.org/mediawiki/2011/5/56/Ubcigemteamlink.jpg"></a>
+
-
</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></html>
+
 +
<a href="https://2011.igem.org/Team:British_Columbia/Data"><img src="https://static.igem.org/mediawiki/2011/1/15/Ubcigemslide7.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/c/cd/Ubcigemslider7.jpg"/></a>
-
<!-- Adapted from www.ubc.ca - START UBCWidget -->
+
<a href="https://2011.igem.org/Team:British_Columbia/Modeling"><img src="https://static.igem.org/mediawiki/2011/d/d8/Ubcigemslide4.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/f/f1/Ubcigemslider4.jpg"/></a>
-
<div id="UBCWidget">
+
<a href="https://2011.igem.org/Team:British_Columbia/HP"><img src="https://static.igem.org/mediawiki/2011/f/f2/Ubcigemslide3.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/3/36/Ubcigemslider3.jpg"/></a>
-
  <ul class="TeamStories" style="position: relative; width: 580px; height: 378px;">
+
-
    <li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 5; opacity: 1;">
+
-
      <div class="UBCHeadlinePicture">
+
-
        <img src="http://upload.wikimedia.org/wikipedia/commons/5/5e/Mt_Fraser_-_Pine_Beetle_Damage.JPG" width="580" height="275" alt="describes the image" border="0" />
+
-
      </div>
+
-
      <h4>Header goes here</h4>
+
<a href="https://2011.igem.org/Team:British_Columbia/Synbioresources"><img src="https://static.igem.org/mediawiki/2011/1/1d/UbcigemSlide2.jpg" alt="" rel="https://static.igem.org/mediawiki/2011/9/97/Ubcigemslide2mini.jpg"/></a>
-
      <p>One sentence description of the event/image/activity</p>
+
-
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
+
</div></br></br></br></br></div>
-
    </li>  
+
<body>
 +
<div id="links"><center></br>
 +
<a href="https://2011.igem.org/Team:British_Columbia/Team"><b>Check out our awesome Team!</b>
 +
<br><img src="https://static.igem.org/mediawiki/2011/5/56/Ubcigemteamlink.jpg"></a>
 +
<br/><br/>
 +
<a href="https://2011.igem.org/Team:British_Columbia/Notebook"><b>Track our weekly progress at our Notebook!</b>
 +
<br><img src="https://static.igem.org/mediawiki/2011/5/59/Igemubcnotebooklink.jpg"></a>
 +
</br>
 +
</div>
-
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;">
+
<center> </br></br>
-
      <div class="UBCHeadlinePicture">  
+
<table>
-
        <!--picture can link out <a href="http://blogs.apsc.ubc.ca/engineeringnews/2011/07/29/ubc-biomedical-engineering-innovators-win-global-competition-to-tackle-maternal-health/">-->
+
<tr>
-
        <img src="https://2011.igem.org/File:Ubcwk8Meet.JPG" width="580" height="275" alt="meeting" border="0" /></a>
+
<td><center><a href="http://ubc.ca/"><b>UBC</b></a><a href="http://ubc.ca/"><img src="http://www.bccdc.ca/NR/rdonlyres/6699BAAB-9BE7-4135-BEA9-361040822803/45766/UBClogo1.jpg" width=50></a><br></td>
-
      </div>
+
-
      <h4>Meeting</h4>
+
<td><center><a href="https://igem.org/Main_Page"><b>iGEM</b></a><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <p>Having a meeting</p>
+
<td><center><a href="https://2011.igem.org/Main_Page"><b>iGEM 2011</b></a><a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
+
-
    </li>
+
-
     
+
-
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;">
+
<td><center><a href="https://2011.igem.org/Community"><b>iGEM Community</b></a><a href="https://2011.igem.org/Community"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <div class="UBCHeadlinePicture">  
+
-
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
+
-
        <img src="https://2011.igem.org/File:Minmeetwk8ubc.JPG" width="580" height="275" alt="meeting" border="0" /></a>
+
-
      </div>
+
-
      <h4>More Meetings</h4>
+
<td><center><a href="http://partsregistry.org/Main_Page"><b>Parts Registry</b></a><a href="http://partsregistry.org/Main_Page"><img src="http://partsregistry.org/wiki/images/e/e0/Montage_70.png" width=70></a><br></td>
-
      <p>Meeting adjourned!</p>
+
<td><center><a href="http://openwetware.org/wiki/IGEM"><b>OpenWetWare</b></a><a href="http://openwetware.org/wiki/IGEM"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
+
-
    </li>
+
-
     
+
-
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
+
-
      <div class="UBCHeadlinePicture">
+
-
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
+
-
        <img src="https://2011.igem.org/File:Ubcjun19gel.jpg" width="580" height="275" alt="meeting" border="0" /></a>
+
-
      </div>
+
-
      <h4>More Meetings</h4>
+
<td><center><a href="http://www.facebook.com/group.php?gid=2217161950"><b>iGEM Facebook</b></a><a href="http://www.facebook.com/group.php?gid=2217161950"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <p>Meeting adjourned!</p>
+
<td><center><a href="http://twitter.com/#!/igem"><b>iGEM Twitter</b></a><a href="http://twitter.com/#!/igem"><img src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png" width=80></a><br></td>
-
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
+
-
    </li>
+
-
     
+
-
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
+
-
      <div class="UBCHeadlinePicture">
+
-
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
+
-
        <img src="https://2011.igem.org/File:Joanneubcmeet.jpg" width="580" height="275" alt="meeting" border="0" /></a>
+
-
      </div>
+
-
      <h4>Brainstorming</h4>
+
<td><center><a href="http://www.ubcigem.com/"><b>UBC iGEM Club</b></a><a href="http://www.ubcigem.com/"><img src="http://www.ubcigem.com/wp-content/uploads/2009/09/UBCiGEMLogo-300x285.jpg" width=70></a><br></td>
 +
</table>
-
      <p>Talking about ideas</p>
+
</br><b>
-
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
+
Contact us at ubcigem(at)gmail.com!
-
    </li>   
+
-
  </ul>
+
-
 
+
-
    <div class="UbcHeadlineNav">
+
-
      <a href="#" class="UbcHeadlineNavPause">Pause</a>
+
-
      <a href="#" class="UbcHeadlineNavPrev">Prev</a>
+
-
      <span class="UbcHeadlineNavPageCount">2 / 5</span>
+
-
      <a href="#" class="UbcHeadlineNavNext">Next</a>
+
-
    </div>
+
-
</div>
+
</body>
</body>
 +
 +
 +
</html>
</html>

Latest revision as of 19:57, 17 October 2011

Team: British Columbia - 2011.igem.org

UBC iGEM 2011






UBC
iGEM
iGEM 2011
iGEM Community
Parts Registry
OpenWetWare
iGEM Facebook
iGEM Twitter
UBC iGEM Club

Contact us at ubcigem(at)gmail.com!

Retrieved from "http://2011.igem.org/Team:British_Columbia"