Template:HeaderGroningen2011
From 2011.igem.org
(Difference between revisions)
(75 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | __NOTOC__ |
+ | |||
+ | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
<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://igem.molgenrug.nl/igem2011/ddaccordion.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="js/prototype.js"></script> | ||
+ | <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | ||
+ | <script type="text/javascript" src="js/lightbox.js"></script> | ||
+ | |||
<link rel="stylesheet"href="https://2011.igem.org/Team:Groningen/style.css?action=raw&ctype=text/css"/> | <link rel="stylesheet"href="https://2011.igem.org/Team:Groningen/style.css?action=raw&ctype=text/css"/> | ||
+ | <link rel="stylesheet"href="https://2011.igem.org/Team:Groningen/style_lightbox.css"action=raw&ctype=text/css"/> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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='https://static.igem.org/mediawiki/2011/a/a7/Groningen2011menuplus.png' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2011/5/52/Groningen2011menuminus.png' 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"> | ||
+ | |||
+ | /*********************************************** | ||
+ | * 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 | ||
+ | ***********************************************/ | ||
+ | |||
+ | .glossymenu{ | ||
+ | margin: 5px 0; | ||
+ | padding: 0; | ||
+ | width: 230px; /*width of menu*/ | ||
+ | border: 0px solid #c0c0c0; | ||
+ | border-bottom-width: 1px; | ||
+ | } | ||
+ | |||
+ | .glossymenu a.menuitem{ | ||
+ | background: black url(https://static.igem.org/mediawiki/2011/f/f9/Groningen2011menuglossyback.png) repeat-x bottom left; | ||
+ | font: bold 14px 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(https://static.igem.org/mediawiki/2011/8/80/Groningen2011menuglossybackdark.png); | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu{ /*DIV that contains each sub menu*/ | ||
+ | background-color:transparent; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2011/b/b8/Groningen2011transparantback.png); | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul{ /*UL of each sub menu*/ | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li{ | ||
+ | border-bottom: 1px dotted darkgrey; | ||
+ | |||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li a{ | ||
+ | display: block; | ||
+ | font: normal 13px sans-serif; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | padding: 2px 0px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .glossymenu div.submenu ul li a:hover{ | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
</head> | </head> | ||
- | </ | + | |
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <div id="Gwrapper"> | ||
+ | <div id="Gmenu"> | ||
+ | |||
+ | <div class="glossymenu"> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen">Groningen home page</a> | ||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/team">Team</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/team_overview">Team Overview</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/team_gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/project">Project</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/project">Introduction</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/project_description">Description</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/project_memory_units">Memory units</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/project_AND_gate">AND gate</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/project_degradation_tags">Degradation tags</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/project_characterisation">Parts Characterisation</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/project_characterisation_promoters_pbad">pBAD/AraC promoter</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/project_characterisation_promoters_prm">Prm promoter</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/project_characterisation_promoters_hybb">hybB promoter</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/project_characterisation_mu">Lambda cI autoinducing loop family</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/project_characterisation_mu_lasr">LasR autoinducing loop family</a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/protocols">Protocols</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/cloning"> Cloning</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/flowcytometry"> Flow cytometry</a> | ||
+ | <li> <a href="https://2011.igem.org/Team:Groningen/fluorimetry"> Fluorimetry</a> | ||
+ | </div> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/Data_page">Data page</a> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/project_notebook">Notebook</a> | ||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/modeling">Modeling</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_cumulus">Cumulus</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_vision">Vision</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_methods">Considerations</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_simulation_engine">Simulation</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_genetic_algorithms">Genetic Algorithms</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_results">Results</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/modeling_cumulus2">Cumulus 2.0</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <a class="menuitem submenuheader" href="https://2011.igem.org/Team:Groningen/human_practices">Human Practice</a> | ||
+ | <div class="submenu"> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/human_practices_education">Education</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Groningen/human_practices_song">Song</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/safety" style="border-bottom-width: 0">Safety</a> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/sponsors" style="border-bottom-width: 0">Sponsors</a> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/attributions " style="border-bottom-width: 0">Attributions</a> | ||
+ | <a class="menuitem" href="https://2011.igem.org/Team:Groningen/judging" style="border-bottom-width: 0">Judging</a> | ||
+ | <a class="menuitem" href="https://2011.igem.org/">iGEM home page</a> | ||
+ | </div> | ||
+ | <div id="igemlogogro"> | ||
+ | <a href="http://rug.nl"><img src="https://static.igem.org/mediawiki/2011/4/48/Ruglogo.png" style="padding: 15px;"></a><br/> | ||
+ | <a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/e/e0/Igemlogog.png" style="padding: 5px;"></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <div id="Gcontent"> |
Latest revision as of 22:50, 21 September 2011