User:Benjamin Miller

From OpenWetWare
Revision as of 05:21, 22 September 2010 by Benjamin Miller (talk | contribs)
Jump to navigationJump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

<html> 

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script type="text/javascript">
    $(document).ready(function(){
     $('#lside1').mouseover(function() {
      $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
     });
     $('#lside1').mouseleave(function() {
      $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
     });

$('#lside2').mouseover(function() { 

      $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
     });
     $('#lside2').mouseleave(function() {
      $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
     });

$('#lside3').mouseover(function() { 

      $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
     });
     $('#lside3').mouseleave(function() {
      $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
     });

$('#menuback').mouseover(function() { 

      $('#headover').stop().animate({height:'150px',top:'0px'},1000);
     });
     $('#menu').mouseleave(function() {
      $('#headover ul').stop().fadeOut(500);
      $('#headover').stop().animate({height:'50px',top:'100px'},1000);
     });

$('#lpro').mouseover(function(){ 

     $('#headover ul').stop().fadeOut(500);
     $('#headlistpro').stop().fadeIn(500);
     });

$('#lpla').mouseover(function(){ 

     $('#headover ul').stop().fadeOut(500);
     $('#headlistpla').stop().fadeIn(500);
     });

$('#lres').mouseover(function(){ 

     $('#headover ul').stop().fadeOut(500);
     $('#headlistres').stop().fadeIn(500);
     });

$('#lext').mouseover(function(){ 

     $('#headover ul').stop().fadeOut(500);
     $('#headlistext').stop().fadeIn(500);
     });
    });

</script> 

 <style type="text/css">
  1. title {
  width:900px;
  height:50px;
  position: relative;
  top: 0px;
  left: 0px; 
  font-family: helvetica, arial, sans-serif;
  font-size: 1.5em;
  color: #666666;}

.lighttext { 

  color: #888888;}
  1. menu {
  width:100px;
  height:150px;
  position: relative;
  top: 0px;
  left: 0px;}
  1. menuback {
  width:100px;
  height:150px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ea8828}
  1. headpic {
  width:800px;
  height:150px;
  position: absolute;
  top: 0px;
  left: 100px;
  background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
  1. headover {
  width: 800px;
  height:50px;
  position: absolute;
  top: 100px;
  left: 0px;
  background: url(http://openwetware.org/images/d/d8/Imperialigemheadoverone.png) 0px 0px no-repeat; }

  #side1 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 50px;
   left: 650px;}

  #lside1 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/d/df/Imperialigemsideone.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}

  #side2 {
   width: 250px;
   height: 100px;
   position: absolute;
   top: 150px;
   left: 0px;}

  #lside2 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/6/66/Imperialigemsidetwo.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}

  #side3 {
   width: 250px;
   height: 100px;
   position: absolute;
   top: 150px;
   left: 0px;}

  #lside3 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/e/ea/Imperialigemsidethree.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}

  #headtit{
   font-family: helvetica, arial, sans-serif;
   font-size: 1.2em;
   color: #cccccc;
   position: absolute;
   top: 5px;
   left: 400px;}

  .dark{
   color: #aaaaaa;}

  #menulist{
   list-style: none;}

  #menulist li{
   }

  #menulist li a{
   text-decoration: none;
   font-family: helvetica, arial, sans-serif;
   color: #444444;}

  #headover ul{
   list-style: none;
   display: none;
   position: absolute;
   top: 0px;
   left: 0px;
   }

  #headover ul li{
   }

  #headover ul li a{
   text-decoration: none;
   font-family: helvetica, arial, sans-serif;
   color: #aaaaaa;}

 </style>
</head>
<body>
 <div id='title'>
  <p>Imperial College <span class='light'>London</span>    iGEM <span class='light'>2010</span>    C<span class='light'>Syn</span>BI</p>
 </div>
 <div id='menu'>
  <div id='menuback'>
   <ul id='menulist'>
    <li><a href='#' id='lpro'>Project</a></li>
    <li><a href='#' id='lpla'>Plan</a></li>
    <li><a href='#' id='lres'>Results</a></li>
    <li><a href='#' id='lext'>Extra</a></li>
   </ul>
  </div>
  <div id='headpic'>
   <div id='headover'>
    <p id='headtit'>Parasight <span class='dark'>Parasite detection with a rapid response</span></p>
    <ul id='headlistpro'>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010'>Overview</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Detection_module'>Detection Module</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Fast_Response_module'>Fast Response Module</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Output_module'>Output Module</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Ethics'>Ethics</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Parts'>Parts</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Papers'>Papers</a></li>
    </ul>
    <ul id='headlistpla'>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Strategy'>Strategy</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Parts/Synthesis'>Synthesis</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Lab_Work'>Lab Work</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Protocol'>Protocol</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Modelling'>Modelling</a></li>
    </ul> 
    <ul id='headlistres'>
     <li><a href='#'>Under Construction</a></li>
    </ul> 
    <ul id='headlistext'>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Projects'>Brainstorming</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Journal_Club'>Journal Club</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Movie_Night'>Movie Night</a></li>
     <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Judging_Criteria'>Judging Criteria</a></li>
    </ul> 
   </div>
  </div>
 </div>
 <div id='side1'>
  <a href='#' id='lside1'></a>
  <div id='side2'>
   <a href='#' id='lside2'></a>
   <div id='side3'>
    <a href='#' id='lside3'></a>
   </div>
  </div>
 </div>
</body>

</html>
















<html> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=User:Benjamin_Miller&oldid=456529"