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">
-
/*****parent menu*****/
+
   
-
.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>
-
 
+
   
-
</head>
+
        </div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 16:24, 28 August 2013