Team:British Columbia
From 2011.igem.org
(Difference between revisions)
(4 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Template:Template_HD_1}} | {{Template:Template_HD_1}} | ||
<html> | <html> | ||
+ | <head> | ||
<Title>UBC iGEM 2011</Title> | <Title>UBC iGEM 2011</Title> | ||
- | <a href="https://2011.igem.org/Team:British_Columbia/ | + | <style type="text/css"> |
- | + | #slideshow {width:600px; float:left; background-color: white; margin-left: 8px; margin-top:10px;} | |
- | <a href="https://2011.igem.org/Team:British_Columbia/Data"><img src="https://static.igem.org/mediawiki/2011/ | + | #links {width:330px;float:right; background-color: white; margin-left: 8px; margin-top:10px;} |
- | + | </style> | |
- | <a href="https://2011.igem.org/Team:British_Columbia/ | + | |
+ | <div id="slideshow"><center> | ||
+ | <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:85%; | ||
+ | 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: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; | ||
+ | } | ||
+ | |||
+ | #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"> | ||
+ | <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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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/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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | </div></br></br></br></br></div> | ||
+ | <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> | ||
<center> </br></br> | <center> </br></br> |
Latest revision as of 19:57, 17 October 2011