"
~
From 2012hs.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
$wgRawHtml = true; | $wgRawHtml = true; | ||
<html> | <html> | ||
| - | <table id="menue" cellPadding=0 cellSpacing=0> | + | <head> |
| + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> | ||
| + | <title>iGEM-2012HS - LSL-Heidelberg</title> | ||
| + | <style> | ||
| + | #header {position: relative; top: 0px; left: 10px;} | ||
| + | #menue {position: relative; top: 0px; left: 10px; z-index: 20; font-color: #FFFFFF;} | ||
| + | |||
| + | .bereich {position: relative; top: 0px; background-image: url(./images/menu-bg.gif); font-size: 90%; text-decoration: None; width: 128px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;} | ||
| + | |||
| + | .bereich:hover {position: relative; top: 0px; background-image: url(./images/menu-bg-hover.gif); font-size: 90%; text-decoration: None; width: 128px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;} | ||
| + | |||
| + | a.mainlink {text-decoration: None; color: #000000; font-family: Verdana, Arial;} | ||
| + | |||
| + | a.link { | ||
| + | display: block; | ||
| + | color: #FFFFFF; | ||
| + | font-color: #FFFFFF; | ||
| + | font-family: Verdana, Arial; | ||
| + | font-size: 10px; | ||
| + | text-decoration: None; | ||
| + | border: 1px solid #555555; | ||
| + | border-bottom: 0.5px solid #555555; | ||
| + | background-image: url(./images/menu-bg.gif); | ||
| + | padding-top: 8px; | ||
| + | padding-bottom: 7px; | ||
| + | position: relative; | ||
| + | top: 4px; | ||
| + | left: -1px; | ||
| + | width: 128px; | ||
| + | } | ||
| + | |||
| + | a.link.bereich { | ||
| + | display: block; | ||
| + | text-decoration: None; | ||
| + | } | ||
| + | |||
| + | a.link:hover { | ||
| + | display: block; | ||
| + | color: #000000; | ||
| + | text-decoration: None; | ||
| + | background-image: url(./images/menu-bg-hover.gif); | ||
| + | } | ||
| + | </style> | ||
| + | <script type="text/javascript"> | ||
| + | function anzeigen(das){ | ||
| + | if(document.getElementById(das).style.display=='none') | ||
| + | document.getElementById(das).style.display='block'; | ||
| + | else document.getElementById(das).style.display='none';} | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <img src="images/synbio-header-eppis.gif" id="header"> </img> | ||
| + | |||
| + | <table id="menue" cellPadding=0 cellSpacing=0> | ||
<tr> | <tr> | ||
| Line 14: | Line 67: | ||
</td> | </td> | ||
| + | <td valign=top> | ||
| + | |||
| + | <div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')"> | ||
| + | |||
| + | <a href="onlinestore.html" class="mainlink"> Online Store </a> | ||
| + | |||
| + | <span id="menue#2" style="display: none;"> | ||
| + | <a href="idea.html" class="link">Idea</a> | ||
| + | <a href="products.html" class="link">Products</a> | ||
| + | <a href="shoppingbag.html" class="link">Shopping Bag</a> | ||
| + | </span> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </td> | ||
| + | |||
<td valign=top> | <td valign=top> | ||
| - | <div class="bereich" onMouseover="anzeigen('menue# | + | <div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')"> |
<a href="team.html" class="mainlink"> Team </a> | <a href="team.html" class="mainlink"> Team </a> | ||
| - | <span id="menue# | + | <span id="menue#3" style="display: none;"> |
<a href="team.html" class="link">Overview</a> | <a href="team.html" class="link">Overview</a> | ||
| - | <a href=" | + | <a href="members.html" class="link">Members</a> |
| - | + | ||
<a href="life-science-lab.html" class="link">Life-Science Lab</a> | <a href="life-science-lab.html" class="link">Life-Science Lab</a> | ||
</span> | </span> | ||
| Line 34: | Line 102: | ||
<td valign="top"> | <td valign="top"> | ||
| - | <div class="bereich" onMouseover="anzeigen('menue# | + | <div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')"> |
| - | + | <a href="project.html" class="mainlink"> Project </a> | |
| - | <span id="menue# | + | <span id="menue#4" style="display: none;"> |
<a href="abstract.html" class="link">Abstract</a> | <a href="abstract.html" class="link">Abstract</a> | ||
<a href="vision.html" class="link">Vision</a> | <a href="vision.html" class="link">Vision</a> | ||
| Line 49: | Line 117: | ||
<td valign=top> | <td valign=top> | ||
| - | <div class="bereich" onMouseover="anzeigen('menue# | + | <div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')"> |
<a href="notebook.html" class="mainlink"> Notebook </a> | <a href="notebook.html" class="mainlink"> Notebook </a> | ||
| - | <span id="menue# | + | <span id="menue#5" style="display: none;"> |
<a href="plasmidconstructs.html" class="link">Plasmid Constructs</a> | <a href="plasmidconstructs.html" class="link">Plasmid Constructs</a> | ||
<a href="laboratoryprotocolls.html" class="link">Laboratory Protocolls</a> | <a href="laboratoryprotocolls.html" class="link">Laboratory Protocolls</a> | ||
| Line 66: | Line 134: | ||
<td valign=top> | <td valign=top> | ||
| - | <div class="bereich" onMouseover="anzeigen('menue# | + | <div class="bereich" onMouseover="anzeigen('menue#6')" onMouseout="anzeigen('menue#6')"> |
<a href="sponsors.html" class="mainlink"> Sponsors </a> | <a href="sponsors.html" class="mainlink"> Sponsors </a> | ||
| Line 75: | Line 143: | ||
</td> | </td> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
</tr> | </tr> | ||
</table> | </table> | ||
| + | </body> | ||
</html> | </html> | ||
Revision as of 11:08, 22 April 2012
$wgRawHtml = true;
