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(){
-
$(".menu li").hover(function(){
+
$("ul.first > li").hover(function(){
-
$(this).find("ul>li").stop().fadeToggle(10);
+
$(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%;
}
}
-
.menu{
 
-
position:absolute;
 
-
z-index:+1;
 
-
}
 
-
body{
 
-
font-family:auto;
 
-
background-color:white;
 
-
padding:0px;
 
-
}
 
-
.menu ul li{
+
ul.first>li
 +
{
float:left;
float:left;
-
width:160px;
+
width:16.5%;
-
height:30px;
+
-
line-height:30px;
+
-
text-align:center;
+
-
background-color:green;
+
}
}
-
.menu ul li a{
+
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;
-
color:yellow;
+
text-transform:uppercase;
}
}
-
.menu ul li li{
+
ul.first>li>a:hover,ul.first>li>a:active
-
background-color:green;
+
{
-
color:white;
+
background-color:#7A991A;
-
display:none;
+
}
}
-
.menu ul li li:hover{
+
ul.first>li>ul
-
background:#555;
+
-
}
+
-
 
+
-
.menu ul li li a{
+
-
text-decoration:none;
+
-
color:white;
+
-
}
+
-
</style>
+
-
<style>
+
-
.pos_fixed
+
{
{
-
position:fixed;
+
display:none;
-
top:300px;
+
width:100%;
-
left:10px;
+
}
}
-
ol.pos_fixed
+
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
-
{
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.pos_fixed a:link,.pos_fixed a:visited
+
{
{
display:block;
display:block;
font-weight:bold;
font-weight:bold;
-
color:#FFFFFF;
+
color:#494042;
-
background-color:#98bf21;
+
background-color:#8ff5d5;
-
width:120px;
+
text-align:center;
text-align:center;
-
padding:4px;
+
padding:3%;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
}
 
-
.pos_fixed a:hover,.pos_fixed a:active
 
-
{
 
-
background-color:#7A991A;
 
}
}
-
</style>
+
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
-
</head>
+
-
<body>
+
-
 
+
-
<div class="menu">
+
-
<ul>
+
-
 
+
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
+
-
 
+
-
<li><a href="team">Team</a>
+
-
<ul>
+
-
<li><a href="members">Members</a></li>
+
-
<li><a href="advisors">Advisors</a></li>
+
-
<li><a href="instructors">Instructors</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="project">Project</a>
+
-
<ul>
+
-
<li><a href="abstract">Abstract(Details)</a></li>
+
-
<li><a href="modelling">Modelling</a></li>
+
-
<li><a href="characterization">Characterization</a></li>
+
-
<li><a href="parts">Parts</a></li>
+
-
<li><a href="datapage">Data Page</a></li>
+
-
<li><a href="results">Results</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="wetlab">Wetlab</a>
+
-
<ul>
+
-
<li><a href="notebook">Notebook</a></li>
+
-
<li><a href="protocols">Protocols</a></li>
+
-
<li><a href="safety">Safety</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="achievements">Achievement</a>
+
-
<ul>
+
-
<li><a href="medalrequirements">Medal Requirements</a></li>
+
-
<li><a href="prizes">Prizes</a></li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
<li><a href="humanpractice">Human Practice</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</body>
+
-
<head>
+
-
 
+
-
<style>
+
-
.menu ol
+
{
{
-
list-style-type:none;
+
background-color:#B26B00;
-
margin:0;
+
-
padding:0;
+
}
}
-
.menu li
+
.menu
{
{
-
float:left;
+
position:absolute;
 +
left:-8px;
 +
top:140px;
}
}
-
.menu a:link,.menu a:visited
+
#banner
{
{
-
display:block;
+
position:absolute;
-
width:120px;
+
left:-8px;
-
font-weight:bold;
+
top:15px;
-
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>
 
-
 
-
<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 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>
 
-
 
-
 
-
 
-
 
-
<style type="text/css">
 
.menu
.menu
{
{
Line 398: Line 221:
{
{
position:absolute;
position:absolute;
-
right:330px;
+
right:320px;
-
top:1050px;
+
top:700px;
}
}
#globalWrapper
#globalWrapper
{
{
-
background-color:#fff7e8;
+
background-color:#b9b2a0;
-
height:560px;
+
height:800px;
}
}
#content
#content
{
{
-
background-color:#fff7e8;
+
background-color:#b9b2a0;
-
border-color:#fff7e8;
+
border-color:#b9b2a0;
}
}
Line 459: Line 282:
#catlinks
#catlinks
{
{
-
border-color:#fff7e8;
+
border-color:#b9b2a0;
-
background-color:#fff7e8;
+
background-color:#b9b2a0;
-
}
+
-
#search-controls
+
-
{
+
-
visibility:hidden
+
}
}
 +
.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

Advisors
Here are our amazing advisors. They are the one who lead us to success!
Trevor
Steven
Bida
Cosmos
Ted
Ilona
Chelsi
Leon
Sean
Qi Yi
Lee Chak Pui
Yu Lai Cheong
Xu Kaichun
Sun Fei
Li Yiming