Team:Hong Kong HKUST/test9
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;} #p-logo {visibility:hidden;} .fir...") |
|||
(9 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" | ||
+ | "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <h1style="height:420px;background:#fff7e8;margin:0px;padding:0px"></h1> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> | ||
+ | </script> | ||
+ | <script> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | $("#team1").mouseover(function(){ | ||
+ | $("#team1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#team1").mouseleave(function(){ | ||
+ | $("#team1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#wetlab1").mouseover(function(){ | ||
+ | $("#wetlab1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#wetlab1").mouseleave(function(){ | ||
+ | $("#wetlab1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#hp1").mouseover(function(){ | ||
+ | $("#hp1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#hp1").mouseleave(function(){ | ||
+ | $("#hp1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#project1").mouseover(function(){ | ||
+ | $("#project1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#project1").mouseleave(function(){ | ||
+ | $("#project1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#achieve1").mouseover(function(){ | ||
+ | $("#achieve1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#achieve1").mouseleave(function(){ | ||
+ | $("#achieve1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#parts1").mouseover(function(){ | ||
+ | $("#parts1").fadeTo("fast",0.8); | ||
+ | }); | ||
+ | $("#parts1").mouseleave(function(){ | ||
+ | $("#parts1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $("#safety1").mouseover(function(){ | ||
+ | $("#safety1").fadeTo("fast",0.9); | ||
+ | }); | ||
+ | $("#safety1").mouseleave(function(){ | ||
+ | $("#safety1").fadeTo("fast", 1); | ||
+ | }); | ||
+ | $('#menubar').mouseover(function(){ | ||
+ | $('#menubar').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar').mouseleave(function(){ | ||
+ | $('#menubar').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseover(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseleave(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#aaa").click(function(){ | ||
+ | $("#video").toggle(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;} | body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;} | ||
+ | #team1 | ||
+ | {position:absolute;top:141px;} | ||
+ | #team2 | ||
+ | {position:absolute;top:141px;} | ||
+ | #blank1 | ||
+ | {position:absolute;left:225px;top:141px;} | ||
+ | #wetlab1 | ||
+ | {position:absolute;top:321px;} | ||
+ | #wetlab2 | ||
+ | {position:absolute;top:321px;} | ||
+ | #achieve1 | ||
+ | {position:absolute;left:227px;top:476px;} | ||
+ | #achieve2 | ||
+ | {position:absolute;left:227px;top:476px;} | ||
+ | #hp1 | ||
+ | {position:absolute;left:453px;top:476px;} | ||
+ | #hp2 | ||
+ | {position:absolute;left:453px;top:476px;} | ||
+ | #parts1 | ||
+ | {position:absolute;left:890px;top:366px;} | ||
+ | #parts2 | ||
+ | {position:absolute;left:890px;top:366px;} | ||
+ | #safety1 | ||
+ | {position:absolute;left:780px;top:366px;} | ||
+ | #safety2 | ||
+ | {position:absolute;left:780px;top:366px;} | ||
+ | #project1 | ||
+ | {position:absolute;left:780px;top:141px;} | ||
+ | #project2 | ||
+ | {position:absolute;left:780px;top:141px;} | ||
+ | #menubar | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;} | ||
+ | #menubar ul li a | ||
+ | { color:#8D1919;} | ||
+ | #menubar.right-menu | ||
+ | {background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;} | ||
+ | .right-menu li a | ||
+ | {color:#8D1919;background-color:#EEECEC;} | ||
#p-logo | #p-logo | ||
{visibility:hidden;} | {visibility:hidden;} | ||
Line 17: | Line 129: | ||
#footer-box | #footer-box | ||
{display:none} | {display:none} | ||
+ | #kepala | ||
+ | {position:absolute;top:15px;background-color:#F0A5BE;} | ||
+ | #copyright | ||
+ | {position:absolute;left:325px;top:630px;} | ||
#aaa | #aaa | ||
{position:fixed; | {position:fixed; | ||
Line 37: | Line 153: | ||
{display:none;} | {display:none;} | ||
} | } | ||
- | + | #projectdescription a:link,#projectdescription a:visited | |
+ | { | ||
+ | position:fixed; | ||
+ | top:300px; | ||
+ | right:-100px; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#FFFFFF; | ||
+ | background-color:#98bf21; | ||
+ | width:120px; | ||
+ | text-align:center; | ||
+ | padding:4px; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | #projectdescription a:hover,#projectdescription a:active | ||
+ | { | ||
+ | background-color:#7A991A; | ||
+ | } | ||
</style> | </style> | ||
- | |||
</head> | </head> | ||
<body> | <body> | ||
- | <div id="blank1" style="background:#EBE9B5;height:330px;width:55%;">< | + | <h3><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></h3> |
- | <div id=" | + | |
- | <p>Click here to<br>see our project<br> | + | <div id="blank1" style="background:#EBE9B5;height:330px;width:55%;"></div> |
- | </a></div> | + | |
+ | <div id="team2" style="background:#ffffff;height:175px;width:22%;"></div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/team><div id="team1" style="background:#e32e51;height:175px;width:22%;"><br> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/e/e4/Team2.png" style="height:80px;width:120px;align:middle;"><br><br><img src="https://static.igem.org/mediawiki/2013/0/00/Team0.png" style="height:40px;width:65px;align:middle;"></center></div></a> | ||
+ | <div id="wetlab2" style="background:#ffffff;height:295px;width:22%;"></div> | ||
+ | |||
+ | <div id="wetlab1" style="background:#35bb91;height:295px;width:22%;"><a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab><br><br><br><center><img src="https://static.igem.org/mediawiki/2013/1/17/Wetlab2.png" style="height:120px;width:90px;"><br><br><br><img src="https://static.igem.org/mediawiki/2013/1/18/Wetlab0.png" style="height:50px;width:100px;"></center></a></div> | ||
+ | |||
+ | <div id="achieve2" style="background:#ffffff;height:140px;width:22%;"></div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Achievement><div id="achieve1" style="background:#e32e51;height:140px;width:22%;"><center><img src="https://static.igem.org/mediawiki/2013/1/1e/Achievement2.png" style="height:60px;width:40px;"><img src="https://static.igem.org/mediawiki/2013/e/e3/Achievement0.png" style="height:40px;width:50px;align:middle;"></center> | ||
+ | </div></a> | ||
+ | <div id="hp2" style="background:#ffffff;height:140px;width:43.1%;"> | ||
+ | </div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/hp><div id="hp1" style="background:#35bb91;height:140px;width:43.1%;"><center><br><img src="https://static.igem.org/mediawiki/2013/5/55/Hp2.png" style="height:60px;width:40px;"><img src="https://static.igem.org/mediawiki/2013/4/4c/Hp0.png" style="height:40px;width:60px;"> | ||
+ | </center> | ||
+ | </div></a> | ||
+ | <div id="parts2" style="background:#ffffff;height:250px;width:11%;"></div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Parts><div id="parts1" style="background:#b9b2a0;height:250px;width:11%;"><br><br><br><br><center><img src="https://static.igem.org/mediawiki/2013/e/e6/Parts2.png" style="height:100px;width:60px;align:middle;"><br><img src="https://static.igem.org/mediawiki/2013/a/a6/Parts0.png" style="height:30px;width:50px;align:middle;"></a> | ||
+ | </div></a> | ||
+ | <div id="safety2" style="background:#ffffff;height:105px;width:10.5%;"></div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Safety><div id="safety1" style="background:#e32e51;height:105px;width:10.5%;"><center><img src="https://static.igem.org/mediawiki/2013/6/67/Safety2.png" style="height:40px;width:40px;align:middle;"><br><br><br><img src="https://static.igem.org/mediawiki/2013/0/07/Safety0.png" style="height:40px;width:50px;align:middle;"></center> | ||
+ | </div></a> | ||
+ | <div id="project2" style="background:#ffffff;height:220px;width:22%;"> | ||
+ | </div> | ||
+ | <a href=https://2013.igem.org/Team:Hong_Kong_HKUST/Project><div id="project1" style="background:#35bb91;height:220px;width:22%;"><br> | ||
+ | <center><br><img src="https://static.igem.org/mediawiki/2013/f/f9/Project2.png" style="height:100px;width:50px;align:middle;"><br><img src="https://static.igem.org/mediawiki/2013/2/28/Projects0.png" style="height:40px;width:60px;align:middle;"></center> | ||
+ | </div></a> | ||
+ | <div id="copyright"><center><p style="font-size:14px;font-family:century gothic;font-colour:#ffffff;"> © Copyright HKUST iGEM Team 2013, All Rights Reserved</p></center></div> | ||
+ | <div id="aaa"> | ||
+ | <p>Click here to<br>see our project<br>video </p> | ||
+ | <p id="projectdescription"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/projectdescription"> | ||
+ | click here to see our project description!</a></p> | ||
+ | </div> | ||
+ | |||
</body> | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 15:42, 8 August 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
© Copyright HKUST iGEM Team 2013, All Rights Reserved
Click here to
see our project
video