|
|
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"> |
| | | |
| | | |