Team:Fudan D

<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);
     var last = path.split("/");
     if ( last[1] ) {
      $('#headover ul li a[href*="' + last[1] + '"]').addClass

("curlink").css("color","#01DF01");
     }
     else {
      $('#headover ul li a[href$="' + path + '"]').addClass

("curlink").css("color","#01DF01");
     }
    });

    $('#menuback').mouseover(function() {
     $('#headover').stop().animate({height:'150px',top:'0px'},1000);
    });

    $('#menu').mouseleave(function() {
     $('.listhead').not('.curlink').css("color","#ffffff");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('#headover ul').fadeOut(500);
     $('#headover').stop().animate

({height:'50px',top:'500px'},1000);
    });

    $('.listhead').mouseover(function(){
     $('.listhead').not('.curlink').css("color","#ffffff");
     $(this).css("color","#444444");
     $('#headover ul').css("display","none");
     var vActive = $(this).attr("id");
     $('.'+vActive).stop(true, true).fadeIn(500);
    });

    $('.listmain').mouseover(function(){
     $('.listmain').not('.curlink').css("color","#dddddd");
     $(this).css("color","#01DF01");
    });

    $('#headover').mouseleave(function(){
     $('.listmain').not('.curlink').css("color","#dddddd");
    });

   });
  </script>
  <style type="text/css">

   a:link {color:#04B404;}
   a:visited {color:#04B404;}
   a:hover {color:#04B404;}
   a:active {color:#04B404;}

   #top-section {
   background-color: #000000;
   height: 100px;
   border: none;
   width:910px;
   height:20px}

   #p-logo {
   position: absolute;
   display: none;}

   #search-controls {
   display: none;}

   #menubar.left-menu {
   position: absolute;
   top:0px;
   left:0px;}

   #menubar.right-menu {
   position: absolute;
   top:0px;
   right:0px;}


   #menubar a:active,#menubar a:hover,#menubar a:link,#menubar 

a:visited {
   color: #04B404;}

   #footer-box {
   position: relative;
   top:400px;
   left: 0px;
   color: #000000;
   width:900px;}

   body {
   background-color: #000000}

   .firstHeading {
    display: none;}

   #content {
    width: 900px;
    border: none;
    font-family: georgia, helvetica, arial, sans-serif;
    background-color:#000000;
    color: #000000}

   #title {
    width:900px;
    height:55px;
    position: relative;
    top: 0px;
    left: 0px;}

   #paralogo {
    width:600px;
    height:50px;
    position: relative;
    top: 0px;
    left: 0px;}

  
   #igemlogo {
    width:100px;
    height:50px;
    position:absolute;
    top:0px;
    left:420px;}

   #csynbilogo {
    width:300px;
    height:50px;
    position:absolute;
    top:0px;
    left:670px;}

   #belink a {
    text-decoration:none;}

   #mblink {
    width:205px;
    height:16px;
    position: absolute;
    top: 42px;
    font-size:1em;
    left: 697px;
    font-weight:500;}

   #mblink a {
    text-decoration:none;}

   #menu {
    width:900px;
    height:150px;
    position: relative;
    top: 20px;
    left: 0px;}

   #menuback {
    width:100px;
    height:500px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #01DF01;}


   #headover {
    width: 800px;
    height:50px;
    position: absolute;
    top: 450px;
    left: 0px;
    background: url

(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png) 

0px 0px no-repeat; }

   a {
    outline:none;}

   #headtit{
    font-family: georgia, helvetica, arial, sans-serif;
    font-size: 1.2em;
    color: #ffffff;
    position: absolute;
    top: 0.5em;
    right: 1.4em;}

   .dark{
    color: #dddddd;}

   .highlight{
    color: #01DF01;}

   #menulist{
    position: absolute;
    top: 16px;
    left: 5px;
    list-style: none;}

   #menulist li{
    height: 30px;
    }

   #menulist li a{
    font-weight: 200;
    font-size: 1.2em;
    text-decoration: none;
    font-family: georgia, helvetica, arial, sans-serif;
    color: #ffffff;}

   #headover ul{
    list-style: none;
    display: none;
    position: absolute;
    top: 1.2em;
    left: 0.2em;
    }

   #headover ul ul{
    position: absolute;
    width:10em;
    top:-0.2em;
    left: 10em;
    list-style:none;}

   #headover ul li{
    height: 2.4em;
    }

   #headover ul li a{
    font-weight: 100;
    font-size: 1.2em;
    text-decoration: none;
    font-family: georgia, helvetica, arial, sans-serif;
    color: #dddddd;}

  </style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" 

bgcolor="#080C10">
<table width="100%" height="100%" border="0" cellpadding="0" 

cellspacing="0">
  <tr>
    <td height="720" background="bg.jpg" style="background-

position:right;">&nbsp;</td>
    <td width="766" height="700"><object classid="clsid:D27CDB6E-

AE6D-11cf-96B8-444553540000" 

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/sw

flash.cab#version=6,0,29,0" width="766" height="720">
        <param name="movie" value="index.swf">
        <param name="quality" value="high">
        <embed 

src="https://static.igem.org/mediawiki/2012/archive/0/01/20120722040937%21

Index.swf" quality="high" 

pluginspage="http://www.macromedia.com/go/getflashplayer" 

type="application/x-shockwave-flash" width="766" 

height="720"></embed></object></td>
    <td height="720" background="bg.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td background="bgdl.jpg" style="background-position:right 

top;">&nbsp;</td>
    <td background="bgd.jpg" style="background-position:right 

top;">&nbsp;</td>
    <td background="bgdr.jpg">&nbsp;</td>
  </tr>
</table>
</body>
</html>