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 289: Line 285:
* 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>
Line 364: Line 290:
</head>
</head>
-
 
<div id="top-spacer"></div>
<div id="top-spacer"></div>
Line 388: Line 313:
</div>
</div>
-
<div id="wrapper960" class="clearfix">
+
<div class="image">
-
+
    <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:38, 22 October 2012

Create a Website