Template:Template HD2010 keyheader
From 2010.igem.org
(Difference between revisions)
Line 38: | Line 38: | ||
#menu ul { padding: 0; margin: 0; width:975px; height:236px;} | #menu ul { padding: 0; margin: 0; width:975px; height:236px;} | ||
- | #nav { position:absolute; z-index: | + | |
- | #nav li { | + | #nav { |
- | #nav | + | position:absolute; |
- | #nav | + | z-index:9; |
- | #nav | + | padding: 0 0 0 0; |
- | #nav | + | margin:0px; |
+ | list-style: none; | ||
+ | left:57px; | ||
+ | top:83px; | ||
+ | float:left; | ||
+ | width:975px; | ||
+ | height:236px; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float:left; | ||
+ | |||
+ | margin-right:20.4px; | ||
+ | position: relative; | ||
+ | font-family:Calibri; | ||
+ | font-size:12pt; | ||
+ | z-index:99; | ||
+ | } | ||
+ | |||
+ | #nav a { text-decoration:none; color:#3b3b3b; font-weight:bold;} | ||
+ | #nav a:visited {color: #3b3b3b; } | ||
+ | #nav a:hover { color:#f09600; } | ||
+ | #nav a:active { color:#f09600;} | ||
+ | |||
.menutable { | .menutable { | ||
- | |||
border-style:none; | border-style:none; | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index:99; |
top: 16px; | top: 16px; | ||
- | left: - | + | left: -999em; |
- | + | ||
- | + | ||
list-style: none; | list-style: none; | ||
border-spacing:0; | border-spacing:0; | ||
border-style:none; | border-style:none; | ||
background-color:transparent; | background-color:transparent; | ||
- | + | font-size:11pt; | |
} | } | ||
- | |||
- | |||
- | |||
#menu_home {margin-right:-99px; } | #menu_home {margin-right:-99px; } | ||
#menu_team {margin-right:-103px; } | #menu_team {margin-right:-103px; } | ||
Line 72: | Line 89: | ||
#menu_human_practices {margin-right:-26px; } | #menu_human_practices {margin-right:-26px; } | ||
#menu_sponsors {margin-right:-105px; } | #menu_sponsors {margin-right:-105px; } | ||
- | #nav li:hover table, li.over table { | + | |
+ | #nav li:hover table { left:-26px; }, li.over table { left:-26px; } | ||
Line 119: | Line 137: | ||
} | } | ||
- | body#home | + | body#home .aHome, |
- | body#team . | + | body#team .aTeam, |
- | body#project | + | body#project .aProject, |
- | body#notebook | + | body#notebook .aNotebook, |
- | body#modeling | + | body#modeling .aModeling, |
- | body#sponsors | + | body#sponsors .aSponsors, |
- | body#humanprac | + | body#humanprac .aHumanprac, |
- | body#parts | + | body#parts .aParts |
{ color:#00a5ea; <!--cursor: default;--> } | { color:#00a5ea; <!--cursor: default;--> } | ||
Line 152: | Line 170: | ||
window.onload=startList; | window.onload=startList; | ||
</script> | </script> | ||
+ | |||
</head> | </head> | ||
Line 164: | Line 183: | ||
<div id="menu"> | <div id="menu"> | ||
<ul id="nav"> | <ul id="nav"> | ||
- | <li id="menu_home"><a href="">Home</a> | + | <li id="menu_home"><a class="aHome" href="">Home</a> |
</li> | </li> | ||
- | <li id="menu_team"><a class=" | + | <li id="menu_team"><a class="aTeam" href="">Team</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 186: | Line 205: | ||
</li> | </li> | ||
- | <li id="menu_project"><a href="">Project</a> | + | <li id="menu_project"><a class="aProject" href="">Project</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 207: | Line 226: | ||
</li> | </li> | ||
- | <li id="menu_parts"><a href="">Parts</a> | + | <li id="menu_parts"><a class="aParts" href="">Parts</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 223: | Line 242: | ||
</li> | </li> | ||
- | <li id="menu_modeling"><a href="">Modeling</a> | + | <li id="menu_modeling"><a class="aModeling" href="">Modeling</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 238: | Line 257: | ||
</li> | </li> | ||
- | <li id="menu_notebook"><a href="">Notebook</a> | + | <li id="menu_notebook"><a class="aNotebook" href="">Notebook</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 259: | Line 278: | ||
</li> | </li> | ||
- | <li id="menu_human_practices"><a href="">Human Practices</a> | + | <li id="menu_human_practices"><a class="aHumanprac" href="">Human Practices</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 276: | Line 295: | ||
</li> | </li> | ||
- | <li id=" | + | <li id="menu_finance"><a class="aFinance" href="">Sponsors</a> |
</li> | </li> | ||
</ul> | </ul> |
Revision as of 21:11, 22 September 2010