Team:Hong Kong HKUST/members
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> | ||
</script> | </script> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | $(". | + | $("ul.first > li").hover(function(){ |
- | $(this).find("ul | + | $(this).find("ul").stop().fadeToggle(10); |
}); | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | $('#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> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | .menu ul{ | + | div.menu |
+ | { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .menu ul,li | ||
+ | { | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
list-style:none; | list-style:none; | ||
+ | width:100%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ul.first>li | |
+ | { | ||
float:left; | float:left; | ||
- | width: | + | width:16.5%; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ul.first>li>a:link,ul.first>li>a:visited | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
display:block; | display:block; | ||
Line 79: | Line 59: | ||
color:#FFFFFF; | color:#FFFFFF; | ||
background-color:#98bf21; | background-color:#98bf21; | ||
- | |||
text-align:center; | text-align:center; | ||
- | padding: | + | padding:3%; |
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
- | . | + | |
+ | ul.first>li>a:hover,ul.first>li>a:active | ||
{ | { | ||
background-color:#7A991A; | background-color:#7A991A; | ||
} | } | ||
- | + | ul.first>li>ul | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
- | + | display:none; | |
- | + | width:100%; | |
- | + | ||
} | } | ||
- | . | + | |
- | + | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | |
- | + | ||
- | + | ||
- | + | ||
{ | { | ||
display:block; | display:block; | ||
- | |||
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#FFA319; |
text-align:center; | text-align:center; | ||
- | padding: | + | padding:3%; |
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
- | . | + | |
+ | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active | ||
{ | { | ||
- | background-color:# | + | background-color:#B26B00; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.menu | .menu | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | left:- | + | left:-15px; |
top:140px; | top:140px; | ||
} | } | ||
Line 397: | Line 209: | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | right: | + | right:320px; |
- | top: | + | top:700px; |
} | } | ||
#globalWrapper | #globalWrapper | ||
{ | { | ||
- | background-color:# | + | background-color:#FFFFFF; |
- | height: | + | height:800px; |
} | } | ||
#content | #content | ||
{ | { | ||
- | background-color:# | + | background-color:#FFFFFF; |
- | border-color:# | + | border-color:#FFFFFF; |
} | } | ||
Line 458: | Line 270: | ||
#catlinks | #catlinks | ||
{ | { | ||
- | border-color:# | + | border-color:#FFFFFF; |
- | background-color:# | + | background-color:#FFFFFF; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.firstHeading | .firstHeading | ||
Line 469: | Line 277: | ||
visibility:hidden | visibility:hidden | ||
} | } | ||
+ | |||
</style> | </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> | ||
+ | <h id="header"><font size = 50>Members</font></h> | ||
+ | <div id="introduction" style="background-color:cream;height:100px;width:320px;"><font size = 4>The HKUST iGEM team 2013 is composed of 15 dedicated undergraduate students. Come and know more about them!</font></div> | ||
+ | <div id="derek" style="background-color:#FCFF27;height:200px;width:186px;"> | ||
+ | <h>Derek</h> | ||
</div> | </div> | ||
+ | <div id="raul" style="background-color:green;height:200px;width:186px;"> | ||
+ | <h color=:white;>Raul</h> | ||
+ | </div> | ||
+ | <div id="astrid" style="background-color:red;height:200px;width:186px;"> | ||
+ | <h>Astrid</h> | ||
+ | </div> | ||
+ | <div id="lindy" style="background-color:purple;height:200px;width:186px;"> | ||
+ | <h>Lindy</h> | ||
+ | </div> | ||
+ | <div id="winnie" style="background-color:pink;height:200px;width:186px;"> | ||
+ | <h>Winnie</h> | ||
+ | </div> | ||
+ | <div id="doyle" style="background-color:blue;height:200px;width:186px;"> | ||
+ | <h>Doyle</h> | ||
+ | </div> | ||
+ | <div id="cecilia" style="background-color:orange;height:200px;width:186px;"> | ||
+ | <h>Cecilia</h> | ||
+ | </div> | ||
+ | <div id="hans" style="background-color:violet;height:200px;width:186px;"> | ||
+ | <h>Hans</h> | ||
+ | </div> | ||
+ | <div id="wilson" style="background-color:red;height:200px;width:186px;"> | ||
+ | <h>Wilson</h> | ||
+ | </div> | ||
+ | <div id="lynn" style="background-color:green;height:200px;width:186px;"> | ||
+ | <h>Lynn</h> | ||
+ | </div> | ||
+ | <div id="satien" style="background-color:orange;height:200px;width:186px;"> | ||
+ | <h>Satien</h> | ||
+ | </div> | ||
+ | <div id="wendi" style="background-color:blue;height:200px;width:186px;"> | ||
+ | <h>Wendi</h> | ||
+ | </div> | ||
+ | <div id="stephy" style="background-color:pink;height:200px;width:186px;"> | ||
+ | <h>Stephy</h> | ||
+ | </div> | ||
+ | <div id="kenneth" style="background-color:yellow;height:200px;width:186px;"> | ||
+ | <h>Kenneth</h> | ||
+ | </div> | ||
+ | <div id="chloe" style="background-color:pink;height:200px;width:186px;"> | ||
+ | <h>Chloe</h> | ||
+ | </div> | ||
+ | <div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 03:45, 25 July 2013
The HKUST iGEM team 2013 is composed of 15 dedicated undergraduate students. Come and know more about them!
© Copyright HKUST iGEM Team 2013, All Rights Reserved