Team:Hong Kong HKUST/advisors
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <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; | ||
+ | font-weight:bold; | ||
+ | color:#494042; | ||
+ | background-color:#35bb91; | ||
+ | text-align:center; | ||
+ | padding:3%; | ||
text-decoration:none; | text-decoration:none; | ||
- | + | text-transform:uppercase; | |
} | } | ||
- | . | + | ul.first>li>a:hover,ul.first>li>a:active |
- | background-color: | + | { |
- | + | 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:# | + | color:#494042; |
- | background-color:# | + | background-color:#8ff5d5; |
- | + | ||
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:#B26B00; | |
- | + | ||
- | + | ||
} | } | ||
- | .menu | + | .menu |
{ | { | ||
- | + | position:absolute; | |
+ | left:-8px; | ||
+ | top:140px; | ||
} | } | ||
- | + | #banner | |
{ | { | ||
- | + | position:absolute; | |
- | + | left:-8px; | |
- | + | top:15px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.menu | .menu | ||
{ | { | ||
Line 398: | Line 221: | ||
{ | { | ||
position:absolute; | position:absolute; | ||
- | right: | + | right:320px; |
- | top: | + | top:700px; |
} | } | ||
#globalWrapper | #globalWrapper | ||
{ | { | ||
- | background-color:# | + | background-color:#b9b2a0; |
- | height: | + | height:800px; |
} | } | ||
#content | #content | ||
{ | { | ||
- | background-color:# | + | background-color:#b9b2a0; |
- | border-color:# | + | border-color:#b9b2a0; |
} | } | ||
Line 459: | Line 282: | ||
#catlinks | #catlinks | ||
{ | { | ||
- | border-color:# | + | border-color:#b9b2a0; |
- | background-color:# | + | background-color:#b9b2a0; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
.firstHeading | .firstHeading | ||
{ | { | ||
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>Advisors</font></h> | ||
+ | <div id="introduction" style="background-color:cream;height:200px;width:260px;"><font size = 5>Here are our amazing advisors. They are the one who lead us to success!</font></div> | ||
+ | <div id="trevor" style="background-color:#FCFF27;height:200px;width:155px;"> | ||
+ | <h>Trevor</h> | ||
+ | </div> | ||
+ | <div id="steven" style="background-color:green;height:200px;width:155px;"> | ||
+ | <h>Steven</h> | ||
+ | </div> | ||
+ | <div id="bida" style="background-color:red;height:200px;width:155px;"> | ||
+ | <h>Bida</h> | ||
+ | </div> | ||
+ | <div id="cosmos" style="background-color:orange;height:200px;width:155px;"> | ||
+ | <h>Cosmos</h> | ||
+ | </div> | ||
+ | <div id="ted" style="background-color:blue;height:200px;width:155px;"> | ||
+ | <h>Ted</h> | ||
+ | </div> | ||
+ | <div id="ilona" style="background-color:pink;height:200px;width:155px;"> | ||
+ | <h>Ilona</h> | ||
+ | </div> | ||
+ | <div id="chelsi" style="background-color:violet;height:200px;width:155px;"> | ||
+ | <h>Chelsi</h> | ||
+ | </div> | ||
+ | <div id="leon" style="background-color:yellow;height:200px;width:155px;"> | ||
+ | <h>Leon</h> | ||
+ | </div> | ||
+ | <div id="sean" style="background-color:green;height:200px;width:155px;"> | ||
+ | <h>Sean</h> | ||
+ | </div> | ||
+ | <div id="qiyi" style="background-color:red;height:200px;width:155px;"> | ||
+ | <h>Qi Yi</h> | ||
+ | </div> | ||
+ | <div id="leechakpui" style="background-color:yellow;height:200px;width:155px;"> | ||
+ | <h>Lee Chak Pui</h> | ||
</div> | </div> | ||
+ | <div id="yulaicheong" style="background-color:yellow;height:200px;width:155px;"> | ||
+ | <h>Yu Lai Cheong</h> | ||
+ | </div> | ||
+ | <div id="xukaichun" style="background-color:green;height:200px;width:155px;"> | ||
+ | <h>Xu Kaichun</h> | ||
+ | </div> | ||
+ | <div id="sunfei" style="background-color:blue;height:200px;width:155px;"> | ||
+ | <h>Sun Fei</h> | ||
+ | </div> | ||
+ | <div id="liyiming" style="background-color:pink;height:200px;width:155px;"> | ||
+ | <h>Li Yiming</h> | ||
+ | </div> | ||
+ | <div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div> | ||
+ | <div class="menu"> | ||
+ | |||
+ | <ul class="first"> | ||
+ | |||
+ | <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> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract (Details)</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modelling">Modelling</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/datapage">Data Page</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medalreqeirements">Medal Requirements</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/humanpractice">Human Practice</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:27, 25 July 2013
Here are our amazing advisors. They are the one who lead us to success!
© Copyright HKUST iGEM Team 2013, All Rights Reserved