"
Template:UalbertaHeader2
From 2012e.igem.org
(Difference between revisions)
| (116 intermediate revisions not shown) | |||
| Line 14: | Line 14: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
#contentSub { | #contentSub { | ||
| Line 44: | Line 45: | ||
padding: 0px; | padding: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 254: | Line 250: | ||
/* Project Navigation Menu*/ | /* Project Navigation Menu*/ | ||
| - | div#menu-position { top:545px; width:950px; margin-left: | + | div#menu-position { top:545px; width:950px; margin-left: 20px; margin-top: 5px; margin-bottom: 40px; background-color:transparent;} |
#CrystalMenu { margin: 0; padding: 0; z-index: 30} | #CrystalMenu { margin: 0; padding: 0; z-index: 30} | ||
#CrystalMenu li { margin: 0; padding: 0; list-style: none; float: left; font: bold 12px Arial} | #CrystalMenu li { margin: 0; padding: 0; list-style: none; float: left; font: bold 12px Arial} | ||
| - | #CrystalMenu li a { display: block; margin: 0 1px 0 0; padding: 8px | + | #CrystalMenu li a { display: block; margin: 0 1px 0 0; padding: 8px 5px; width: 140px; background: #4B8A08; color: #ffffff; text-align: center; text-decoration: none} |
#CrystalMenu li a:hover { background: #4B91AA; color: #ffffff} | #CrystalMenu li a:hover { background: #4B91AA; color: #ffffff} | ||
#CrystalMenu div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #4B91AA;border: 1px solid #ffffff} | #CrystalMenu div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #4B91AA;border: 1px solid #ffffff} | ||
| Line 305: | Line 301: | ||
#wrapperfluid{margin:0 auto;max-width:1260px;} | #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;} | #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 | + | * jQuery Nivo Slider v3.1 |
| - | http://nivo.dev7studios.com | + | * http://nivo.dev7studios.com |
| - | Copyright | + | * |
| - | Free to use and abuse under the MIT license. | + | * Copyright 2012, Dev7studios |
| - | http://www.opensource.org/licenses/mit-license.php | + | * 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: | + | /* The Nivo Slider styles */ |
| - | .nivoSlider a.nivo-imageLink{position:absolute;top: | + | .nivoSlider { |
| - | .nivo-slice{display:block;position:absolute;z-index:5;height:100%;} | + | position:relative; |
| - | .nivo-box{display:block;position:absolute;z-index:5;} | + | width:100%; |
| - | .nivo-caption{position:absolute;left: | + | height:auto; |
| - | .nivo-caption p{padding:5px;margin:0;} | + | overflow: hidden; |
| - | .nivo-caption a{display:inline!important;} | + | } |
| - | .nivo-html-caption{display:none;} | + | .nivoSlider img { |
| - | .nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;} | + | position:absolute; |
| - | .nivo-prevNav{left: | + | top:0px; |
| - | .nivo-nextNav{right: | + | left:0px; |
| - | .nivo-controlNav | + | max-width: none; |
| - | .nivo-controlNav a.active{font-weight: | + | } |
| + | .nivo-main-image { | ||
| + | display: block !important; | ||
| + | position: relative !important; | ||
| + | width: 100% !important; | ||
| + | } | ||
| + | |||
| + | /* If an image is wrapped in a link */ | ||
| + | .nivoSlider a.nivo-imageLink { | ||
| + | position:absolute; | ||
| + | top:0px; | ||
| + | left:0px; | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | border:0; | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | z-index:6; | ||
| + | display:none; | ||
| + | } | ||
| + | /* The slices and boxes in the Slider */ | ||
| + | .nivo-slice { | ||
| + | display:block; | ||
| + | position:absolute; | ||
| + | z-index:5; | ||
| + | height:100%; | ||
| + | top:0; | ||
| + | } | ||
| + | .nivo-box { | ||
| + | display:block; | ||
| + | position:absolute; | ||
| + | z-index:5; | ||
| + | overflow:hidden; | ||
| + | } | ||
| + | .nivo-box img { display:block; } | ||
| + | |||
| + | /* Caption styles */ | ||
| + | .nivo-caption { | ||
| + | position:absolute; | ||
| + | left:0px; | ||
| + | bottom:0px; | ||
| + | background:#000; | ||
| + | color:#fff; | ||
| + | width:100%; | ||
| + | z-index:8; | ||
| + | padding: 5px 10px; | ||
| + | opacity: 0.8; | ||
| + | overflow: hidden; | ||
| + | display: none; | ||
| + | -moz-opacity: 0.8; | ||
| + | filter:alpha(opacity=8); | ||
| + | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ | ||
| + | -moz-box-sizing: border-box; /* Firefox, other Gecko */ | ||
| + | box-sizing: border-box; /* Opera/IE 8+ */ | ||
| + | } | ||
| + | .nivo-caption p { | ||
| + | padding:5px; | ||
| + | margin:0; | ||
| + | } | ||
| + | .nivo-caption a { | ||
| + | display:inline !important; | ||
| + | } | ||
| + | .nivo-html-caption { | ||
| + | display:none; | ||
| + | } | ||
| + | /* Direction nav styles (e.g. Next & Prev) */ | ||
| + | .nivo-directionNav a { | ||
| + | position:absolute; | ||
| + | top:45%; | ||
| + | z-index:9; | ||
| + | cursor:pointer; | ||
| + | } | ||
| + | .nivo-prevNav { | ||
| + | left:0px; | ||
| + | } | ||
| + | .nivo-nextNav { | ||
| + | right:0px; | ||
| + | } | ||
| + | /* Control nav styles (e.g. 1,2,3...) */ | ||
| + | .nivo-controlNav { | ||
| + | text-align:center; | ||
| + | padding: 15px 0; | ||
| + | } | ||
| + | .nivo-controlNav a { | ||
| + | cursor:pointer; | ||
| + | } | ||
| + | .nivo-controlNav a.active { | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | |||
/* | /* | ||
| Line 338: | Line 423: | ||
Author URI: http://dev7studios.com | Author URI: http://dev7studios.com | ||
*/ | */ | ||
| - | .slider-wrapper .nivoSlider{ | + | .slider-wrapper .nivoSlider{height:313px;width:1000px;background:#1a1a1a url(https://static.igem.org/mediawiki/2012e/4/42/Loading.gif) no-repeat 50% 50%;margin-bottom:0px;} |
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;} | .slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;} | ||
.slider-wrapper .nivoSlider a{border:0;display:block;} | .slider-wrapper .nivoSlider a{border:0;display:block;} | ||
| - | .slider-wrapper .nivo-controlNav{position:absolute;left:50%;top: | + | .slider-wrapper .nivo-controlNav{position:absolute;left:50%;top:415px;margin-left:-48px;z-index:9999;/* 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{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-controlNav a.active{background-position:0 -22px;} | ||
| Line 350: | Line 435: | ||
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;} | .slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;} | ||
.slider-wrapper .nivo-caption a:hover{color:#fff;} | .slider-wrapper .nivo-caption a:hover{color:#fff;} | ||
| + | |||
| + | |||
</style> | </style> | ||
| + | |||
| + | </head> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 360: | Line 449: | ||
boxRows: 4, // For box animations | boxRows: 4, // For box animations | ||
animSpeed: 500, // Slide transition speed | animSpeed: 500, // Slide transition speed | ||
| - | pauseTime: | + | pauseTime: 7500, // How long each slide will show |
startSlide: 0, // Set starting Slide (0 index) | startSlide: 0, // Set starting Slide (0 index) | ||
directionNav: true, // Next & Prev navigation | directionNav: true, // Next & Prev navigation | ||
| Line 378: | Line 467: | ||
}); | }); | ||
</script> | </script> | ||
| - | |||
| - | |||
<div id="top-spacer"></div> | <div id="top-spacer"></div> | ||
| Line 388: | Line 475: | ||
<h1><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E">Upcycled Aromatics</a></h1> | <h1><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E">Upcycled Aromatics</a></h1> | ||
</div> | </div> | ||
| + | |||
| + | <img src="https://static.igem.org/mediawiki/2012e/0/02/A%2B.png" style="margin:10px;" height="60px"> | ||
| + | <a href="https://2012e.igem.org/"><img src="https://static.igem.org/mediawiki/2012e/8/8e/IGemE.png" style="float:right;height:66px;width:100px;margin:20px;"></a> | ||
<div id="nav" class="clearfix"> | <div id="nav" class="clearfix"> | ||
<ul> | <ul> | ||
| + | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E">Home</a> | ||
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Team">Team</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Team">Team</a></li> | ||
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Project">Project</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Project">Project</a></li> | ||
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Business_Plan">Business Plan</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Business_Plan">Business Plan</a></li> | ||
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Source_Data">Source Data</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Source_Data">Source Data</a></li> | ||
| - | + | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Achievements">Achievements/Attributions</a></li> | |
| - | + | ||
| - | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Achievements">Achievements</a></li> | + | |
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Outreach">Outreach</a></li> | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Outreach">Outreach</a></li> | ||
</ul> | </ul> | ||
| Line 403: | Line 492: | ||
</div> | </div> | ||
| - | <body> | + | <body> |
| - | + | ||
| - | + | ||
| - | + | ||
<div class="slider-wrapper"> | <div class="slider-wrapper"> | ||
<div id="slider" class="nivoSlider"> | <div id="slider" class="nivoSlider"> | ||
| Line 433: | Line 519: | ||
<div id="m1" | <div id="m1" | ||
onmouseover="mcancelclosetime()" | onmouseover="mcancelclosetime()" | ||
| - | onmouseout="mclosetime()"> | + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> |
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/SpecialtyChemicals">Specialty Chemicals</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/SpecialtyChemicals">Specialty Chemicals</a> | ||
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/CaseStudy"> Case Study</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/CaseStudy"> Case Study</a> | ||
| Line 443: | Line 529: | ||
<div id="m2" | <div id="m2" | ||
onmouseover="mcancelclosetime()" | onmouseover="mcancelclosetime()" | ||
| - | onmouseout="mclosetime()"> | + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> |
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/process">Process</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/process">Process</a> | ||
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/genetics">Genetics</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/genetics">Genetics</a> | ||
| Line 450: | Line 536: | ||
| - | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectlandscape" onmouseover="mopen('m3')" onmouseout="mclosetime()">The | + | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectlandscape" onmouseover="mopen('m3')" onmouseout="mclosetime()">The Competition</a> |
<div id="m3" | <div id="m3" | ||
onmouseover="mcancelclosetime()" | onmouseover="mcancelclosetime()" | ||
| - | onmouseout="mclosetime()"> | + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> |
</div> | </div> | ||
</li> | </li> | ||
| - | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectadvantage" onmouseover="mopen('m4')" onmouseout="mclosetime()">Our | + | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectadvantage" onmouseover="mopen('m4')" onmouseout="mclosetime()">Our Advantage</a> |
<div id="m4" | <div id="m4" | ||
onmouseover="mcancelclosetime()" | onmouseover="mcancelclosetime()" | ||
| - | onmouseout="mclosetime()"> | + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> |
</div> | </div> | ||
</li> | </li> | ||
| Line 467: | Line 553: | ||
<div id="m5" | <div id="m5" | ||
onmouseover="mcancelclosetime()" | onmouseover="mcancelclosetime()" | ||
| - | onmouseout="mclosetime()"> | + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> |
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/environment">Environmental Impact</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/environment">Environmental Impact</a> | ||
<a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/social">Social Impact</a> | <a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/social">Social Impact</a> | ||
| Line 473: | Line 559: | ||
</li> | </li> | ||
| - | </ | + | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/futuredirection" onmouseover="mopen('m3')" onmouseout="mclosetime()">Future Direction</a> |
| + | <div id="m6" | ||
| + | onmouseover="mcancelclosetime()" | ||
| + | onmouseout="mclosetime()" style="position:absolute;z-index:9999"> | ||
| + | </div> | ||
| + | </li> | ||
| + | |||
</div> | </div> | ||
| - | <div id="text-content class="clearfix"> | + | <div id="text-content" class="clearfix"> |
</html> | </html> | ||
Latest revision as of 22:32, 26 October 2012
