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: 225px 0px 0px;
+
         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:225px;
+
         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:225px;}
+
#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:70px; top:79px; float:left; width:975px; height:225px; }
+
#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;  position: absolute; z-index:5;  top: 17px;  left: -23px;  padding:0px;  margin:0px;  list-style: none;  padding-top:23px; padding-left:18px;}
+
display:none;}
-
#nav li ul li a { text-decoration:none; color:#3b3b3b; font-weight:bold;}
+
#menu_home {margin-right:-99px; }
-
#nav li ul li a:visited {color:#3b3b3b}
+
#menu_team {margin-right:-103px; }
-
#nav li ul li a:hover { color:#f09600; }
+
#menu_project  {margin-right:-91px; }
-
#nav li ul li a:active { color:#f09600;}
+
#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; }
-
#menu_home {margin-right:-100px; }
+
.lefttd {  
-
#menu_home ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/8e/Header_team_popup.png); background-repeat:no-repeat; width:124px; height:130px; }
+
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);
 +
}
-
#menu_team {margin-right:-105px; }
 
-
#menu_team ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/8e/Header_team_popup.png); background-repeat:no-repeat; width:124px; height:130px; }
 
-
#menu_project  {margin-right:-105px; }
+
.lefttdtop {
-
#menu_project ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/8/8e/Header_team_popup.png); background-repeat:no-repeat; width:124px; height:130px; }
+
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;--> }
-
#nav li:hover ul, li.over ul{ display: block; }
 
</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>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttdtop">
-
      <li><a href="">test</a></li>
+
<a href="">test</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">testtesttesttest</a><br>
-
</ul>
+
<a href="">test</a><br>
-
</li>
+
<a href="">test</a><br>
 +
</td>
 +
<td class="righttdtop">&nbsp;</td>
 +
</tr>
 +
<tr>
 +
<td class="lefttdbottom"></td>
 +
<td class="righttdbottom"></td>
 +
</tr>
 +
</table>
-
   <li id="menu_team"><a href="">Team</a>
+
  </li>
-
    <ul>
+
 
-
      <li><a href="">test
+
   <li id="menu_team"><a class="ateam" href="">Team</a>
-
        </a></li>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">Btest</a></li>
+
<tr>
-
      <li><a href="">test</a></li>
+
<td class="lefttdtop">
-
    </ul>
+
<a href="">test</a><br>
 +
</td>
 +
<td class="righttdtop">&nbsp;</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>
-
    <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 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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