Biomod/2011/TeamJapan/Sendai/About wiki/Wikidesign/draft1

<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); 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>
<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>