Template:Template HD2010 keyheader
From 2010.igem.org
(Difference between revisions)
(6 intermediate revisions not shown) | |||
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:5; |
- | #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; | ||
+ | position: relative; | ||
+ | width: 14em; | ||
+ | |||
+ | font-family:Arial; | ||
+ | font-size:12pt; | ||
+ | |||
+ | } | ||
+ | |||
+ | #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 { | ||
display:none; | display:none; | ||
border-style:none; | border-style:none; | ||
position: absolute; | position: absolute; | ||
- | z-index: | + | z-index:11; |
top: 16px; | top: 16px; | ||
left: -26px; | left: -26px; | ||
- | |||
- | |||
list-style: none; | list-style: none; | ||
- | |||
- | |||
background-color:transparent; | background-color:transparent; | ||
font-size:11pt; | font-size:11pt; | ||
} | } | ||
- | + | #menu_home {margin-right:-164px; } | |
- | # | + | #menu_team {margin-right:-166px; } |
- | + | #menu_project {margin-right:-155px; } | |
+ | #menu_parts {margin-right:-168px; } | ||
+ | #menu_modeling {margin-right:-139px;} | ||
+ | #menu_notebook {margin-right:-135px; } | ||
+ | #menu_human_practices {margin-right:-89px; } | ||
+ | #menu_sponsors {margin-right:-169px; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#nav li:hover table, li.over table { display: block; } | #nav li:hover table, li.over table { display: block; } | ||
Line 119: | Line 135: | ||
} | } | ||
- | 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 168: | ||
window.onload=startList; | window.onload=startList; | ||
</script> | </script> | ||
+ | |||
</head> | </head> | ||
Line 164: | Line 181: | ||
<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="https://2010.igem.org/User:Kleinsorg/main">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> | ||
<td class="lefttdtopteam"> | <td class="lefttdtopteam"> | ||
+ | <a href="">Overview</a><br> | ||
<a href="">Students</a><br> | <a href="">Students</a><br> | ||
<a href="">Advisors</a><br> | <a href="">Advisors</a><br> | ||
Line 185: | Line 203: | ||
</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> | ||
<td class="lefttdtopproject"> | <td class="lefttdtopproject"> | ||
+ | <a href="">Abstract</a><br> | ||
<a href="">Introduction</a><br> | <a href="">Introduction</a><br> | ||
<a href="">Measurement</a><br> | <a href="">Measurement</a><br> | ||
Line 205: | Line 224: | ||
</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> | ||
<td class="lefttdtop"> | <td class="lefttdtop"> | ||
+ | <a href="">Parts</a><br> | ||
<a href="">Characterization</a><br> | <a href="">Characterization</a><br> | ||
</td> | </td> | ||
Line 220: | Line 240: | ||
</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 235: | Line 255: | ||
</li> | </li> | ||
- | <li id="menu_notebook"><a href="">Notebook</a> | + | <li id="menu_notebook"><a class="aNotebook" href="https://2010.igem.org/User:Kleinsorg/test">Notebook</a> |
<table class="menutable" cellpadding="0" cellspacing="0"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
Line 256: | Line 276: | ||
</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 273: | Line 293: | ||
</li> | </li> | ||
- | <li id=" | + | <li id="menu_finance"><a class="aFinance" href="">Sponsors</a> |
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 08:57, 15 October 2010