Template:Template HD2010 keyheader

From 2010.igem.org

(Difference between revisions)
Line 13: Line 13:
/-->
/-->
 +
 +
<head>
<style type="text/css">
<style type="text/css">
Line 20: Line 22:
         background-color:transparent;}
         background-color:transparent;}
 +
#header {
#header {
         position: absolute;
         position: absolute;
Line 39: Line 42:
#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;  position: absolute; z-index:5;  top: 16px;  left: -21px;  padding:0px;  margin:0px;  list-style: none;  padding-top:27px; padding-left:25px;}
+
display:none;}
-
 
+
-
#nav li ul li a { text-decoration:none; color:#3b3b3b; font-weight:bold; font-size:11pt; line-height:-250%;}
+
-
#nav li ul li a:visited {color:#3b3b3b}
+
-
#nav li ul li a:hover { color:#f09600; }
+
-
#nav li ul li a:active { color:#f09600;}
+
#menu_home {margin-right:-99px; }
#menu_home {margin-right:-99px; }
-
#menu_home ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/d/d7/Header_popup_bulge_team.png); background-repeat:no-repeat; width:127px; height:136px; }
 
-
 
#menu_team {margin-right:-103px; }
#menu_team {margin-right:-103px; }
-
#menu_team ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/d/d7/Header_popup_bulge_team.png);  background-repeat:no-repeat; width:127px; height:136px; }
 
-
 
#menu_project  {margin-right:-91px; }
#menu_project  {margin-right:-91px; }
-
#menu_project ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/f3/Header_popup_bulge_project.png); background-repeat:no-repeat; width:127px; height:136px; }
+
#menu_parts  {margin-right:-109px; }
-
 
+
-
#menu_parts  {margin-right:-105px; }
+
-
#menu_parts ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/80/Header_popup_bulge_white.png); background-repeat:no-repeat; width:127px; height:136px; }
+
-
 
+
#menu_modeling  {margin-right:-75px; }
#menu_modeling  {margin-right:-75px; }
-
#menu_modeling ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/80/Header_popup_bulge_white.png); background-repeat:no-repeat; width:127px; height:136px; }
+
#menu_notebook  {margin-right:-69px; }
-
 
+
#menu_human_practices  {margin-right:-26px; }
-
#menu_notebook {margin-right:-71px; }
+
#menu_sponsors {margin-right:-105px; }
-
#menu_notebook ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/80/Header_popup_bulge_white.png); background-repeat:no-repeat; width:127px; height:136px; }
+
#nav li:hover table, li.over table { display: block; }
-
#menu_human_practices  {margin-right:-25px; }
+
.lefttd {  
-
#menu_human_practices ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/80/Header_popup_bulge_white.png); background-repeat:no-repeat; width:127px; height:136px; }
+
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;  
-
#menu_sponsors  {margin-right:-105px; }
+
padding-left:30px;  
-
#menu_sponsors ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/80/Header_popup_bulge_white.png); background-repeat:no-repeat; width:127px; height:136px; }
+
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);
 +
}
 +
 +
body#home #menu_home a,
 +
body#team .ateam a,
 +
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;--> }
-
#nav li:hover ul, li.over ul{ display: block; }
 
</style>
</style>
Line 95: Line 119:
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 102: Line 132:
<ul id="nav">
<ul id="nav">
   <li id="menu_home"><a href="">Home</a>
   <li id="menu_home"><a href="">Home</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
</ul>
+
<a href="">test</a><br>
-
</li>
+
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
-
   <li id="menu_team"><a href="">Team</a>
+
  </li>
-
    <ul>
+
 
-
      <li><a href="">test</a></li>
+
   <li id="menu_team"><a class="ateam" href="">Team</a>
-
      <li><a href="">Btest</a></li>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
    </ul>
+
<td class="lefttd">
 +
<a href="">test</a><br>
 +
<a href="">testtesttest</a><br>
 +
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
   </li>
   </li>
   <li id="menu_project"><a href="">Project</a>
   <li id="menu_project"><a href="">Project</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
    </ul>
+
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
   </li>
   </li>
   <li id="menu_parts"><a href="">Parts</a>
   <li id="menu_parts"><a href="">Parts</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
    </ul>
+
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
</li>
</li>
   <li id="menu_modeling"><a href="">Modeling</a>
   <li id="menu_modeling"><a href="">Modeling</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
</ul>
+
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
</li>
</li>
   <li id="menu_notebook"><a href="">Notebook</a>
   <li id="menu_notebook"><a href="">Notebook</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">Btest</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
    </ul>
+
<a href="">test</a><br>
 +
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
   </li>
   </li>
   <li id="menu_human_practices"><a href="">Human Practices</a>
   <li id="menu_human_practices"><a href="">Human Practices</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">Btest</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
    </ul>
+
<a href="">test</a><br>
 +
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
   </li>
   </li>
   <li id="menu_sponsors"><a href="">Sponsors</a>
   <li id="menu_sponsors"><a href="">Sponsors</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">Btest</a></li>
+
<td class="lefttd">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
    </ul>
+
<a href="">test</a><br>
 +
<a href="">test</a><br>
 +
</td>
 +
<td class="righttd">&nbsp;</td>
 +
</tr>
 +
</table>
   </li>
   </li>
</ul>
</ul>
Line 174: Line 240:
</div>
</div>
</body>
</body>
 +
</html>
</html>

Revision as of 18:24, 21 September 2010

Retrieved from "http://2010.igem.org/Template:Template_HD2010_keyheader"