"
Team:Hong Kong HKUST/test4
From 2013.igem.org
(Difference between revisions)
| (21 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| - | $(". | + | $("ul.first > li").hover(function(){ |
| - | $(this).find("ul | + | $(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 28: | 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: | + | padding:3%; |
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 43: | Line 51: | ||
} | } | ||
| + | ul.first>li>ul | ||
| + | { | ||
| + | display:none; | ||
| + | width:100%; | ||
| + | } | ||
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ||
| Line 49: | Line 62: | ||
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
| - | background-color:# | + | background-color:#FFA319; |
| - | + | ||
text-align:center; | text-align:center; | ||
| - | padding: | + | 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:# | + | 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 92: | Line 103: | ||
</li> | </li> | ||
| + | <li><a href="">Wetlab</a> | ||
| + | <ul> | ||
| + | <li><a href="">Notebook</a></li> | ||
| + | <li><a href="">Protocols</a></li> | ||
| + | <li><a href="">Safety</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="">Achievement</a> | ||
| + | <ul> | ||
| + | <li><a href="">Medal Requirements</a></li> | ||
| + | <li><a href="">Prizes</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="">Human Practice</a></li> | ||
</ul> | </ul> | ||
| - | |||
</div> | </div> | ||
| + | </body> | ||
| - | |||
| - | |||
| - | |||
| - | |||
</html> | </html> | ||
Latest revision as of 12:09, 20 July 2013
