Team:Hong Kong HKUST/instructors
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | < | + | <head> |
- | + | ||
- | < | + | <style> |
- | < | + | .menu ol |
- | + | { | |
- | + | list-style-type:none; | |
- | < | + | margin:0; |
- | < | + | padding:0; |
+ | } | ||
+ | .menu li | ||
+ | { | ||
+ | float:left; | ||
+ | } | ||
+ | .menu a:link,.menu a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | width:120px; | ||
+ | font-weight:bold; | ||
+ | color:#FFFFFF; | ||
+ | background-color:#98bf21; | ||
+ | text-align:center; | ||
+ | padding:4px; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | .menu a:hover,.menu a:active | ||
+ | { | ||
+ | background-color:#7A991A; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <title>Team</title> | ||
+ | </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> | ||
+ | <body> | ||
+ | <div class="menu"><ol> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/humanpractice">Human Practice</a></li> | ||
+ | </ol> | ||
</div> | </div> | ||
+ | |||
+ | <img src ="https://static.igem.org/mediawiki/2012/1/13/Igemwhite_back.png" id="igem" alt="iGEM" width="90" height="70"> | ||
+ | <img src ="http://www.cssau.se/wp-content/uploads/HKUST.jpg" id="hkust" alt="HKUST" width="50" height="60"> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | # | + | |
+ | #igem | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:780px; |
- | top: | + | top:20px; |
} | } | ||
- | # | + | #hkust |
{ | { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:880px; |
- | top: | + | top:20px; |
} | } | ||
+ | |||
+ | #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> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 09:20, 9 July 2013