Team:Hong Kong HKUST/test4

From 2013.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
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 div
+
div.menu
{
{
width:100%;
width:100%;
}
}
-
.menu ul
+
.menu ul,li
{
{
margin:0;
margin:0;
padding:0;
padding:0;
list-style:none;
list-style:none;
-
width:100%
+
width:100%;
}
}
 +
 +
ul.first>li
ul.first>li
{
{
float:left;
float:left;
-
width:16.5%
+
width:16.5%;
}
}
Line 35: Line 37:
{
{
display:block;
display:block;
-
 
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 54: Line 54:
{
{
display:none;
display:none;
 +
width:100%;
}
}
Line 62: Line 63:
color:#FFFFFF;
color:#FFFFFF;
background-color:#FFA319;
background-color:#FFA319;
-
width:152.5px;
 
text-align:center;
text-align:center;
-
padding:4px;
+
padding:3%;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
 
}
}
Line 74: Line 73:
background-color:#B26B00;
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 94: 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 134: 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