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

From OpenWetWare
Jump to: navigation, search
TeamSendai-logo3.png

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

  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); <!-- fuer ie6 --> 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>


<!--[if IE]> <style type="text/css">

  1. SubWrapper {width: 645px;}
  2. news {width: 317px;}
  3. super_main_wrapper {position:static;}
  4. navigation {left: 15px;}
  5. 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>