Template:Template HD2010 keyheader

From 2010.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template_HD2010_topheader}}
 +
<html>
<html>
Line 36: 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 {  
-
#nav li a { text-decoration:none; color:#3b3b3b; font-weight:bold;}
+
position:absolute;  
-
#nav li a:visited {color: #3b3b3b; }
+
z-index:5;  
-
#nav li a:hover { color:#f09600; }
+
padding: 0 0 0 0;   
-
#nav li a:active { color:#f09600;}
+
margin:0px;  
 +
list-style: none;  
 +
left:57px;  
 +
top:83px;  
 +
float:left;  
 +
width:975px;  
 +
height:236px;  
 +
}
 +
 +
#nav li {
 +
float: left;
 +
position: relative;
 +
width: 14em;
 +
 
 +
font-family:Arial;
 +
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;}
 +
 
.menutable {  
.menutable {  
display:none;  
display:none;  
border-style:none;  
border-style:none;  
position: absolute;
position: absolute;
-
z-index:5;
+
z-index:11;
-
top: 15px;   
+
top: 16px;   
left: -26px;   
left: -26px;   
-
padding:0px; 
 
-
margin:0px; 
 
list-style: none;
list-style: none;
-
border-spacing:0;
 
-
border-style:none;
 
background-color:transparent;
background-color:transparent;
 +
                        font-size:11pt;
}
}
-
+
#menu_home {margin-right:-164px; }
-
#nav li ul {  
+
#menu_team {margin-right:-166px; }
-
display:none;}
+
#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_home {margin-right:-99px; }
 
-
#menu_team {margin-right:-103px; }
 
-
#menu_project  {margin-right:-91px; }
 
-
#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; }
#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;
+
.lefttdtop {
-
height:146px;  
+
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_popup_white_tl.png) no-repeat top left;
-
padding-left:30px;  
+
padding-top:35px;
-
padding-right:5px;
+
padding-left:28px;
 +
padding-right:0px;
 +
line-height:1.2em;
 +
}
 +
 
 +
.lefttdtopteam {
 +
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;
 +
}
 +
 
 +
.lefttdtopproject {
 +
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;
line-height:1em;
}
}
-
.righttd {  
+
.righttdbottom {  
-
width:34px;  
+
width:30px;  
-
height:146px;  
+
height:30px;
 +
table-layout:fixed;
padding:0;  
padding:0;  
-
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_team_popup_bulge_w_right.png);
+
background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/5/5c/Header_popup_white_br.png) left top;
}
}
-
body#home #menu_home a,
+
body#home .aHome,
-
body#team .ateam a,
+
body#team .aTeam,
-
body#project #menu_project a,
+
body#project .aProject,
-
body#notebook #menu_parts a,
+
body#notebook .aNotebook,
-
body#modeling #menu_modeling a,
+
body#modeling .aModeling,
-
body#sponsors #menu_notebook a,
+
body#sponsors .aSponsors,
-
body#humanprac #menu_human_practices a,
+
body#humanprac .aHumanprac,
-
body#parts #menu_sponsors a
+
body#parts .aParts
{ color:#00a5ea; <!--cursor: default;--> }
{ color:#00a5ea; <!--cursor: default;--> }
Line 119: Line 168:
window.onload=startList;
window.onload=startList;
</script>
</script>
 +
</head>
</head>
Line 131: Line 181:
<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="https://2010.igem.org/User:Kleinsorg/main">Home</a>
 +
  </li>
 +
 
 +
  <li id="menu_team"><a class="aTeam" href="">Team</a>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtopteam">
-
<a href="">test</a><br>
+
                                <a href="">Overview</a><br>
-
<a href="">test</a><br>
+
                                <a href="">Students</a><br>
-
<a href="">test</a><br>
+
                                <a href="">Advisors</a><br>
 +
                                <a href="">Institutes</a><br>
 +
                                <a href="">Gallery</a><br>
</td>
</td>
-
<td class="righttd">&nbsp;</td>
+
<td class="righttdtop">&nbsp;</td>
</tr>
</tr>
-
</table>
 
-
 
-
  </li>
 
-
 
-
  <li id="menu_team"><a class="ateam" href="">Team</a>
 
-
<table class="menutable" cellpadding="0" cellspacing="0">
 
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdbottom"></td>
-
<a href="">test</a><br>
+
<td class="righttdbottom"></td>
-
<a href="">testtesttest</a><br>
+
-
<a href="">test</a><br>
+
-
</td>
+
-
<td class="righttd">&nbsp;</td>
+
</tr>
</tr>
</table>
</table>
   </li>
   </li>
-
   <li id="menu_project"><a href="">Project</a>
+
   <li id="menu_project"><a class="aProject" href="">Project</a>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtopproject">
-
<a href="">test</a><br>
+
<a href="">Abstract</a><br>
-
<a href="">test</a><br>
+
<a href="">Introduction</a><br>
-
<a href="">test</a><br>
+
<a href="">Measurement</a><br>
 +
<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>
-
<td class="righttd">&nbsp;</td>
+
            <td class="righttdtop">&nbsp;</td>
 +
        </tr>
 +
        <tr>
 +
            <td class="lefttdbottom"></td>
 +
            <td class="righttdbottom"></td>
</tr>
</tr>
</table>
</table>
   </li>
   </li>
-
   <li id="menu_parts"><a href="">Parts</a>
+
   <li id="menu_parts"><a class="aParts" href="">Parts</a>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtop">
-
<a href="">test</a><br>
+
<a href="">Parts</a><br>
-
<a href="">test</a><br>
+
<a href="">Characterization</a><br>
-
<a href="">test</a><br>
+
</td>
</td>
-
<td class="righttd">&nbsp;</td>
+
            <td class="righttdtop">&nbsp;</td>
 +
        </tr>
 +
        <tr>
 +
            <td class="lefttdbottom"></td>
 +
            <td class="righttdbottom"></td>
</tr>
</tr>
</table>
</table>
</li>
</li>
-
   <li id="menu_modeling"><a href="">Modeling</a>
+
   <li id="menu_modeling"><a class="aModeling" href="">Modeling</a>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtop">
-
<a href="">test</a><br>
+
<a href="">Synthetic&nbsp;miRNA&nbsp;Kit&nbsp;GUI</a><br>
-
<a href="">test</a><br>
+
-
<a href="">test</a><br>
+
</td>
</td>
-
<td class="righttd">&nbsp;</td>
+
            <td class="righttdtop">&nbsp;</td>
 +
        </tr>
 +
        <tr>
 +
            <td class="lefttdbottom"></td>
 +
            <td class="righttdbottom"></td>
</tr>
</tr>
</table>
</table>
</li>
</li>
-
   <li id="menu_notebook"><a href="">Notebook</a>
+
   <li id="menu_notebook"><a class="aNotebook" href="https://2010.igem.org/User:Kleinsorg/test">Notebook</a>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtop">
-
<a href="">test</a><br>
+
<a href="">Synthetic&nbsp;miRNA&nbsp;Kit</a><br>
-
<a href="">test</a><br>
+
<a href="">Virus&nbsp;Creation</a><br>
-
<a href="">test</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>
-
<td class="righttd">&nbsp;</td>
+
            <td class="righttdtop">&nbsp;</td>
 +
        </tr>
 +
        <tr>
 +
            <td class="lefttdbottom"></td>
 +
            <td class="righttdbottom"></td>
</tr>
</tr>
</table>
</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>
<table class="menutable" cellpadding="0" cellspacing="0">
<table class="menutable" cellpadding="0" cellspacing="0">
<tr>
<tr>
-
<td class="lefttd">
+
<td class="lefttdtop">
-
<a href="">test</a><br>
+
<a href="">Psychological&nbsp;Study</a><br>
-
<a href="">test</a><br>
+
<a href="">Philosophical&nbsp;Examination</a><br>
-
<a href="">test</a><br>
+
<a href="">Dance&nbsp;Performance</a><br>
</td>
</td>
-
<td class="righttd">&nbsp;</td>
+
            <td class="righttdtop">&nbsp;</td>
 +
        </tr>
 +
        <tr>
 +
            <td class="lefttdbottom"></td>
 +
            <td class="righttdbottom"></td>
</tr>
</tr>
</table>
</table>
   </li>
   </li>
-
   <li id="menu_sponsors"><a href="">Sponsors</a>
+
   <li id="menu_finance"><a class="aFinance" 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>

Latest revision as of 08:57, 15 October 2010