Template:Template HD2010 keyheader
From 2010.igem.org
(Difference between revisions)
(10 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{Template_HD2010_topheader}} | ||
+ | |||
<html> | <html> | ||
Line 36: | 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: | + | top: 16px; |
left: -26px; | left: -26px; | ||
- | |||
- | |||
list-style: none; | list-style: none; | ||
- | |||
- | |||
background-color:transparent; | background-color:transparent; | ||
+ | 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; } | ||
- | . | + | |
- | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/ | + | .lefttdtop { |
- | height: | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_popup_white_tl.png) no-repeat top left; |
- | padding-left: | + | padding-top:35px; |
- | padding-right: | + | 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; | line-height:1em; | ||
} | } | ||
- | . | + | .righttdbottom { |
- | width: | + | width:30px; |
- | height: | + | height:30px; |
+ | table-layout:fixed; | ||
padding:0; | padding:0; | ||
- | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/ | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5c/Header_popup_white_br.png) left top; |
} | } | ||
- | 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 119: | Line 168: | ||
window.onload=startList; | window.onload=startList; | ||
</script> | </script> | ||
+ | |||
</head> | </head> | ||
Line 131: | 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 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=" | + | <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> | ||
- | <td class=" | + | <td class="righttdtop"> </td> |
</tr> | </tr> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<tr> | <tr> | ||
- | <td class=" | + | <td class="lefttdbottom"></td> |
- | + | <td class="righttdbottom"></td> | |
- | + | ||
- | + | ||
- | + | ||
- | <td class=" | + | |
</tr> | </tr> | ||
</table> | </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"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
- | + | <td class="lefttdtopproject"> | |
- | <a href=""> | + | <a href="">Abstract</a><br> |
- | <a href=""> | + | <a href="">Introduction</a><br> |
- | <a href=""> | + | <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> | ||
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
</tr> | </tr> | ||
</table> | </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"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
- | + | <td class="lefttdtop"> | |
- | <a href=""> | + | <a href="">Parts</a><br> |
- | <a href=""> | + | <a href="">Characterization</a><br> |
- | + | ||
</td> | </td> | ||
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
</tr> | </tr> | ||
</table> | </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"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
- | + | <td class="lefttdtop"> | |
- | <a href=""> | + | <a href="">Synthetic miRNA Kit GUI</a><br> |
- | + | ||
- | + | ||
</td> | </td> | ||
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
</tr> | </tr> | ||
</table> | </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"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
- | + | <td class="lefttdtop"> | |
- | <a href=""> | + | <a href="">Synthetic miRNA Kit</a><br> |
- | <a href=""> | + | <a href="">Virus Creation</a><br> |
- | <a href=""> | + | <a href="">Cell Lines</a><br> |
+ | <a href="">Measurements</a><br> | ||
+ | <a href="">Material & Methods</a><br> | ||
+ | <a href="">Biosafety</a><br> | ||
+ | |||
</td> | </td> | ||
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
</tr> | </tr> | ||
</table> | </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"> | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
<tr> | <tr> | ||
- | + | <td class="lefttdtop"> | |
- | <a href=""> | + | <a href="">Psychological Study</a><br> |
- | <a href=""> | + | <a href="">Philosophical Examination</a><br> |
- | <a href=""> | + | <a href="">Dance Performance</a><br> |
</td> | </td> | ||
- | + | <td class="righttdtop"> </td> | |
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
</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