User:Benjamin Miller

From OpenWetWare
Revision as of 12: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>

Imperial College London iGEM 2010 CSynBI

  <a href='#' id='lside1'></a>

   <a href='#' id='lside2'></a>

    <a href='#' id='lside3'></a>

</body>

</html>
















<html> </html>

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