Template:UalbertaHeader3

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://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 type="text/javascript">
 +
 +
//Initialize Arrow Side Menu:
 +
ddaccordion.init({
 +
headerclass: "menuheaders", //Shared CSS class name of headers group
 +
contentclass: "menucontents", //Shared CSS class name of contents group
 +
revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", 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: [0], //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: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
 +
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
 +
animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
 +
oninit:function(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">
Line 272: Line 308:
* html .clearfix{height:1%;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}
*:first-child+html .clearfix{min-height:1%;}
 +
 +
.arrowsidemenu{
 +
width: 180px; /*width of menu*/
 +
border-style: solid solid none solid;
 +
border-color: #94AA74;
 +
border-size: 1px;
 +
border-width: 1px;
 +
}
 +
 +
.arrowsidemenu div a{ /*header bar links*/
 +
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 +
display: block;
 +
background: transparent url(arrowgreen.gif) 100% 0;
 +
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
 +
padding: 4px 0 4px 10px;
 +
line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
 +
text-decoration: none;
 +
}
 +
 +
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
 +
color: #26370A;
 +
}
 +
 +
.arrowsidemenu div a:hover{
 +
background-position: 100% -32px;
 +
}
 +
 +
.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
 +
color: #6F3700;
 +
}
 +
 +
 +
.arrowsidemenu div.selected a{ /*header that's currently selected*/
 +
color: blue;
 +
background-position: 100% -64px !important;
 +
}
 +
 +
.arrowsidemenu ul{
 +
list-style-type: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
.arrowsidemenu ul li{
 +
border-bottom: 1px solid #a1c67b;
 +
}
 +
 +
 +
.arrowsidemenu ul li a{ /*sub menu links*/
 +
display: block;
 +
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 +
text-decoration: none;
 +
color: black;
 +
padding: 5px 0;
 +
padding-left: 10px;
 +
border-left: 10px double #a1c67b;
 +
}
 +
 +
.arrowsidemenu ul li a:hover{
 +
background: #d5e5c1;
 +
}
</style>
</style>
Line 310: Line 407:
<div id="text-content">
<div id="text-content">
 +
 +
 +
<body>
 +
 +
<div class="arrowsidemenu">
 +
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/Business_Plan" title="Business Plan">Business Plan</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/ExecutiveSummary" title="Executive Summary">Executive Summary</a></div>
 +
<div class="menuheaders"><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/OpportunityBus" title="The Opportunity">The Opportunity</a></div>
 +
<ul class="menucontents">
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/SpecialtyBus">Specialty Chemicals</a></li>
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/BiomassBus">Biomass Utilization</a></li>
 +
</ul>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/SolutionBus" title="Our Solution">Our Solution</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/CompetitionBus" title="The Competition">The Competition</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/AdvantageBus" title="Our Advantage">Our Advantage</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/MarketBus" title="Marketing Strategies">Marketing Strategies</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/MilestonesBus" title="Milestones">Milestones</a></div>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/ForecastBus" title="Financial Forecasts">Financial Forecasts</a></div>
 +
<div class="menuheaders"><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/HurdlesBus" title="Potential Hurdles">Potential Hurdles</a></div>
 +
<ul class="menucontents">
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/HurdleProcessBus">Process-Related</a></li>
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/HurdleFinancesBus">Finance-Related</a></li>
 +
</ul>
 +
<div class="menuheaders"><a>Company Structure</a></div>
 +
<ul class="menucontents">
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/StructureBus">Our Structure</a></li>
 +
<li><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/AdvisoryBoardBus">Advisory Board</a></li>
 +
</ul>
 +
<div><a href="https://2012e.igem.org/wiki/index.php/Team:Alberta-North-RBI_E/FutureBus" title="Future Direction">Future Direction</a></div>
 +
 +
</body>
 +
</html>
</html>

Revision as of 04:04, 26 October 2012