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

From OpenWetWare
Jump to navigationJump to search

<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*/

  1. 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; }

  1. menu * {

margin: 0; padding: 0; }

  1. 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; }

  1. menu ul {

float: left; list-style: none; font-family: Oldtown, fantasy;

}

  1. menu ul li {

background-color:transparent;

       position:relative;

float:left; list-style: none; padding: 10px 15px 0 0;

       font-weight: bold;
       width: auto;

}

  1. menu a {

color: #FFFFFF; display: inline; text-decoration: none; }

  1. menu a:visited {

color:#FFFFFF; text-decoration: none }

  1. menu a:hover {

color: #ea2c65; /* color when the click is over the main menu */ }

  1. 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; }


  1. menu ul li:hover ul {

display: inline;

       background-position: bottom;

}

  1. 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>