Template:Template HD2010 keyheader

From 2010.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template_HD2010_topheader}}
 +
<html>
<html>
Line 13: Line 15:
/-->
/-->
 +
 +
<head>
<style type="text/css">
<style type="text/css">
Line 20: Line 24:
         background-color:transparent;}
         background-color:transparent;}
 +
#header {
#header {
         position: absolute;
         position: absolute;
Line 33: 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 95: 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 174: Line 300:
</div>
</div>
</body>
</body>
 +
</html>
</html>

Latest revision as of 08:57, 15 October 2010