Team:Hong Kong HKU/templates/menu
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <style type="text/css"> | + | <div id="divlinks"> |
- | + | ||
- | .tab{ | + | <div id="divNav"> |
+ | <style type="text/css"> | ||
+ | .tab{ | ||
font-family: arial, verdana, san-serif; | font-family: arial, verdana, san-serif; | ||
font-size: 14px; | font-size: 14px; | ||
Line 14: | Line 16: | ||
color:00CC66; | color:00CC66; | ||
} | } | ||
+ | |||
+ | /*****remove the list style****/ | ||
+ | #nav { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | /*****LI display inline *****/ | ||
+ | #nav li { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | width:190px; | ||
+ | background:#00661A; | ||
+ | position:relative; | ||
+ | z-index:500; | ||
+ | margin:0 1px; | ||
+ | } | ||
+ | @charset "utf-8"; | ||
+ | |||
+ | body, h1, h2, h3, h4, h5, h6, p, div, ul , li{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | #divWrapper{ | ||
+ | width:960px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #divHeader{ | ||
+ | width:960px; | ||
+ | margin:0 auto; | ||
+ | |||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #divHeader img{ | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #divline { | ||
+ | width:960px; | ||
+ | background:#F63; | ||
+ | height:2px; | ||
+ | } | ||
+ | |||
+ | #divlinks{ | ||
+ | width:960px; | ||
+ | background:#666; | ||
+ | |||
+ | } | ||
+ | |||
+ | #divNav{ | ||
+ | width:960px; | ||
+ | background:#000; | ||
+ | height:32px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #divAbout { | ||
+ | width:960px; | ||
+ | background:#000; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | #divContent{ | ||
+ | width:auto; | ||
+ | width: auto; | ||
+ | position: relative; | ||
+ | margin:0 auto; | ||
+ | border:1px auto solid #000; | ||
+ | |||
+ | } | ||
+ | .left{ | ||
+ | width:300px; | ||
+ | margin:0 auto; | ||
+ | background:#fff; | ||
+ | border:1px auto solid #000; | ||
+ | text-align:center; | ||
+ | flow:left; | ||
+ | } | ||
+ | .right{ | ||
+ | float: left; | ||
+ | |||
+ | width: 600px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #divContent img{ | ||
+ | float:left; | ||
+ | border:1px solid #000; | ||
+ | background #333; | ||
+ | padding:16px; | ||
+ | margin:0.7em; | ||
+ | |||
+ | background:-moz-linear-gradient(top,#666,#333); | ||
+ | background:-webkit-gradient(linear,left,top, left bottom, from (#666), to(#333)); | ||
+ | } | ||
+ | |||
+ | #slideshow{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | p{font-family:"Times New Roman", Times, serif;} | ||
+ | #divFooterNav{ | ||
+ | width:960px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #divSponsors { | ||
+ | width:960px; | ||
+ | diplay:inline-block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border:1px auto solid #000; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #divSponsors img{ | ||
+ | padding-top:2px; | ||
+ | padding-bottom:2px; | ||
+ | padding-left:3px; | ||
+ | padding-right:3px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*****parent menu*****/ | ||
#nav li a { | #nav li a { | ||
display:block; | display:block; | ||
Line 64: | Line 208: | ||
} | } | ||
</style> | </style> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 105: | Line 250: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
<input type=hidden name=arav value="5*#*#*3*#*#*2*#*#*1*#*#*3*#*#*2"><ul id='nav'> | <input type=hidden name=arav value="5*#*#*3*#*#*2*#*#*1*#*#*3*#*#*2"><ul id='nav'> | ||
<li> <a href='#'>E. CAPSID</a> | <li> <a href='#'>E. CAPSID</a> | ||
Line 141: | Line 287: | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | + | ||
- | </ | + | </div> |
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 16:24, 28 August 2013