Template:UalbertaHeader2
From 2012e.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<head> | <head> | ||
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | ||
+ | <script type="text/javascript" src="http://www.2createawebsites.com/resources/mikemenuhover.js"></script> | ||
+ | <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> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 237: | Line 240: | ||
#nav ul li a:hover{color:#446912;} | #nav ul li a:hover{color:#446912;} | ||
#nav ul li a.current{color:#446912;} | #nav ul li a.current{color:#446912;} | ||
+ | |||
+ | /* Project Navigation Menu*/ | ||
+ | div#menu-position { position:absolute; top:625px; width:950px; margin-left: 5px; } | ||
+ | |||
+ | #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 a { display: block; margin: 0 1px 0 0; padding: 8px 10px; width: 169px; background: #86B404; color: #ffffff; text-align: center; text-decoration: none} | ||
+ | #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 a { position: relative; display: block; margin: 0; padding: 5px 10px; width: 118px; white-space: nowrap; text-align: left; text-decoration: none; background: #333399; color: #FFFFFF; font: 12px Arial} | ||
+ | #CrystalMenu div a:hover { background: #4B91AA; color: #FFFFFF} | ||
+ | |||
/* Columns */ | /* Columns */ | ||
- | |||
- | |||
#trio1{float:left;width:10%;} | #trio1{float:left;width:10%;} | ||
#trio2{float:left;width:45%;} | #trio2{float:left;width:45%;} | ||
Line 305: | Line 318: | ||
- | + | <div id="menu-position"> | |
- | < | + | <ul id="CrystalMenu"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div id=" | + | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectopportunity" onmouseover="mopen('m1')" onmouseout="mclosetime()">Problem/Opportunity</a> |
+ | <div id="m1" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="#">Specialty Chemicals</a> | ||
+ | <a href="#"> Case Study</a> | ||
+ | <a href="#"> Biomass Utilization</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectsolution" onmouseover="mopen('m2')" onmouseout="mclosetime()">Our Solution</a> | ||
+ | <div id="m2" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="#">Process</a> | ||
+ | <a href="#">Genetics</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectlandscape" onmouseover="mopen('m3')" onmouseout="mclosetime()">The Competitive Landscape</a> | ||
+ | <div id="m3" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectadvantage" onmouseover="mopen('m4')" onmouseout="mclosetime()">Our Competitive Advantage</a> | ||
+ | <div id="m4" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectfuture" onmouseover="mopen('m5')" onmouseout="mclosetime()">Significance</a> | ||
+ | <div id="m5" | ||
+ | onmouseover="mcancelclosetime()" | ||
+ | onmouseout="mclosetime()"> | ||
+ | <a href="#">Environmental Impact</a> | ||
+ | <a href="#">Social Impact</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Revision as of 19:29, 21 October 2012