|
|
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> |
- | <style type="text/css">
| + | <a href="https://2011.igem.org/Team:British_Columbia/Team"><img src=""></a> |
- | #slideshow {width:600px; float:left; background-color: white; margin-left: 8px; margin-top:10px;}
| + | |
- | #links {width:330px;float:right; background-color: white; margin-left: 8px; margin-top:10px;}
| + | |
- | </style>
| + | |
- | | + | |
- | <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/Press"><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/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>
| + | |
- | | + | |
- | <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> |