Biomod/2011/Aarhus/DanishNanoArtists/Template:Header

From OpenWetWare
Jump to navigationJump to search

<html> <style>

  1. column-one { display:none; width:0px;}

.container{background-color: #f5f5f5; margin-top:50px} .OWWNBcpCurrentDateFilled {display: none;}

  1. content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; align: center;}
  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. globalWrapper{ width:1280px;}
  1. column-one {display:none; width:0px;background-color: #ffffff;}
  1. content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px;background-color: #f5f5f5; }
  2. bodyContent{ width: 1267px; align: center; background-color: #ffffff;}
  1. column-content{width: 1280px;background-color: #f5f5f5;}


a:first-letter {

 color:#f71c1a;

}

  1. nav, #nav ul{
    margin:0;
    padding:0;
    font-size:100%;
    list-style: none;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:2em;
    width:706px;
}
#nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding:0px 5px;
   border:1px solid #fff;
   color:#000;
   text-decoration:none;
   background-color:#fff;
}
  1. nav a:hover{
   background-color:#000;
   color:#fff;

}

  1. nav li{
   float:left;
   list-style: none;
   position:relative;
   width:141px;

}

  1. nav ul {
   position:absolute;
   list-style: none;
   width:141px;
   top:2em;
   display:none;

}

  1. nav li ul a{
   list-style: none;
   width:141px;
   float:left;

}

  1. nav ul ul{
       list-style: none;

top:auto; }

  1. nav li ul ul {
   list-style: none;
   left:141px;
   margin:0px 0 0 10px;
   }
  1. nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
   display:none;
   }
  1. nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
   display:block;
   }

</style> <body> <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script> <script> function mainmenu(){ $(" #nav ul ").css({display: "none"}); // Opera Fix $(" #nav li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400); },function(){ $(this).find('ul:first').css({visibility: "hidden"}); }); }

$(document).ready(function(){

mainmenu(); }); </script>

<ul id="nav">
   <li><a href="#">Team</a>
       <ul>
           <li><a href="#">Mie</a></li>
           <li><a href="#">Irene</a></li>
           <li><a href="#">Jens</a></li>
           <li><a href="#">Hans Christian</a></li>
           <li><a href="#">Steffen</a></li>
           <li><a href="#">Oompa-Loompas</a></li>
           <li><a href="#">Acknowledgements</a></li>
       </ul>
   </li>
   <li><a href="#">Idea</a>
       <ul>
           <li><a href="#">Video</a></li>
           <li><a href="#">Goals</a></li>
       </ul>
   </li>
   <li><a href="#">Project</a>
       <ul>
         <li><a href="#">Self-assembly of the structure</a></li>
         <li><a href="#">Gen knock-down using the RNAi pathway</a></li>
         <li><a href="#">Controlled opening of the structure</a></li>
         <li><a href="#">Methods</a>
           <ul>
             <li><a href="#">Gels</a></li>
             <li><a href="#">SAXS</a></li>
             <li><a href="#">FRET</a></li>
             <li><a href="#">Dicer</a></li>
             <li><a href="#">Luciferase</a></li>
           </ul>
         </li>
         <li><a href="#">Abbreviations</a></li>
       </ul>
   </li>
  <li><a href="#">Summary</a></li>
  <li><a href="#">Litterature</a></li>
</ul>

</body> </html>