Team:Fudan D
From 2012.igem.org
(Difference between revisions)
Chocolatenw (Talk | contribs) |
Chocolatenw (Talk | contribs) |
||
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","# | + | $('.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","# | + | $('.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: | + | 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: | + | 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: # | + | 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;} | ||
- | + | #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: # | + | 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;"> </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;"> </td> | + | |
- | <td width="766" height="700"><object classid="clsid:D27CDB6E- | + | |
- | + | ||
- | AE6D-11cf-96B8-444553540000" | + | |
- | + | ||
- | codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/ | + | |
- | + | ||
- | + | ||
<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% | + | |
- | + | ||
- | + | ||
- | + | ||
- | 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"> </td> | <td height="720" background="bg.jpg"> </td> | ||
- | + | </tr> | |
+ | <tr> | ||
+ | <td background="bgdl.jpg" style="background-position:right top;"> </td> | ||
+ | <td background="bgd.jpg" style="background-position:right top;"> </td> | ||
+ | <td background="bgdr.jpg"> </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:57, 22 July 2012