Biomod/2011/TeamJapan/Sendai/About wiki/Wikidesign/draft1
<html> <!-- The organization of this header for the links is inspired by BIOMOD2011 Tokyo team --> <!-- This contains the patch for IE as you can find here.. http://peterned.home.xs4all.nl/csshover.html . -->
<style type="text/css"> .clear {clear:both;}
a:link { /*color: #cf85ea;*/ text-decoration: none } a:visited { color:#00a5ea; text-decoration: none } #main_wrapper {
position:relative; left:0px; top:0px;
margin: 0; height: 40px; width: 969px; align: center; border-style: solid;
border-color: white;
} /* to change the black bar with the menu*/
- header {
position:relative;
align: center;
left:148px; top:0px;
margin: 0; width: 750px; height: 55px; background-color: #000000; } #navigation { position:relative;
left:20px; width:970px; height:20px;
align: center; /* xxx */
background-color: transparent; float: left;
color: #0000FF; }
- menu * {
margin: 0; padding: 0; }
- menu {
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> font-family: Courier New; font-size: 16px; background-color: transparent; float:center; padding: 10px 0 0 0; }
- menu ul {
float: left; list-style: none; font-family: Oldtown, fantasy;
}
- menu ul li {
background-color:transparent;
position:relative;
float:left; list-style: none; padding: 10px 15px 0 0;
font-weight: bold; width: auto;
}
- menu a {
color: #FFFFFF; display: inline; text-decoration: none; }
- menu a:visited {
color:#FFFFFF; text-decoration: none }
- menu a:hover {
color: #ea2c65; /* color when the click is over the main menu */ }
- menu ul li ul {
display: none; position: absolute; left: 0px;
heigth: 1%;
font-family: "Comic Sans MS" , "Brush Script MT",serif, sans-serif, monospace, cursive, fantasy; font-size: 20px; opacity: 0.5; list-style: none;
top: 30px; padding-top: 20px; z-index:500;
width: auto; }
- menu ul li:hover ul {
display: inline;
background-position: bottom;
}
- menu ul li ul li {
width: 100%; list-style: none;
background-color: #000; margin: -1px; padding: 0px 0 0 5px; display: inline;
}
</style>
<!--[if IE]>
<style type="text/css">
- SubWrapper {width: 645px;}
- news {width: 317px;}
- super_main_wrapper {position:static;}
- navigation {left: 15px;}
- menu ul li ul {left: -2px; top: 22px;}
</style> <![endif]-->
<!-- ######################### Menus ############################# -->
<br />
<div id="main_wrapper">
<div id="header">
<div id="navigation"> <div id="menu" style="position:static"> <ul>
<li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai">Home</a></li> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Project">Project</a></li>
<li><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Result">Results</a>
<ul>
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Result">Electrophoresis</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Result Atomic Force Microscope">AFM</a></li>
</ul>
</li> <li><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Simulation">Computational design</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Legs">Legs design</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Simulation">Simulation</a></li>
</ul>
</li>
<li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Supports">Supports</a></li> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Team">Team</a></li> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Notes">Notes</a></li> <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Sendai/Resources"> Resources </a></li>
</ul>
</div><!-- end drop menu --> </div> <!-- end navigation --> </div> </div>
<br /> <br />
<!-- For IE 6 --> <script type="text/javascript"> window.onload = function() {
var lis = document.getElementsByTagName('li'); for(i = 0; i < lis.length; i++) { var li = lis[i]; if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') { li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; } li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; } } }
} </script>
</html>