Team:Fudan D
From 2012.igem.org
(Difference between revisions)
Chocolatenw (Talk | contribs) |
Chocolatenw (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <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: #FFFFFF} | ||
+ | |||
+ | #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;} | ||
+ | |||
+ | #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 { | ||
+ | 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;"> </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"> </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> | ||
+ | </table> | ||
+ | </body> | ||
+ | </html> |
Revision as of 06:50, 22 July 2012