Team:Hong Kong HKUST/blank3

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<style>
<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>
</style>
-
<head>
+
 
 +
 
 +
 
 +
<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>
<body>
<ul id="navmenu">
<ul id="navmenu">
Line 14: Line 92:
       <li><a href="#">Human practice</a><li>
       <li><a href="#">Human practice</a><li>
</ul>
</ul>
 +
<style type="text/css">
 +
 +
 +
#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>
</body>
 +
</html>
</html>

Revision as of 07:22, 15 July 2013

Team