User:Kleinsorg/menu
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | |||
+ | <!-- | ||
+ | |||
+ | ============================================================================================ | ||
+ | *** PLEASE NOTE: *** | ||
+ | |||
+ | The contents and design of this wiki are published under the GNU Free Documentation License. You are granted the right to copy and modify our work, but you must publish your work under the same type of license while recognizing us the authors. | ||
+ | |||
+ | Stefan Kleinsorg, Thomas Uhlig | ||
+ | |||
+ | ============================================================================================ | ||
+ | |||
+ | /--> | ||
+ | |||
+ | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
#bodyContent { | #bodyContent { | ||
width: 975px; | width: 975px; | ||
- | margin: | + | margin: 236px 0px 0px; |
background-color:transparent;} | background-color:transparent;} | ||
+ | |||
#header { | #header { | ||
position: absolute; | position: absolute; | ||
Line 15: | Line 31: | ||
margin:0; | margin:0; | ||
width:975px; | width:975px; | ||
- | height: | + | height:236px; |
align:left; | align:left; | ||
background-color: transparent; | background-color: transparent; | ||
Line 21: | Line 37: | ||
} | } | ||
- | #menu ul { padding: 0; margin: 0; width:975px; height: | + | #menu ul { padding: 0; margin: 0; width:975px; height:236px;} |
- | #nav { position:absolute; z-index:2; padding: 0 0 0 0; margin:0px; list-style: none; left: | + | #nav { position:absolute; z-index:2; 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: 10em; font-family:Calibri; font-size:12pt; } | #nav li { float: left; position: relative; width: 10em; font-family:Calibri; font-size:12pt; } | ||
#nav li a { text-decoration:none; color:#3b3b3b; font-weight:bold;} | #nav li a { text-decoration:none; color:#3b3b3b; font-weight:bold;} | ||
Line 28: | Line 44: | ||
#nav li a:hover { color:#f09600; } | #nav li a:hover { color:#f09600; } | ||
#nav li a:active { color:#f09600;} | #nav li a:active { color:#f09600;} | ||
+ | .menutable { | ||
+ | display:none; | ||
+ | border-style:none; | ||
+ | position: absolute; | ||
+ | z-index:5; | ||
+ | top: 15px; | ||
+ | left: -26px; | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | list-style: none; | ||
+ | border-spacing:0; | ||
+ | border-style:none; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | |||
#nav li ul { | #nav li ul { | ||
- | display: none | + | display:none;} |
- | # | + | #menu_home {margin-right:-99px; } |
- | # | + | #menu_team {margin-right:-103px; } |
- | # | + | #menu_project {margin-right:-91px; } |
- | #nav li | + | #menu_parts {margin-right:-109px; } |
+ | #menu_modeling {margin-right:-75px; } | ||
+ | #menu_notebook {margin-right:-69px; } | ||
+ | #menu_human_practices {margin-right:-26px; } | ||
+ | #menu_sponsors {margin-right:-105px; } | ||
+ | #nav li:hover table, li.over table { display: block; } | ||
- | + | .lefttd { | |
- | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/2/2c/Header_team_popup_bulge_w_left.png) no-repeat top left; | |
+ | height:146px; | ||
+ | padding-left:30px; | ||
+ | padding-right:5px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | |||
+ | .righttd { | ||
+ | width:34px; | ||
+ | height:146px; | ||
+ | padding:0; | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_team_popup_bulge_w_right.png); | ||
+ | } | ||
- | |||
- | |||
- | + | .lefttdtop { | |
- | + | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/15/Header_team_popup_bulge_w_left_top.png) no-repeat top left; | |
+ | padding-top:33px; | ||
+ | padding-left:30px; | ||
+ | padding-right:5px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | |||
+ | .righttdtop { | ||
+ | width:34px; | ||
+ | padding:0; | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/1/1a/Header_team_popup_bulge_w_right_top.png) no-repeat left top; | ||
+ | } | ||
+ | |||
+ | .lefttdbottom { | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/44/Header_team_popup_bulge_w_left_bottom.png) no-repeat top left; | ||
+ | height:34px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | |||
+ | .righttdbottom { | ||
+ | width:34px; | ||
+ | height:34px; | ||
+ | table-layout:fixed; | ||
+ | padding:0; | ||
+ | background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/c/c0/Header_team_popup_bulge_w_right_bottom.png) left top; | ||
+ | } | ||
+ | |||
+ | body#home #menu_home a, | ||
+ | body#team .ateam , | ||
+ | body#project #menu_project a, | ||
+ | body#notebook #menu_parts a, | ||
+ | body#modeling #menu_modeling a, | ||
+ | body#sponsors #menu_notebook a, | ||
+ | body#humanprac #menu_human_practices a, | ||
+ | body#parts #menu_sponsors a | ||
+ | { color:#00a5ea; <!--cursor: default;--> } | ||
- | |||
</style> | </style> | ||
Line 69: | Line 150: | ||
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"> | ||
Line 76: | Line 163: | ||
<ul id="nav"> | <ul id="nav"> | ||
<li id="menu_home"><a href="">Home</a> | <li id="menu_home"><a href="">Home</a> | ||
- | + | <table class="menutable" cellpadding="0" cellspacing="0"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">test</a><br> | |
- | + | <a href="">testtesttesttest</a><br> | |
- | </ | + | <a href="">test</a><br> |
- | </ | + | <a href="">test</a><br> |
+ | </td> | ||
+ | <td class="righttdtop"> </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="lefttdbottom"></td> | ||
+ | <td class="righttdbottom"></td> | ||
+ | </tr> | ||
+ | </table> | ||
- | <li id="menu_team"><a href="">Team</a> | + | </li> |
- | + | ||
- | + | <li id="menu_team"><a class="ateam" href="">Team</a> | |
- | + | <table class="menutable" cellpadding="0" cellspacing="0"> | |
- | + | <tr> | |
- | + | <td class="lefttdtop"> | |
- | + | <a href="">test</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 href="">Project</a> | ||
- | + | <table class="menutable" cellpadding="0" cellspacing="0"> | |
- | + | <tr> | |
- | + | <td class="lefttd"> | |
- | + | <a href="">test</a><br> | |
- | + | <a href="">test</a><br> | |
- | + | <a href="">test</a><br> | |
- | + | </td> | |
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </li> | ||
+ | |||
+ | <li id="menu_parts"><a href="">Parts</a> | ||
+ | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td class="lefttd"> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | </td> | ||
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </li> | ||
+ | |||
+ | <li id="menu_modeling"><a href="">Modeling</a> | ||
+ | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td class="lefttd"> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | </td> | ||
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </li> | ||
+ | |||
+ | <li id="menu_notebook"><a href="">Notebook</a> | ||
+ | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td class="lefttd"> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | </td> | ||
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </li> | ||
+ | |||
+ | <li id="menu_human_practices"><a href="">Human Practices</a> | ||
+ | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td class="lefttd"> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | </td> | ||
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </li> | ||
+ | |||
+ | <li id="menu_sponsors"><a href="">Sponsors</a> | ||
+ | <table class="menutable" cellpadding="0" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td class="lefttd"> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | <a href="">test</a><br> | ||
+ | </td> | ||
+ | <td class="righttd"> </td> | ||
+ | </tr> | ||
+ | </table> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 107: | Line 278: | ||
</div> | </div> | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 19:27, 21 September 2010