Team:Fudan D

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"  
+
   <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"  
+
-
 
+
-
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
+
-
 
+
-
"></script>
+
   <script type="text/javascript">
   <script type="text/javascript">
   $(document).ready(function(){
   $(document).ready(function(){
Line 16: Line 10:
     var last = path.split("/");
     var last = path.split("/");
     if ( last[1] ) {
     if ( last[1] ) {
-
       $('#headover ul li a[href*="' + last[1] + '"]').addClass
+
       $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#01DF01");
-
 
+
-
("curlink").css("color","#01DF01");
+
     }
     }
     else {
     else {
-
       $('#headover ul li a[href$="' + path + '"]').addClass
+
       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#01DF01");
-
 
+
-
("curlink").css("color","#01DF01");
+
     }
     }
     });
     });
Line 32: Line 22:
     $('#menu').mouseleave(function() {
     $('#menu').mouseleave(function() {
-
     $('.listhead').not('.curlink').css("color","#000000");
+
     $('.listhead').not('.curlink').css("color","#ffffff");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('#headover ul').fadeOut(500);
     $('#headover ul').fadeOut(500);
-
     $('#headover').stop().animate
+
     $('#headover').stop().animate({height:'50px',top:'500px'},1000);
-
 
+
-
({height:'50px',top:'500px'},1000);
+
     });
     });
     $('.listhead').mouseover(function(){
     $('.listhead').mouseover(function(){
-
     $('.listhead').not('.curlink').css("color","#000000");
+
     $('.listhead').not('.curlink').css("color","#ffffff");
     $(this).css("color","#444444");
     $(this).css("color","#444444");
     $('#headover ul').css("display","none");
     $('#headover ul').css("display","none");
Line 70: Line 58:
   height: 100px;
   height: 100px;
   border: none;
   border: none;
-
   width:766px;
+
   width:910px;
   height:20px}
   height:20px}
Line 91: Line 79:
-
   #menubar a:active,#menubar a:hover,#menubar a:link,#menubar  
+
   #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
-
 
+
-
a:visited {
+
   color: #04B404;}
   color: #04B404;}
 +
 +
  #footer-box {
 +
  position: relative;
 +
  top:400px;
 +
  left: 0px;
 +
  color: #000000;
 +
  width:900px;}
   body {
   body {
Line 103: Line 96:
   #content {
   #content {
-
     width: 766px;
+
     width: 900px;
     border: none;
     border: none;
     font-family: georgia, helvetica, arial, sans-serif;
     font-family: georgia, helvetica, arial, sans-serif;
     background-color:#000000;
     background-color:#000000;
-
     color: #000000}
+
     color: #FFFFFF}
 +
  #title {
     width:900px;
     width:900px;
     height:55px;
     height:55px;
Line 114: Line 108:
     top: 0px;
     top: 0px;
     left: 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 {
   #mblink a {
     text-decoration:none;}
     text-decoration:none;}
 +
  #menu {
 +
    width:900px;
 +
    height:150px;
 +
    position: relative;
 +
    top: 20px;
 +
    left: 0px;}
-
(https://static.igem.org/mediawiki/2010/d/d8/Imperialigemheadoverone.png)
+
  #menuback {
 +
    width:100px;
 +
    height:500px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    background-color: #01DF01;}
-
0px 0px no-repeat; }
+
  #headpic {
 +
    width:800px;
 +
    height:500px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 100px;
 +
    background-image: url('http://lh6.ggpht.com/-lr4PeisGgQM/SPRjO-VGCLI/AAAAAAAADdA/Mu2pdLkZ4N0/s800/R0010181_bw.jpg'); }
 +
 
 +
  #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 {
   a {
     outline:none;}
     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{
   #menulist{
Line 142: Line 209:
     text-decoration: none;
     text-decoration: none;
     font-family: georgia, helvetica, arial, sans-serif;
     font-family: georgia, helvetica, arial, sans-serif;
-
     color: #000000;}
+
     color: #ffffff;}
   #headover ul{
   #headover ul{
Line 162: Line 229:
     height: 2.4em;
     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>
   </style>
</head>
</head>
-
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"  
+
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#080C10">
-
 
+
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
-
bgcolor="#080C10">
+
-
<table width="100%" height="100%" border="0" cellpadding="0"  
+
-
 
+
-
cellspacing="0">
+
   <tr>
   <tr>
-
     <td height="720" background="bg.jpg" style="background-
+
     <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/swflash.cab#version=6,0,29,0" width="766" height="720">
-
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="movie" value="index.swf">
         <param name="quality" value="high">
         <param name="quality" value="high">
-
         <embed  
+
         <embed src="https://static.igem.org/mediawiki/2012/archive/0/01/20120722040937%21Index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="766" height="720"></embed></object></td>
-
 
+
-
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>
     <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>
   </tr>
</table>
</table>
</body>
</body>
</html>
</html>

Revision as of 07:57, 22 July 2012