Team:British Columbia

From 2011.igem.org

(Difference between revisions)
Line 12: Line 12:
<div id="slideshow"><center></br>
<div id="slideshow"><center></br>
 +
{{Template:Template_HD_1}}
-
<SCRIPT LANGUAGE="JavaScript">
+
<html>
 +
<head>
-
var num=1
+
<style type="text/css">
-
img1 = new Image ()
+
-
img1.src = "https://static.igem.org/mediawiki/2011/4/42/Ubcigemlogowelcome.jpg"
+
-
img2 = new Image ()
+
-
img2.src = "https://static.igem.org/mediawiki/2011/2/2b/UbcigemhomeSlide1.jpg"
+
-
img3 = new Image ()
+
-
img3.src = "https://static.igem.org/mediawiki/2011/4/42/Ubcigemlogowelcome.jpg"
+
-
img4 = new Image ()
+
-
img4.src = "https://static.igem.org/mediawiki/2011/4/42/Ubcigemlogowelcome.jpg"
+
-
function slideshowUp()
+
.nivoSlider {
-
{
+
position:relative;
-
num=num+1
+
}
-
if (num==5)
+
.nivoSlider img {
-
{num=1}
+
position:absolute;
-
document.mypic.src=eval("img"+num+".src")
+
top:0px;
 +
left:0px;
}
}
-
function slideshowBack()
+
.nivoSlider a.nivo-imageLink {
-
{
+
position:absolute;
-
num=num-1
+
top:0px;
-
if (num==0)
+
left:0px;
-
{num=4}
+
width:100%;
-
document.mypic.src=eval("img"+num+".src")
+
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:60;
 +
display:none;
}
}
-
</SCRIPT>
+
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:50;
 +
height:100%;
 +
}
 +
 
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background:none;
 +
color:#000;
 +
font-family:Calibri;
 +
opacity:0.8;
 +
width:100%;
 +
z-index:89;
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
 
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:40%;
 +
z-index:99;
 +
cursor:pointer;
 +
display:block;
 +
width:25px;
 +
height:50px;
 +
background:url(https://static.igem.org/mediawiki/2010/f/f0/Arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
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:0 auto;
 +
}
 +
 
 +
a#dev7link {
 +
display:block;
 +
width:78px;
 +
height:73px;
 +
background:url(../images/dev7.png) no-repeat;
 +
position:absolute;
 +
top:0px;
 +
left:50px;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
 
 +
.nivoSlider {
 +
position:relative;
 +
min-height:220px;
 +
margin:30px 30px 60px 30px;
 +
background:#202834 url(https://static.igem.org/mediawiki/2010/4/42/Loading.gif) no-repeat 50% 50%;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
display:none;
 +
}
 +
.nivoSlider a {
 +
border:0;
 +
}
 +
 
 +
#content {
 +
margin:0 auto;
 +
position:relative;
 +
}
 +
 
 +
.nivo-directionNav a {
 +
display:block;
 +
width:25px;
 +
height:50px;
 +
background:url(https://static.igem.org/mediawiki/2010/f/f0/Arrows.png) no-repeat;
 +
text-indent:-9999px;
 +
border:0;
 +
}
 +
a.nivo-nextNav {
 +
background-position:-25px 0;
 +
right:-1px;
 +
}
 +
a.nivo-prevNav {
 +
left:-10px;
 +
}
 +
 
 +
#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">
-
<!-- The Image and Form Codes are Below -->
+
<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>
-
<CENTER>
+
<a href="https://2011.igem.org/Team:British_Columbia/Background"><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>
-
<IMG SRC="https://static.igem.org/mediawiki/2011/4/42/Ubcigemlogowelcome.jpg" NAME="mypic" BORDER=0>
+
-
<p><p><br>
+
-
<A HREF="JavaScript:slideshowBack()"> <img src="https://static.igem.org/mediawiki/2011/0/07/Ubcigem2011left.jpg"></A>
+
</div>
-
<font color=white><b>
+
-
UBC iGEM 2011: iSYNTHASE, Monoterpene Production in Yeast</font></b>
+
-
<A HREF="JavaScript:slideshowUp()"> <img src="https://static.igem.org/mediawiki/2011/a/a5/Ubcigem2011right.jpg"></A>  
+
-
</center></br>
 
</div>
</div>

Revision as of 05:18, 16 August 2011

Team: British Columbia - 2011.igem.org

UBC iGEM 2011


{{Template:Template_HD_1}}

































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"