Template:Template HD2010 keyheader
From 2010.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{Template_HD2010_topheader}} | ||
+ | |||
<html> | <html> | ||
Line 13: | Line 15: | ||
/--> | /--> | ||
+ | |||
+ | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 20: | Line 24: | ||
background-color:transparent;} | background-color:transparent;} | ||
+ | |||
#header { | #header { | ||
position: absolute; | position: absolute; | ||
Line 33: | Line 38: | ||
#menu ul { padding: 0; margin: 0; width:975px; height:236px;} | #menu ul { padding: 0; margin: 0; width:975px; height:236px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | #nav | + | #nav { |
- | + | position:absolute; | |
- | + | z-index:5; | |
- | #nav li | + | padding: 0 0 0 0; |
+ | 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 { | |
- | + | display:none; | |
+ | border-style:none; | ||
+ | position: absolute; | ||
+ | z-index:11; | ||
+ | top: 16px; | ||
+ | left: -26px; | ||
+ | list-style: none; | ||
+ | background-color:transparent; | ||
+ | font-size:11pt; | ||
+ | } | ||
- | #menu_project {margin-right:- | + | #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; } |
- | + | ||
- | |||
- | |||
- | + | .lefttdtop { | |
- | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_popup_white_tl.png) no-repeat top left; | |
+ | padding-top:35px; | ||
+ | padding-left:28px; | ||
+ | padding-right:0px; | ||
+ | line-height:1.2em; | ||
+ | } | ||
- | + | .lefttdtopteam { | |
- | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/cb/Header_popup_team_tl.png) no-repeat top left; | |
+ | padding-top:35px; | ||
+ | padding-left:28px; | ||
+ | padding-right:0px; | ||
+ | line-height:1.2em; | ||
+ | } | ||
- | + | .lefttdtopproject { | |
- | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/8b/Header_popup_project_tl.png) no-repeat top left; | |
+ | padding-top:35px; | ||
+ | padding-left:28px; | ||
+ | padding-right:0px; | ||
+ | line-height:1.2em; | ||
+ | } | ||
+ | |||
+ | .righttdtop { | ||
+ | min-width:30px; | ||
+ | padding:0; | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/7/7f/Header_popup_white_tr.png) no-repeat left top; | ||
+ | } | ||
+ | |||
+ | .lefttdbottom { | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/b/bd/Header_popup_white_bl.png) no-repeat top left; | ||
+ | height:30px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | |||
+ | .righttdbottom { | ||
+ | width:30px; | ||
+ | height:30px; | ||
+ | table-layout:fixed; | ||
+ | padding:0; | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5c/Header_popup_white_br.png) left top; | ||
+ | } | ||
+ | |||
+ | body#home .aHome, | ||
+ | body#team .aTeam, | ||
+ | body#project .aProject, | ||
+ | body#notebook .aNotebook, | ||
+ | body#modeling .aModeling, | ||
+ | body#sponsors .aSponsors, | ||
+ | body#humanprac .aHumanprac, | ||
+ | body#parts .aParts | ||
+ | { color:#00a5ea; <!--cursor: default;--> } | ||
- | |||
</style> | </style> | ||
Line 95: | Line 168: | ||
window.onload=startList; | window.onload=startList; | ||
</script> | </script> | ||
+ | |||
+ | </head> | ||
<body> | <body> | ||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | </style> | ||
+ | <![endif]--> | ||
<div id="header"> | <div id="header"> | ||
<div id="menu"> | <div id="menu"> | ||
<ul id="nav"> | <ul id="nav"> | ||
- | <li id="menu_home"><a | + | <li id="menu_home"><a class="aHome" href="https://2010.igem.org/User:Kleinsorg/main">Home</a> |
- | + | </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li id="menu_team"><a href="">Team</a> | + | <li id="menu_team"><a class="aTeam" href="">Team</a> |
- | + | <table class="menutable" cellpadding="0" cellspacing="0"> | |
- | + | <tr> | |
- | + | <td class="lefttdtopteam"> | |
- | + | <a href="">Overview</a><br> | |
- | + | <a href="">Students</a><br> | |
+ | <a href="">Advisors</a><br> | ||
+ | <a href="">Institutes</a><br> | ||
+ | <a href="">Gallery</a><br> | ||
+ | </td> | ||
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</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"> | |
- | + | <tr> | |
- | + | <td class="lefttdtopproject"> | |
- | + | <a href="">Abstract</a><br> | |
- | + | <a href="">Introduction</a><br> | |
- | + | <a href="">Measurement</a><br> | |
- | + | <a href="">Further Subprojects</a><br> | |
+ | <a href="">Summary & Outlook</a><br> | ||
+ | <a href="">References</a><br> | ||
+ | <a href="">Acknowledgements</a><br> | ||
+ | </td> | ||
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</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"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">Parts</a><br> | |
- | + | <a href="">Characterization</a><br> | |
- | + | </td> | |
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</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"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">Synthetic miRNA Kit GUI</a><br> | |
- | + | </td> | |
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</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"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">Synthetic miRNA Kit</a><br> | |
- | + | <a href="">Virus Creation</a><br> | |
+ | <a href="">Cell Lines</a><br> | ||
+ | <a href="">Measurements</a><br> | ||
+ | <a href="">Material & Methods</a><br> | ||
+ | <a href="">Biosafety</a><br> | ||
+ | |||
+ | </td> | ||
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</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"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">Psychological Study</a><br> | |
- | + | <a href="">Philosophical Examination</a><br> | |
+ | <a href="">Dance Performance</a><br> | ||
+ | </td> | ||
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
</li> | </li> | ||
- | <li id=" | + | <li id="menu_finance"><a class="aFinance" href="">Sponsors</a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 174: | Line 300: | ||
</div> | </div> | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 08:57, 15 October 2010