Template:UalbertaHeader2

From 2012e.igem.org

(Difference between revisions)
Line 6: Line 6:
<a href="http://www.2createawebsites.com/">
<a href="http://www.2createawebsites.com/">
<img src="http://www.2createawebsites.com/resources/createawebsitelink.gif?" style="display: none;" border="0" height="1" width="1" alt="Create a Website"/></a>
<img src="http://www.2createawebsites.com/resources/createawebsitelink.gif?" style="display: none;" border="0" height="1" width="1" alt="Create a Website"/></a>
 +
<link href='http://fonts.googleapis.com/css?family=Lato|Gentium+Basic' rel='stylesheet' type='text/css' />
 +
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 +
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
 +
<style type="text/css">
<style type="text/css">
Line 285: Line 289:
* html .clearfix{height:1%;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}
*:first-child+html .clearfix{min-height:1%;}
 +
 +
/* Main wrappers */
 +
#wrapper1240{margin:20px auto;width:1240px;}
 +
#wrapper960{margin:20px auto;width:960px;}
 +
#wrapper760{margin:20px auto;width:760px;}
 +
#wrapper600{margin:0 auto;width:600px;}
 +
#wrapperfluid{margin:0 auto;max-width:1260px;}
 +
#wrapper1240,#wrapper960,#wrapper760,#wrapper600,#wrapperfluid{background:#fff url(https://static.igem.org/mediawiki/2012e/4/4e/Contentbg2.jpg) top left;box-shadow:#111 0 0 20px;}
 +
 +
 +
/* Image alignment */
 +
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
 +
.alignleft{float:left;margin-right:30px;}
 +
.alignright{float:right;margin-left:30px;}
 +
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}
 +
 +
/* Additional classes */
 +
.shadow{background:url(https://static.igem.org/mediawiki/2012e/8/8e/Shadow.png) top center no-repeat;}
 +
.clear{clear:both;}
 +
.left{float:left;}
 +
.right{float:right;}
 +
 +
/* Clearing fix */
 +
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
 +
* html .clearfix{height:1%;}
 +
*:first-child+html .clearfix{min-height:1%;}
 +
 +
/*
 +
jQuery Nivo Slider v2.7.1
 +
http://nivo.dev7studios.com
 +
Copyright 2011, Gilbert Pellegrom
 +
Free to use and abuse under the MIT license.
 +
http://www.opensource.org/licenses/mit-license.php
 +
*/
 +
.nivoSlider{position:relative;}
 +
.nivoSlider img{position:absolute;top:0;left:0;}
 +
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
 +
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
 +
.nivo-box{display:block;position:absolute;z-index:5;}
 +
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
 +
.nivo-caption p{padding:5px;margin:0;}
 +
.nivo-caption a{display:inline!important;}
 +
.nivo-html-caption{display:none;}
 +
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
 +
.nivo-prevNav{left:0;}
 +
.nivo-nextNav{right:0;}
 +
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
 +
.nivo-controlNav a.active{font-weight:700;}
 +
 +
/*
 +
Skin Name: Nivo Slider Default Theme (modified)
 +
Skin URI: http://nivo.dev7studios.com
 +
Skin Type: flexible
 +
Description: The default skin for the Nivo Slider, modified to work with the Inland Forest One template.
 +
Version: 1.2
 +
Author: Gilbert Pellegrom (modified by Andreas Viklund)
 +
Author URI: http://dev7studios.com
 +
*/
 +
.slider-wrapper .nivoSlider{position:relative;height:300px;background:#1a1a1a url(https://static.igem.org/mediawiki/2012e/4/42/Loading.gif) no-repeat 50% 50%;margin-bottom:55px;}
 +
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
 +
.slider-wrapper .nivoSlider a{border:0;display:block;}
 +
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
 +
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(https://static.igem.org/mediawiki/2012e/c/c3/Bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
 +
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
 +
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(https://static.igem.org/mediawiki/2012e/f/f0/Arrows.png) no-repeat;text-indent:-9999px;border:0;}
 +
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
 +
.slider-wrapper a.nivo-prevNav{left:15px;}
 +
.slider-wrapper .nivo-caption{font-family:'Lato',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
 +
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
 +
.slider-wrapper .nivo-caption a:hover{color:#fff;}
</style>
</style>
 +
 +
</head>
</head>
 +
<div id="top-spacer"></div>
<div id="top-spacer"></div>
Line 311: Line 388:
</div>
</div>
-
<div class="image">
+
<div id="wrapper960" class="clearfix">
-
    <img src="https://static.igem.org/mediawiki/2012e/0/0d/Alberta_Team.jpg" width="1000px" height="374px" alt="" />
+
 +
 +
<div class="slider-wrapper">
 +
<div id="slider" class="nivoSlider">
 +
<img src="https://static.igem.org/mediawiki/2012e/b/bd/Slider1.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012e/c/c4/Slider2.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012e/9/99/Slider3.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012e/5/5f/Slider4.jpg" alt="" />
 +
</div>
 +
</div>
 +
 
 +
 +
 
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#slider').nivoSlider();
 +
});
 +
</script>
</div>
</div>
-
<div id="main-content" class="clearfix">
 

Revision as of 00:36, 22 October 2012

Create a Website

Retrieved from "http://2012e.igem.org/wiki/index.php/Template:UalbertaHeader2"