User:Benjamin Miller

From OpenWetWare
Revision as of 10:19, 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(){

$(function(){

  var path = location.pathname.substring(1);
  if ( path )
    $('#menulist li ul li a[href$="http://openwetware.org/wiki/User:Benjamin_Miller"]').css("color","#ea8828");
});
     $('#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() {
      $('#menulist li a').css("color","#dddddd");
      $('#headover ul li a').css("color","#dddddd");
      $('#headover ul').fadeOut(500);
      $('#headover').stop().animate({height:'50px',top:'100px'},1000);
     });

$('.menulist1').mouseover(function(){

$('.menulist1').css("color","#dddddd");
$(this).css("color","#ea8828");
$('#menulist li ul').css("display","none");
$(this).next().stop().fadeIn(500);

});

$('#headover ul li a').mouseover(function(){

$('#headover ul li a').css("color","#dddddd");
$(this).css("color","#ea8828");

});

    });

</script>

 <style type="text/css">
  #title {
   width:900px;
   height:50px;
   position: relative;
   top: 0px;
   left: 0px;}
  #implogo {
   width:190px;
   height:50px;
   position: absolute;
   top: 0px;
   left: 20px;
   background-image:url(http://openwetware.org/images/c/c9/Imperialigemimplogo.jpg);}
  #igemlogo {
   width:84px;
   height:50px;
   position:absolute;
   top:0px;
   left:260px;
   background-image:url(http://openwetware.org/images/9/9c/Imperialigemigemlogo.jpg);}
  #csynbilogo {
   width:205px;
   height:50px;
   position:absolute;
   top:0px;
   left:394px;
   background-image:url(http://openwetware.org/images/a/ac/Imperialigemcsynbilogo.jpg);}
  #menu {
   width:100px;
   height:150px;
   position: relative;
   top: 20px;
   left: 0px;}
  #menuback {
   width:100px;
   height:150px;
   position: absolute;
   top: 0px;
   left: 0px;
   background-color: #495046}
  #headpic {
   width:800px;
   height:150px;
   position: absolute;
   top: 0px;
   left: 100px;
   background-image: url('http://openwetware.org/images/5/54/Imperialigemheadone.jpg'); }
  #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: 40px;
   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: 120px;
   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: 120px;
   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;}
  a {
   outline:none;}
  #headtit{
   font-family: helvetica, arial, sans-serif;
   font-size: 1.2em;
   color: #ffffff;
   position: absolute;
   top: 0.5em;
   right: 1.4em;}
  .dark{
   color: #dddddd;}
  .highlight{
   color: #ea8828;}
  #menulist{
   position: absolute;
   top: 16px;
   left: 3px;
   list-style: none;}
  #menulist li{
   height: 30px;
   }
  #menulist li a{
   font-weight: 100;
   font-size: 1.2em;
   text-decoration: none;
   font-family: helvetica, arial, sans-serif;
   color: #dddddd;}
  #menulist li ul{
   list-style: none;
   display: none;
   position: absolute;
   top: 1.2em;
   left: 0.2em;
   }
  #menulist li ul ul{
   position: absolute;
   top:-0.2em;
   left: 15em;}
  #menulist li ul li{
   height: 2.4em;
   }
  #menulist li ul li a{
   font-weight: 100;
   font-size: 1.2em;
   text-decoration: none;
   font-family: helvetica, arial, sans-serif;
   color: #dddddd;}
 </style>
</head>
<body>
 <div id='title'>
  <div id='logoimp'>
  </div>
  <div id='logoigem'>
  </div>
  <div id='logocsynbi'>
  </div>
 </div>
 <div id='menu'>
  <div id='menuback'>
   <ul id='menulist'>
    <li><a href='' class='menulist1'>Project</a>
     <ul id='menulist1a'>
      <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>
       <ul id='menulist1b'>
        <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>
      </li>
     </ul>
    </li>
    <li><a href='' class='menulist1'>Plan</a>
     <ul id='menulist2a'>
      <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>
       <ul id='menulist2b'>
        <li><a href='http://openwetware.org/wiki/IGEM:Imperial/2010/Modelling'>Modelling</a></li>
       </ul>
      </li>
     </ul>
    </li>
    <li><a href='' class='menulist1'>Results</a>
     <ul id='menulist3a'>
      <li><a href=''>Under Construction</a></li>
     </ul>
    </li> 
    <li><a href='' class='menulist1'>Extra</a>
     <ul id='menulist4a'>
      <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> 
    </li>
   </ul>
  </div>
  <div id='headpic'>
   <div id='headover'>
    <p id='headtit'>Parasight<span class='dark'> &nbsp;<span class='highlight'>|</span>&nbsp;&nbsp;Parasite detection with a rapid response</span></p>
   </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>