Template:Template HD2010 keyheader

From 2010.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template_HD2010_topheader}}
 +
<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.
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">
Line 12: Line 24:
         background-color:transparent;}
         background-color:transparent;}
 +
#header {
#header {
         position: absolute;
         position: absolute;
Line 25: 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: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 a { text-decoration:none; color:#3b3b3b; font-weight:bold;}
 
-
#nav li a:visited {color: #3b3b3b; }
 
-
#nav li a:hover { color:#f09600; }
 
-
#nav li a:active { color:#f09600;}
 
-
#nav li ul {
 
-
display: none;  position: absolute; z-index:5;  top: 16px;  left: -21px;  padding:0px;  margin:0px;  list-style: none;  padding-top:23px; padding-left:18px;}
 
-
#nav li ul li a { text-decoration:none; color:#3b3b3b; font-weight:bold;}
+
#nav {  
-
#nav li ul li a:visited {color:#3b3b3b}
+
position:absolute;
-
#nav li ul li a:hover { color:#f09600; }
+
z-index:5;  
-
#nav li ul li a:active { color:#f09600;}
+
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;
-
#menu_home {margin-right:-99px; }
+
font-family:Arial;
-
#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; }
+
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;}
-
#menu_team {margin-right:-103px; }
+
.menutable {  
-
#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; }
+
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:-91px; }
+
#menu_home {margin-right:-164px; }
-
#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_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; }
-
#menu_parts  {margin-right:-105px; }
+
#nav li:hover table, li.over table { display: block; }
-
#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 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:-71px; }
+
.lefttdtop {
-
#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; }
+
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;
 +
}
-
#menu_human_practices  {margin-right:-25px; }
+
.lefttdtopteam {
-
#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/c/cb/Header_popup_team_tl.png) no-repeat top left;
 +
padding-top:35px;
 +
padding-left:28px;  
 +
padding-right:0px;
 +
line-height:1.2em;
 +
}
-
#menu_sponsors  {margin-right:-105px; }
+
.lefttdtopproject {
-
#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; }
+
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;--> }
-
#nav li:hover ul, li.over ul{ display: block; }
 
</style>
</style>
Line 87: 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 href="">Home</a>
+
   <li id="menu_home"><a class="aHome" href="http://2010.igem.org/User:Kleinsorg/main">Home</a>
-
    <ul>
+
  </li>
-
      <li><a href="">test</a></li>
+
-
      <li><a href="">test</a></li>
+
-
      <li><a href="">test</a></li>
+
-
      <li><a href="">test</a></li>
+
-
</ul>
+
-
</li>
+
-
   <li id="menu_team"><a href="">Team</a>
+
   <li id="menu_team"><a class="aTeam" href="">Team</a>
-
    <ul>
+
<table class="menutable" cellpadding="0" cellspacing="0">
-
      <li><a href="">test</a></li>
+
<tr>
-
      <li><a href="">Btest</a></li>
+
<td class="lefttdtopteam">
-
      <li><a href="">test</a></li>
+
                                <a href="">Overview</a><br>
-
    </ul>
+
                                <a href="">Students</a><br>
 +
                                <a href="">Advisors</a><br>
 +
                                <a href="">Institutes</a><br>
 +
                                <a href="">Gallery</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 class="aProject" 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="lefttdtopproject">
-
      <li><a href="">test</a></li>
+
<a href="">Abstract</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">Introduction</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">Measurement</a><br>
-
    </ul>
+
<a href="">Further Subprojects</a><br>
 +
                                <a href="">Summary&nbsp;&&nbsp;Outlook</a><br>
 +
                                <a href="">References</a><br>
 +
                                <a href="">Acknowledgements</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_parts"><a href="">Parts</a>
+
   <li id="menu_parts"><a class="aParts" 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="lefttdtop">
-
      <li><a href="">test</a></li>
+
<a href="">Parts</a><br>
-
      <li><a href="">test</a></li>
+
<a href="">Characterization</a><br>
-
    </ul>
+
</td>
 +
            <td class="righttdtop">&nbsp;</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>
-
    <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="">Synthetic&nbsp;miRNA&nbsp;Kit&nbsp;GUI</a><br>
-
      <li><a href="">test</a></li>
+
</td>
-
</ul>
+
            <td class="righttdtop">&nbsp;</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="http://2010.igem.org/User:Kleinsorg/test">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="lefttdtop">
-
      <li><a href="">test</a></li>
+
<a href="">Synthetic&nbsp;miRNA&nbsp;Kit</a><br>
-
    </ul>
+
<a href="">Virus&nbsp;Creation</a><br>
 +
<a href="">Cell&nbsp;Lines</a><br>
 +
                                <a href="">Measurements</a><br>
 +
                                <a href="">Material&nbsp;&&nbsp;Methods</a><br>
 +
<a href="">Biosafety</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_human_practices"><a href="">Human Practices</a>
+
   <li id="menu_human_practices"><a class="aHumanprac" 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="lefttdtop">
-
      <li><a href="">test</a></li>
+
<a href="">Psychological&nbsp;Study</a><br>
-
    </ul>
+
<a href="">Philosophical&nbsp;Examination</a><br>
 +
<a href="">Dance&nbsp;Performance</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_sponsors"><a href="">Sponsors</a>
+
   <li id="menu_finance"><a class="aFinance" href="">Sponsors</a>
-
    <ul>
+
-
      <li><a href="">test</a></li>
+
-
      <li><a href="">Btest</a></li>
+
-
      <li><a href="">test</a></li>
+
-
    </ul>
+
   </li>
   </li>
</ul>
</ul>
Line 166: Line 300:
</div>
</div>
</body>
</body>
 +
</html>
</html>

Latest revision as of 08:57, 15 October 2010