Team:British Columbia/Team
From 2011.igem.org
Line 1: | Line 1: | ||
{{Template:Template_HD_1}} | {{Template:Template_HD_1}} | ||
+ | <style type="text/css"> | ||
+ | <|--code taken from the 2010 Heidelberg iGEM wiki--|> | ||
+ | .nivoSlider { | ||
+ | position:relative; | ||
+ | } | ||
+ | .nivoSlider img { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | } | ||
- | + | .nivoSlider a.nivo-imageLink { | |
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | z-index:60; | ||
+ | display:none; | ||
+ | } | ||
+ | .nivo-slice { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | z-index:50; | ||
+ | height:100%; | ||
+ | } | ||
- | + | .nivo-directionNav a { | |
+ | position:absolute; | ||
+ | top:40%; | ||
+ | z-index:99; | ||
+ | cursor:pointer; | ||
+ | display:block; | ||
+ | width:25px; | ||
+ | height:50px; | ||
+ | border:0; | ||
+ | } | ||
+ | a.nivo-nextNav { | ||
+ | background-position:-25px 0; | ||
+ | right:0px; | ||
+ | } | ||
+ | a.nivo-prevNav { | ||
+ | left:0px; | ||
+ | } | ||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | margin:00 auto; | ||
+ | } | ||
+ | |||
+ | .nivoSlider { | ||
+ | position:relative; | ||
+ | } | ||
+ | .nivoSlider img { | ||
+ | position:absolute; | ||
+ | display:none; | ||
+ | } | ||
+ | .nivoSlider a { | ||
+ | border:0; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | .nivo-directionNav a { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #slider1 .nivo-controlNav, | ||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #slider2 a { | ||
+ | display:block; /* IE Fix */ | ||
+ | } | ||
+ | |||
+ | #slider { | ||
+ | margin-bottom:110px; | ||
+ | } | ||
+ | #slider .nivo-controlNav { | ||
+ | position:absolute; | ||
+ | left:29%; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #carbonads-container { | ||
+ | position:fixed; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .pointer { | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | img { | ||
+ | -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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | <div id="slider"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/6/61/Ubcigem2011team.jpg"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2011/3/37/Ubcigem2011team2.jpg"> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
<html> | <html> |
Revision as of 04:08, 19 August 2011
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-directionNav a {
position:absolute;
top:40%;
z-index:99;
cursor:pointer;
display:block;
width:25px;
height:50px;
border:0;
}
a.nivo-nextNav {
background-position:-25px 0;
right:0px;
}
a.nivo-prevNav {
left:0px;
}
/* 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;
}
- wrapper {
margin:00 auto; }
.nivoSlider { position:relative; } .nivoSlider img { position:absolute; display:none; } .nivoSlider a { border:0; }
- content {
margin:0 auto; }
.nivo-directionNav a { display:block; width:25px; height:50px; background:url() no-repeat; text-indent:-9999px; border:30; } a.nivo-nextNav { background-position:-25px 0; right:5px; } a.nivo-prevNav { left:5px; }
- slider1 .nivo-controlNav,
- 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() 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; }
- slider2 a {
display:block; /* IE Fix */ }
- slider {
margin-bottom:110px; }
- slider .nivo-controlNav {
position:absolute; left:29%; 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; }
- carbonads-container {
position:fixed; 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;
}
.clear { clear:both; }
.pointer { cursor:pointer; }
img {
-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() no-repeat 50% 50%; }
- slider img {
position:absolute; top:0px; left:0px; display:none; }
- slider a {
border:0; }
</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>
<img src="">
<img src="">
Team Members
Graduate Advisors
We have also received modeling advice from:
Shing Hei Zhan
Faculty Advisors
We have also received help from:
Dr. Christopher Keeling
Dr. Joerg Bohlmann
Dr. Collete Breuil
Dr. Scott Digustini