Team:Hong Kong HKUST/test4

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html>
<head>
<head>
Line 7: Line 7:
$(document).ready(function(){
$(document).ready(function(){
$("ul.first > li").hover(function(){
$("ul.first > li").hover(function(){
-
$(this).find("ul").fadeToggle(10);
+
$(this).find("ul").stop().fadeToggle(10);
});
});
});
});
Line 13: Line 13:
<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
ul.first>li
{
{
float:left;
float:left;
-
 
+
width:16.5%;
}
}
Line 29: Line 37:
{
{
display:block;
display:block;
-
width:120px;
 
font-weight:bold;
font-weight:bold;
color:#FFFFFF;
color:#FFFFFF;
background-color:#98bf21;
background-color:#98bf21;
text-align:center;
text-align:center;
-
padding:4px;
+
padding:3%;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
 
}
}
Line 48: Line 54:
{
{
display:none;
display:none;
 +
width:100%;
}
}
Line 55: Line 62:
font-weight:bold;
font-weight:bold;
color:#FFFFFF;
color:#FFFFFF;
-
background-color:#98bf21;
+
background-color:#FFA319;
-
width:120px;
+
text-align:center;
text-align:center;
-
padding:4px;
+
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
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
{
-
background-color:#7A991A;
+
background-color:#B26B00;
}
}
-
 
</style>
</style>
-
 
-
 
</head>
</head>
<body>
<body>
<div class="menu">
<div class="menu">
 +
<ul class="first">
<ul class="first">
-
 
+
<li><a href="">Home</a></li>
<li><a href="">Team</a>
<li><a href="">Team</a>
Line 88: Line 91:
</ul>
</ul>
</li>
</li>
-
 
-
<li><a href="">Project</a>
 
-
<ul>
 
-
<li><a href="">Abstract(Details)</a></li>
 
-
<li><a href="">Modelling</a></li>
 
-
<li><a href="">Characterization</a></li>
 
-
<li><a href="">Parts</a></li>
 
-
<li><a href="">Data Page</a></li>
 
-
<li><a href="">Results</a></li>
 
-
</ul>
 
-
</li>
 
-
 
<li><a href="">Project</a>
<li><a href="">Project</a>
Line 128: Line 119:
<li><a href="">Human Practice</a></li>
<li><a href="">Human Practice</a></li>
-
 
-
 
</ul>
</ul>
-
 
</div>
</div>
 +
</body>
-
 
-
 
-
 
-
</body>
 
</html>
</html>

Latest revision as of 12:09, 20 July 2013