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 */
-
#sidebar{width:27%; float:left;}
 
-
#rightbar{width:73%;float:right;}
 
#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="sidebar">
+
<div id="menu-position">
-
<h2 id="pagetitle">Project</h2>
+
<ul id="CrystalMenu">
-
<ul>
+
-
<li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectopportunity">THE PROBLEM/OPPORTUNITY</a></li>
+
-
<li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectsolution">OUR SOLUTION</a></li>
+
-
<li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectlandscape">THE COMPETITIVE LANDSCAPE</a></li>
+
-
<li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectadvantage">OUR COMPETITIVE ADVANTAGE</a></li>
+
-
<li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/projectfuture">SIGNIFICANCE AND FUTURE DIRECTION</a></li>
+
-
</ul>
+
-
    </div>
+
-
     <div id="rightbar">
+
<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

Create a Website