"
Template:UalbertaHeader2
From 2012e.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
<script type="text/javascript" src="http://www.2createawebsites.com/resources/mikemenuhover.js"></script> | <script type="text/javascript" src="http://www.2createawebsites.com/resources/mikemenuhover.js"></script> | ||
<a href="http://www.2createawebsites.com/"> | <a href="http://www.2createawebsites.com/"> | ||
| + | <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> | ||
| + | |||
<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> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
| Line 286: | Line 291: | ||
*: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;} | ||
| + | |||
| + | |||
| + | /* | ||
| + | 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 313: | Line 370: | ||
</div> | </div> | ||
| - | <div class=" | + | <body> |
| - | + | ||
| + | |||
| + | |||
| + | <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> | ||
| + | </body> | ||
<div id="main-content" class="clearfix"> | <div id="main-content" class="clearfix"> | ||
Revision as of 00:43, 22 October 2012
