Template:Http://2012.igem.org/User:Tabima
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="http://linacabal.com/juan/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"> | ||
+ | |||
+ | //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: "mouseover", //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"> | ||
+ | |||
+ | .arrowsidemenu{ | ||
+ | width: 180px; /*width of menu*/ | ||
+ | border-style: solid solid none solid; | ||
+ | border-color: #94AA74; | ||
+ | border-size: 1px; | ||
+ | border-width: 1px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a{ /*header bar links*/ | ||
+ | font: bold 12px Helvetica, Arial, sans-serif; | ||
+ | display: block; | ||
+ | background: transparent url(https://static.igem.org/mediawiki/2012/e/e6/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: #283b00; | ||
+ | } | ||
+ | |||
+ | |||
+ | .arrowsidemenu div.selected a{ /*header that's currently selected*/ | ||
+ | color: #616161; | ||
+ | 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 Helvetica, Arial, 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> | ||
+ | |||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 112: | Line 217: | ||
</head> | </head> | ||
<body> | <body> | ||
- | |||
- | + | <div id="wrap"> | |
- | + | ||
- | + | <div class="arrowsidemenu"> | |
- | < | + | <div><a href="https://2012.igem.org/Team:Colombia">Home</a></div> |
- | <ul> | + | |
+ | <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Team">The Team</a></div> | ||
+ | <ul class="menucontents"> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Team#The_Team">The Team</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Team#The_Team">The Team</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Team#Undergrads">Undergrads</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Team#Undergrads">Undergrads</a></li> | ||
Line 124: | Line 230: | ||
<li><a href="https://2012.igem.org/Team:Colombia/Team#Instructors:">Instructors</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Team#Instructors:">Instructors</a></li> | ||
</ul> | </ul> | ||
- | + | ||
- | < | + | <div class="menuheaders"><a>Our Project</a></div> |
- | <ul> | + | <ul class="menucontents"> |
<li><a href="https://2012.igem.org/Team:Colombia/Project/Problem">The Problem</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Project/Problem">The Problem</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Project/Basics">The Basics Project</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Project/Basics">The Basics Project</a></li> | ||
Line 135: | Line 241: | ||
</ul> | </ul> | ||
- | + | <div><a href="https://2012.igem.org/Team:Colombia/Parts">Parts</a></div> | |
- | + | ||
<!--ul> | <!--ul> | ||
<li><a href="#">Via Email</a></li> | <li><a href="#">Via Email</a></li> | ||
<li><a href="#">Stalk Us Elsewhere</a></li> | <li><a href="#">Stalk Us Elsewhere</a></li> | ||
</ul--> | </ul--> | ||
- | < | + | <div class="menuheaders"><a>Modeling</a></div> |
- | + | <ul class="menucontents"> | |
- | <ul> | + | |
<li><a href="https://2012.igem.org/Team:Colombia/Modeling/Diff">Diferential Equations</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Diff">Diferential Equations</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Modeling/Paramterers">Parameters</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Paramterers">Parameters</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Modeling/Stochastic">Stochastic Model</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Stochastic">Stochastic Model</a></li> | ||
</ul> | </ul> | ||
- | < | + | <div><a href="https://2012.igem.org/Team:Colombia/Notebook">Results</a></div> |
- | + | <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Human">Human Practices</a></div> | |
- | + | <ul class="menucontents"> | |
- | < | + | |
- | <ul> | + | |
<li><a href="https://2012.igem.org/Team:Colombia/Human/Social: Schools">Social: Schools</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Human/Social: Schools">Social: Schools</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Human/Social: Coffee growers">Social: Coffe growers</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Human/Social: Coffee growers">Social: Coffe growers</a></li> | ||
Line 158: | Line 260: | ||
<li><a href="https://2012.igem.org/Team:Colombia/Human/IGEMLA">iGEM Latinamerica</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Human/IGEMLA">iGEM Latinamerica</a></li> | ||
</ul> | </ul> | ||
- | < | + | <div class="menuheaders"><a>Notebook</a></div> |
- | + | <ul class="menucontents"> | |
- | <ul> | + | |
<li><a href="https://2012.igem.org/Team:Colombia/Notebook/Journal">Journal</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Journal">Journal</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Notebook/Meetings">Meetings</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Meetings">Meetings</a></li> | ||
Line 168: | Line 269: | ||
<li><a href="https://2012.igem.org/Team:Colombia/Notebook/Human">Human Practices</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Human">Human Practices</a></li> | ||
</ul> | </ul> | ||
- | < | + | <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Safety">Safety</a></div> |
- | + | <ul class="menucontents"> | |
- | <ul> | + | |
<li><a href="https://2012.igem.org/Team:Colombia/Safety#Safety_Considerations_.22Hazardous_reagents_and_Biohazards.22">Hazard</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Safety#Safety_Considerations_.22Hazardous_reagents_and_Biohazards.22">Hazard</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Safety#Safety_Considerations_.22Biological_Parts_.26_Devices.22">Biological Parts and Devices</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Safety#Safety_Considerations_.22Biological_Parts_.26_Devices.22">Biological Parts and Devices</a></li> | ||
<li><a href="https://2012.igem.org/Team:Colombia/Safety#Biosafety_Provisions">Biosafety Provisions</a></li> | <li><a href="https://2012.igem.org/Team:Colombia/Safety#Biosafety_Provisions">Biosafety Provisions</a></li> | ||
</ul> | </ul> | ||
- | < | + | <div><a href="https://2012.igem.org/Team:Colombia/Attributions">Attributions</a></div> |
- | + | ||
<!--ul> | <!--ul> | ||
<li><a href="#">Bench Press</a></li> | <li><a href="#">Bench Press</a></li> | ||
Line 182: | Line 281: | ||
<li><a href="#">Press n Seal</a></li> | <li><a href="#">Press n Seal</a></li> | ||
</ul--> | </ul--> | ||
- | < | + | <div class="menuheaders"><a>University & Jamboree</a></div> |
- | + | <ul class="menucontents"> | |
- | <ul> | + | |
<li><a href="http://www.uniandes.edu.co">UniAndes</a></li> | <li><a href="http://www.uniandes.edu.co">UniAndes</a></li> | ||
<li><a href="https://2012.igem.org/Regions/Latin_America/Jamboree">Latin American Jamboree 2012</a></li> | <li><a href="https://2012.igem.org/Regions/Latin_America/Jamboree">Latin American Jamboree 2012</a></li> | ||
</ul> | </ul> | ||
- | + | ||
- | < | + | <div><a href="https://2012.igem.org/">iGEM</a></div> |
- | + | ||
- | </ | + | </div> |
+ | |||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 00:50, 26 September 2012