|
|
| (11 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
| |
| - | <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/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='https://static.igem.org/mediawiki/2009/7/72/Plus.gif' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2009/a/a0/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> |
| | .firstHeading { | | .firstHeading { |
| Line 129: |
Line 99: |
| | | | |
| | #menu ul { | | #menu ul { |
| - | width:100px;
| |
| | list-style:none; | | list-style:none; |
| | margin:0; | | margin:0; |
| Line 145: |
Line 114: |
| | | | |
| | #menu a.orange { | | #menu a.orange { |
| | + | width:100px; |
| | color:#003C7D; | | color:#003C7D; |
| | font-weight:bold; | | font-weight:bold; |
| Line 153: |
Line 123: |
| | | | |
| | #menu a.gray { | | #menu a.gray { |
| | + | width:125px; |
| | color:#000; | | color:#000; |
| | font-weight:normal; | | font-weight:normal; |
| Line 163: |
Line 134: |
| | } | | } |
| | | | |
| - | #menu a:hover { | + | #menu a.orange:hover { |
| | color:#fff; | | color:#fff; |
| | background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png); | | background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png); |
| | + | } |
| | + | |
| | + | #menu a.gray:hover { |
| | + | color:#fff; |
| | + | background: #003C7D; |
| | } | | } |
| | | | |
| | #menu li { | | #menu li { |
| | position:relative; | | position:relative; |
| - | }
| |
| - |
| |
| - | #menu ul ul {
| |
| - | position:absolute;
| |
| - | z-index:500;
| |
| - | }
| |
| - |
| |
| - | #menu ul ul ul {
| |
| - | position:absolute;
| |
| - | top:0;
| |
| - | left:100%;
| |
| - | }
| |
| - |
| |
| - | div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul {
| |
| - | display:block;
| |
| | } | | } |
| | | | |
| Line 255: |
Line 212: |
| | } | | } |
| | | | |
| | + | /**************** Navigation Buttons (for Project and Experiments pages) *****************/ |
| | #nav { | | #nav { |
| | width: 770px; | | width: 770px; |
| Line 281: |
Line 239: |
| | | | |
| | #nav a.intro:hover { | | #nav a.intro:hover { |
| - | text-decoration: none;
| |
| | background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png); | | background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png); |
| | } | | } |
| Line 290: |
Line 247: |
| | | | |
| | #nav a.research:hover { | | #nav a.research:hover { |
| - | text-decoration: none;
| |
| | background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png); | | background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png); |
| | } | | } |
| Line 299: |
Line 255: |
| | | | |
| | #nav a.modeling:hover { | | #nav a.modeling:hover { |
| - | text-decoration: none;
| |
| | background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png); | | background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png); |
| | } | | } |
| | | | |
| - | </style>
| + | #nav a.protocols { |
| - | <!--[if IE]>
| + | background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png); |
| - | <style type=text/css media=screen>
| + | |
| - | #menu ul li { | + | |
| - | float:left;
| + | |
| - | width:100%;
| + | |
| | } | | } |
| | | | |
| - | </style>
| + | #nav a.protocols:hover { |
| - | <![endif]-->
| + | background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png); |
| - | <!--[if lt IE 7]>
| + | |
| - | <style type=text/css media=screen>
| + | |
| - | body {
| + | |
| - | behavior:url(csshover.htc);
| + | |
| - | font-size:100%;
| + | |
| | } | | } |
| | | | |
| - | #menu ul li a { | + | #nav a.vectors { |
| - | height:1%;
| + | background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png); |
| | } | | } |
| | | | |
| - | #menu a.orange,#menu a.gray { | + | #nav a.vectors:hover { |
| - | font:bold .7em/1.4em;
| + | background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png); |
| | } | | } |
| | | | |
| - | body {
| + | #nav a.results { |
| - | font-size:100%;
| + | width: 600px; |
| | + | height: 35px; |
| | + | background:#003C7D |
| | + | } |
| | + | |
| | + | #nav a.results:hover { |
| | + | background:#6e8bbf; |
| | } | | } |
| | | | |
| | </style> | | </style> |
| - | <![endif]-->
| |
| | </html> | | </html> |
"
