|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
| |
- | </script>
| |
- | <script>
| |
- | $(document).ready(function()
| |
- | {
| |
- | $("#team1").mouseover(function(){
| |
- | $("#team1").animate({width:"110px"});
| |
- | });
| |
- | $("#team2").mouseleave(function(){
| |
- | $("#team1").animate({width:"220px"});
| |
- | });
| |
- | $("#wetlab1").mouseover(function(){
| |
- | $("#wetlab1").animate({width:"110px"});
| |
- | });
| |
- | $("#wetlab2").mouseleave(function(){
| |
- | $("#wetlab1").animate({width:"220px"});
| |
- | });
| |
- | $("#hp1").mouseover(function(){
| |
- | $("#hp1").animate({width:"215px"});
| |
- | });
| |
- | $("#hp2").mouseleave(function(){
| |
- | $("#hp1").animate({width:"430px"});
| |
- | });
| |
- | $("#project1").mouseover(function(){
| |
- | $("#project1").animate({width:"110px"});
| |
- | });
| |
- | $("#project2").mouseleave(function(){
| |
- | $("#project1").animate({width:"220px"});
| |
- | });
| |
- | $('#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>
| |
| | | |
- | <style type="text/css">
| |
- |
| |
- |
| |
- | #banner
| |
- | {
| |
- | position:absolute;
| |
- | left:-15px;
| |
- | top:15px;
| |
- | }
| |
- | #photo
| |
- | {
| |
- | position:absolute;
| |
- | left:250px;
| |
- | top:200px;
| |
- | }
| |
- | #membersphoto
| |
- | {
| |
- | position:absolute;
| |
- | left:150px;
| |
- | top:10px;
| |
- | }
| |
- | #advisorsphoto
| |
- | {
| |
- | position:absolute;
| |
- | left:150px;
| |
- | top:5px;
| |
- | }
| |
- | #instructorsphoto
| |
- | {
| |
- | position:absolute;
| |
- | left:150px;
| |
- | top:0px;
| |
- | }
| |
- | #membersword
| |
- | {
| |
- | position:absolute;
| |
- | left:10px;
| |
- | top:5px;
| |
- | }
| |
- | #advisorsword
| |
- | {
| |
- | position:absolute;
| |
- | left:10px;
| |
- | top:5px;
| |
- | }
| |
- | #instructorsword
| |
- | {
| |
- | position:absolute;
| |
- | left:10px;
| |
- | top:5px;
| |
- | }
| |
- | #members
| |
- | {
| |
- | position:absolute;
| |
- | left:5px;
| |
- | top:530px;
| |
- | }
| |
- | #advisors
| |
- | {
| |
- | position:absolute;
| |
- | left:340px;
| |
- | top:530px;
| |
- | }
| |
- | #instructors
| |
- | {
| |
- | position:absolute;
| |
- | right:5px;
| |
- | top:530px;
| |
- | }
| |
- | #copyright
| |
- | {
| |
- | position:absolute;
| |
- | right:330px;
| |
- | top:700px;
| |
- | }
| |
- | #globalWrapper
| |
- | {
| |
- | background-color:#fff7e8;
| |
- | height:560px;
| |
- | }
| |
- | #content
| |
- | {
| |
- | background-color:#fff7e8;
| |
- | border-color:#fff7e8;
| |
- |
| |
- | }
| |
- | #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
| |
- | {
| |
- | height:0px;
| |
- | visibility:hidden;
| |
- | }
| |
- | #top-section
| |
- | {
| |
- | height:0px;
| |
- | }
| |
- | #footer-box
| |
- | {
| |
- | height:0px;
| |
- | display:none;
| |
- | visbility:hidden;
| |
- | }
| |
- | #catlinks
| |
- | {
| |
- | border-color:#fff7e8;
| |
- | background-color:#fff7e8;
| |
- | }
| |
- | #search-controls
| |
- | {
| |
- | visibility:hidden
| |
- | }
| |
- | .firstHeading
| |
- | {
| |
- | visibility:hidden
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <body>
| |
- |
| |
- |
| |
- | <h3><center><div id="kepala" style="height:121px;width:965px;"><img src="https://static.igem.org/mediawiki/2013/5/5a/Banner_gear.png" id="banner" style="height:121px;width:965px;align:middle;"></div></center></h3>
| |
- |
| |
- | <center><img src = "https://static.igem.org/mediawiki/2012/8/81/HKUST2012Team.jpg" alt="HKUST iGEM Team 2013" id="photo" width="480" height="300" margin-top:1px;></center>
| |
- |
| |
- | <div id="instructors" style="background-color:#FFD700;height:120px;width:300px;">
| |
- | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/instructors" id="instructorsword">Instructors</a>
| |
- | <img src = "https://static.igem.org/mediawiki/2013/3/3d/Safety_white.png" id="instructorsphoto" width="120" height="120">
| |
- | </div>
| |
- |
| |
- | <div id="advisors" style="background-color:#FCFF27;height:120px;width:300px;">
| |
- | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/advisors" id="advisorsword">Advisors</a>
| |
- | <img src = "https://static.igem.org/mediawiki/2013/2/21/Wetlab.png" id="advisorsphoto" width="120" height="100">
| |
- | </div>
| |
- |
| |
- | <div id="members" style="background-color:#FF9E0B;height:120px;width:300px;">
| |
- | <a href = "https://2013.igem.org/wiki/index.php?title=Team:Hong_Kong_HKUST/members" id="membersword">Members</a>
| |
- | <img src = "https://static.igem.org/mediawiki/2013/c/c6/Teambox.png" id="membersphoto" width="130" height="90">
| |
- | </div>
| |
- |
| |
- | <div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div>
| |
- |
| |
- |
| |
- |
| |
- | </body>
| |
- |
| |
- | </html>
| |