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(){
-
$(".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
-
text-decoration:none;
+
-
color:yellow;
+
-
}
+
-
 
+
-
.menu ul li li{
+
-
background-color:green;
+
-
color:white;
+
-
display:none;
+
-
}
+
-
 
+
-
.menu ul li li:hover{
+
-
background:#555;
+
-
}
+
-
 
+
-
.menu ul li li a{
+
-
text-decoration:none;
+
-
color:white;
+
-
}
+
-
</style>
+
-
<style>
+
-
.pos_fixed
+
-
{
+
-
position:fixed;
+
-
top:300px;
+
-
left:10px;
+
-
}
+
-
 
+
-
ol.pos_fixed
+
-
{
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.pos_fixed a:link,.pos_fixed a:visited
+
{
{
display:block;
display:block;
Line 79: Line 59:
color:#FFFFFF;
color:#FFFFFF;
background-color:#98bf21;
background-color:#98bf21;
-
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
+
 
 +
ul.first>li>a:hover,ul.first>li>a:active
{
{
background-color:#7A991A;
background-color:#7A991A;
}
}
-
</style>
+
ul.first>li>ul
-
</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;
+
display:none;
-
margin:0;
+
width:100%;
-
padding:0;
+
}
}
-
.menu li
+
 
-
{
+
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
-
float:left;
+
-
}
+
-
.menu a:link,.menu a:visited
+
{
{
display:block;
display:block;
-
width:120px;
 
font-weight:bold;
font-weight:bold;
color:#FFFFFF;
color:#FFFFFF;
-
background-color:#98bf21;
+
background-color:#FFA319;
text-align:center;
text-align:center;
-
padding:4px;
+
padding:3%;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
}
}
-
.menu a:hover,.menu a:active
+
 
 +
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
{
-
background-color:#7A991A;
+
background-color:#B26B00;
}
}
-
 
-
 
-
 
-
 
-
</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>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 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>
 
-
 
-
<style type="text/css">
 
.menu
.menu
{
{
position:absolute;
position:absolute;
-
left:-10px;
+
left:-15px;
top:140px;
top:140px;
}
}
Line 397: Line 209:
{
{
position:absolute;
position:absolute;
-
right:330px;
+
right:320px;
-
top:1050px;
+
top:700px;
}
}
#globalWrapper
#globalWrapper
{
{
-
background-color:#fff7e8;
+
background-color:#FFFFFF;
-
height:560px;
+
height:800px;
}
}
#content
#content
{
{
-
background-color:#fff7e8;
+
background-color:#FFFFFF;
-
border-color:#fff7e8;
+
border-color:#FFFFFF;
}
}
Line 458: Line 270:
#catlinks
#catlinks
{
{
-
border-color:#fff7e8;
+
border-color:#FFFFFF;
-
background-color:#fff7e8;
+
background-color:#FFFFFF;
-
}
+
-
#search-controls
+
-
{
+
-
visibility:hidden
+
}
}
.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

Members
The HKUST iGEM team 2013 is composed of 15 dedicated undergraduate students. Come and know more about them!
Derek
Raul
Astrid
Lindy
Winnie
Doyle
Cecilia
Hans
Wilson
Lynn
Satien
Wendi
Stephy
Kenneth
Chloe