Template:UalbertaHeader3
From 2012e.igem.org
(Difference between revisions)
(55 intermediate revisions not shown) | |||
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://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="ddaccordion.js"> | ||
+ | |||
+ | /*********************************************** | ||
+ | * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) | ||
+ | * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts | ||
+ | * This notice must stay intact for legal use | ||
+ | ***********************************************/ | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | |||
+ | ddaccordion.init({ | ||
+ | headerclass: "submenuheader", //Shared CSS class name of headers group | ||
+ | contentclass: "submenu", //Shared CSS class name of contents group | ||
+ | revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover" | ||
+ | mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover | ||
+ | collapseprev: true, //Collapse previous content (so only one open at any time)? true/false | ||
+ | defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content | ||
+ | onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed) | ||
+ | animatedefault: false, //Should contents open by default be animated into view? | ||
+ | persiststate: true, //persist state of opened contents within browser session? | ||
+ | toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] | ||
+ | togglehtml: ["suffix", "<img src='plus.gif' class='statusicon' />", "<img src='minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) | ||
+ | animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" | ||
+ | oninit:function(headers, expandedindices){ //custom code to run when headers have initalized | ||
+ | //do nothing | ||
+ | }, | ||
+ | onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed | ||
+ | //do nothing | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | ul { | ||
+ | line-height: 1.5em; | ||
+ | list-style-type: square; | ||
+ | margin: .3em 0 0 1.5em; | ||
+ | padding: 0; | ||
+ | list-style-image: none; | ||
+ | } | ||
#contentSub { | #contentSub { | ||
Line 58: | Line 107: | ||
#text-content { | #text-content { | ||
- | margin-left: | + | margin-left: 50px; |
- | margin-right: | + | margin-right: 50px; |
} | } | ||
Line 168: | Line 217: | ||
font-size: small; | font-size: small; | ||
} | } | ||
+ | |||
*/ | */ | ||
Line 272: | Line 322: | ||
* html .clearfix{height:1%;} | * html .clearfix{height:1%;} | ||
*:first-child+html .clearfix{min-height:1%;} | *:first-child+html .clearfix{min-height:1%;} | ||
+ | |||
+ | .glossymenu{ | ||
+ | margin: 5px 0; | ||
+ | padding: 0; | ||
+ | width: 170px; /*width of menu*/ | ||
+ | border: 1px solid #9A9A9A; | ||
+ | border-bottom-width: 0; | ||
+ | } | ||
+ | |||
+ | .glossymenu a.menuitem{ | ||
+ | background: #4B8A08 url(glossyback.gif) repeat-x bottom left; | ||
+ | font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; | ||
+ | color: white; | ||
+ | display: block; | ||
+ | position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ | ||
+ | width: auto; | ||
+ | padding: 4px 0; | ||
+ | padding-left: 10px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | right: 5px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .glossymenu a.menuitem:hover{ | ||
+ | background-image: url(glossyback2.gif); | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu{ /*DIV that contains each sub menu*/ | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul{ /*UL of each sub menu*/ | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li{ | ||
+ | border-bottom: 1px solid #4B8A08; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li a{ | ||
+ | display: block; | ||
+ | font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | padding: 2px 0; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li a:hover{ | ||
+ | background: #DFDCCB; | ||
+ | colorz: white; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4 { | ||
+ | margin-top: 0em; | ||
+ | font-family: 'Yanone Kaffeesatz'; | ||
+ | } | ||
</style> | </style> | ||
Line 283: | Line 402: | ||
<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> | <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> | ||
<p> | <p> | ||
Line 290: | Line 410: | ||
<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> | ||
<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 303: | Line 422: | ||
<div class="image"> | <div class="image"> | ||
- | <img src="https://static.igem.org/mediawiki/2012e/0/0d/Alberta_Team.jpg" width="1000px" height="374px" alt="" /> | + | <img src="https://static.igem.org/mediawiki/2012e/0/0d/Alberta_Team.jpg" width="1000px" height="374px" class="top-img" alt="" /> |
</div> | </div> | ||
+ | |||
+ | <body> | ||
<div id="main-content" class="clearfix"> | <div id="main-content" class="clearfix"> | ||
Line 310: | Line 431: | ||
<div id="text-content"> | <div id="text-content"> | ||
+ | <div id="sidebar"> | ||
+ | |||
+ | <div class="glossymenu"> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Business_Plan">Business Plan</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/ExecSummary">Executive Summary</a> | ||
+ | <a class="menuitem submenuheader" style="text-decoration: none;">Opportunity</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/SpecialtyBus" style="color:#4B8A08;">Specialty Chemicals</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/BiomassBus" style="color:#4B8A08;">Biomass Utilization</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/SolutionBus" style="text-decoration: none;">Our Solution</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/processBus" style="color:#4B8A08;">Process</a></li> | ||
+ | <li><a href="https://2012e.igem.org/Team:Alberta-North-RBI_E/geneticsBus" style="color:#4B8A08;">Genetics</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/CompetitionBus">The Competition</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/AdvantageBus">Our Advantage</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/MarketingBus">Marketing Strategies</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/MilestonesBus">Milestones</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/FinanceBus">Financial Forecasts</a> | ||
+ | <a class="menuitem submenuheader" style="text-decoration: none;">Potential Hurdles</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/ProcessHurdleBus" style="color:#4B8A08;">Process-Related</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/FinanceHurdleBus" style="color:#4B8A08;">Finance-Related</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <a class="menuitem submenuheader" style="text-decoration: none;">Company Structure</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/StructureBus" style="color:#4B8A08;">Our Structure</a></li> | ||
+ | <li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/AdivsoryBus" style="color:#4B8A08;">Advisory Board</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/FutureBus">Future Direction</a> | ||
+ | <a class="menuitem" href="https://2012e.igem.org/wiki/index.php?title=Team:Alberta-North-RBI_E/ExitStrategy">Exit Strategy</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="rightbar" style="float:right;margin:0px"> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 00:56, 27 October 2012