User:Kleinsorg/menu2

From 2010.igem.org

< User:Kleinsorg(Difference between revisions)
(New page: <html> <head> <style type="text/css"> body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);} .clear {clear:both;} body.mediawiki { backgr...)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template_HD2010_topheader}}
 +
<html>
<html>
-
<head>
 
-
      <style type="text/css">
 
-
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
 
-
      .clear {clear:both;}
+
<style type="text/css">
-
body.mediawiki {
+
#bodyContent {
-
background-color:#494d51;
+
        width: 975px;
-
background-position: center center;
+
        margin: 246px 0px 0px;
-
background-attachment: fixed;
+
        background-color:transparent;}
-
background-repeat: no-repeat;
+
-
font-family: Calibri, Verdana, helvetica, sans-serif;
+
-
}
+
-
h2 {padding: 10px 20px;
+
-
                        font-size: 18px;
+
-
                        color: #eb8300;
+
-
                        text-decoration: none;
+
-
                        font-weight: bold;}
+
-
                        border: none;
+
-
h2 a {color: #eb8300;}
+
-
h3 {padding: 10px 20px;
+
-
                        font-size: 16px;
+
-
                        color: #000;
+
-
                        font-decoration: none;
+
-
                        font-weight: bold;}
+
-
h1.firstHeading {
+
-
display: none;
+
-
}
+
-
p {
+
-
text-align: justify;
+
-
}
+
-
a:link {
+
-
color: #00a5ea;
+
-
text-decoration: none
+
-
}
+
-
a:visited {
+
-
color:#00a5ea;
+
-
text-decoration: none
+
-
}
+
-
a:hover {
+
-
                        color: #eb8300;
+
-
text-decoration: none
+
-
}
+
-
a:active {
+
-
color:#f29400;
+
-
text-decoration: none
+
-
}
+
-
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:transparent;}
+
-
                #content {padding-left: 0px; width: 970px;}
+
-
table#team_members { text-align: justify; border: 0; }
+
-
table#team_members h2, table#team_members h3 { clear: both; }
+
-
#content * a:hover {text-decoration:none;}
+
-
#main_wrapper {
+
-
                        position:absolute; left:0px; top:0px;
+
-
margin: 0;
+
-
width: 969px;
+
-
height: 221px;
+
-
align: center;
+
-
border-style: solid;
+
-
                        border-color: white;
+
-
}
+
-
#header {
+
-
                        position:absolute; left:0px; top:0px;
+
-
margin: 0;
+
-
width: 969px;
+
-
height: 221px;
+
-
align: left;
+
-
background-color: transparent;
+
-
                        background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/f0/Header_wt.png);
+
-
}
+
-
#navigation {
+
-
position:absolute; left:0px; top:65px; width:793px; height:69px;
+
-
z-index:100; background-color: transparent; float: left;
+
-
color: #0000FF;
+
-
}
+
-
#super_main_wrapper {
+
-
                        position:absolute; left:0px; top:227px;
+
-
width: 975px;
+
-
align: center;
+
-
background-color: #ede8e2;
+
-
                        heigth: auto;
+
-
                }
+
-
                #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
+
-
                        height:200px;
+
-
                        width: 323px;
+
-
                        float:left;}
+
-
                #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
+
-
                        text-align: justify;
+
-
                        font-size: 12px;
+
-
                        color: #FFF;}
+
-
                #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
+
-
                        font-weight: bold;
+
-
                        font-size: 18px;
+
-
                        color: #FFF;}
+
-
                #orangeBox a, #greenBox a, #blueBox a {
+
-
                        padding-right: 20px;
+
-
                        font-weight: bold;
+
-
                        font-size: 14px;
+
-
                        display: block;
+
-
                        text-align: right;
+
-
                        color: #FFF;} 
+
-
                #orangeBox {margin-left: 3px;
+
-
                        background-image: url(http://2009.igem.org/wiki/images/9/9d/OrangeBox.jpg);}
+
-
                #greenBox {background-image: url(http://2009.igem.org/wiki/images/9/97/GreenBox.jpg);}
+
-
                #blueBox {background-image: url(http://2009.igem.org/wiki/images/9/96/BlueBox.jpg);}
+
-
                #SubWrapper {width: 645px;
+
#header {
-
                        padding: 0px;
+
        position: absolute;
-
                        border-left:4px solid #ede8e2;
+
        left:0px;
-
                        float: left;
+
        top:0px;
-
                        margin-top: 3px;
+
        margin:0;
-
                        background-color: #ede8e2;}
+
        width:975px;
-
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
+
        height:246px;
-
                        text-align: justify;
+
        align:left;
-
                        font-size: 12px;}
+
        background-color: transparent;
-
                #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
+
        background-image: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/f/ff/Header_ne.png) ;
-
                        font-size: 18px;}
+
        }
-
                #news {width: 322px;
+
-
                        margin-top: 3px;
+
-
                        float: left;
+
-
                        background-color: #d8d5d0;
+
-
                        border-right:4px solid #ede8e2;}
+
-
              #news p {padding: 0 20px 20px 20px;
+
-
                        text-align: justify;
+
-
                        font-size: 12px;}
+
-
                #news h3 {padding: 10px 20px;
+
-
                        font-size: 18px;}
+
-
                #mission_box {width:650px;
+
-
                        float: left;}
+
-
                #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px;
+
-
                        float: left;
+
-
                        padding: 10px 0 0 0;}
+
-
                div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
+
-
               
+
#menu ul { padding: 0; margin: 0; width:975px; height:246px;}
-
<!-- ################# Navi styles ######################### -->
+
#nav { position:absolute; z-index:2; padding: 0 0 0 0;  margin:0px; list-style: none; left:58px; top:87px; float:left; width:975px; height:246px; }
-
#menu * {
+
#nav li {  float: left;  position: relative;  width: 10em; font-family:Calibri; font-size:12pt; }
-
margin: 0;
+
#nav li a { text-decoration:none; color:#3b3b3b; font-weight:bold;}
-
padding: 0;
+
#nav li a:visited {color: #3b3b3b; }
-
}
+
#nav li a:hover { color:#f09600; }
 +
#nav li a:active { color:#f09600;}
 +
#nav li table {
 +
  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-padding:0;
 +
  border-style:none;
 +
  background-color:black;}
-
#menu {
+
-
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
+
#nav li ul {  
-
font-family: calibri, verdana, sans-serif;
+
display:none; position: absolute; z-index:5; top: 15px;  left: -26px; padding:0px; margin:0px;  list-style: none; padding-top:23px; padding-left:18px;}
-
font-size: 14px;
+
-
background-color: transparent;
+
-
float:left;
+
-
padding: 00px 0 0 0;
+
-
}
+
-
#menu ul {
+
#menu_home {margin-right:-100px; }
-
float: left;
+
#menu_home ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
list-style: none;
+
-
}
+
-
#menu ul li {
+
#menu_team {margin-right:-103px; }
-
background-color:transparent;
+
#menu_team ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
        position:relative;
+
-
float:left;
+
-
list-style: none;
+
-
padding: 10px 15px 0 0;
+
-
        font-weight: bold;
+
-
        width: auto;
+
-
}
+
-
#menu a {
+
#menu_project  {margin-right:-90px; }
-
color: #000000;
+
#menu_project ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
display: inline;
+
-
text-decoration: none;
+
-
}
+
-
#menu a:visited {
+
#menu_parts  {margin-right:-109px; }
-
color:#000000;
+
#menu_parts ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
text-decoration: none
+
-
}
+
-
#menu a:hover {
+
#menu_modeling  {margin-right:-75px; }
-
color: #00a5ea;
+
#menu_modeling ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
}
+
-
#menu ul li ul {
+
#menu_notebook  {margin-right:-69px; }
-
display: none;
+
#menu_notebook ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
position: absolute;
+
-
left: -20px;  
+
-
        width: 155px;
+
-
        heigth: 1%;
+
-
font-size: 12px;
+
-
opacity: 0.8;
+
-
list-style: none;
+
-
        top: 19px;
+
-
        padding-top: 9px;
+
-
        z-index:500;
+
-
}
+
-
#menu ul li:hover ul {
+
#menu_human_practices  {margin-right:-26px; }
-
display: inline;
+
#menu_human_practices ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
        background-position: bottom;
+
-
}
+
-
#menu ul li ul li {
+
#menu_sponsors  {margin-right:-105px; }
-
width: 100%;
+
#menu_sponsors ul { background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/4/4d/Header_team_popup_bulge_w.png); background-repeat:no-repeat; width:137px; height:146px; }
-
list-style: none;
+
-
        background-color: #555555;
+
-
        margin: -1px;
+
-
        padding: 0 0 0 5px;
+
-
        display: inline;
+
-
}
+
-
body#home #mainHome a,
+
#nav li:hover table, li.over table{ display: block; }
-
body#team .aTeam,
+
-
body#project .aProject,
+
-
body#notebook .aNotebook,
+
-
body#modeling .aModeling,
+
-
body#sponsors .aSponsors,
+
-
body#eucaryopedia .aEucaryopedia,
+
-
body#parts .aParts
+
-
{ color: #F08F03; <!--cursor: default;--> }
+
 +
.lefttd { background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/2/2c/Header_team_popup_bulge_w_left.png); width:200px; height:146px; padding-left:30px; padding-right:5px;
 +
}
 +
 +
.righttd { background: url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/a/ab/Header_team_popup_bulge_w_right.png); width:34px; height:146px;
 +
}
-
</style>
+
</style>
-
</head>
+
-
+
 +
<!-- #nav li:hover ul, li:hover table, li.over ul{ display: block; },  li.over table{ display: block; } -->
-
<!-- ############################# BODY!!!!! #################################### -->
+
<script type="text/javascript">
 +
startList = function() {
 +
if (document.all&&document.getElementById) {
 +
navRoot = document.getElementById("nav");
 +
for (i=0; i<navRoot.childNodes.length; i++) {
 +
node = navRoot.childNodes[i];
 +
if (node.nodeName=="LI") {
 +
node.onmouseover=function() {
 +
this.className+=" over";
 +
  }
 +
  node.onmouseout=function() {
 +
  this.className=this.className.replace(" over", "");
 +
  }
 +
  }
 +
  }
 +
}
 +
}
 +
window.onload=startList;
 +
</script>
<body>
<body>
-
<!--[if IE]>
+
 
-
<style type="text/css">
+
<div id="header">
-
#SubWrapper {width: 645px;}
+
<div id="menu">
-
#news {width: 317px;}
+
<ul id="nav">
-
#super_main_wrapper {position:static;}
+
  <li id="menu_home"><a href="">Home</a>
-
#navigation {left: 15px;}
+
<table>
-
#menu ul li ul {left: -2px; top: 22px;}
+
<tr>
-
</style>
+
<td class="lefttd"><a href="">test</a><br>
-
<![endif]--> 
+
<a href="">test</a><br>
-
<div id="main_wrapper">
+
<a href="">test</a><br>
-
  <div id="header">
+
</td>
-
<div id="navigation">
+
<td class="righttd">&nbsp;</td>
-
<div id="menu" style="position:static">
+
</tr>
-
<ul>
+
</table>
-
  <li id="mainHome"><a class="aMain" href="http://2009.igem.org/Team:Heidelberg">Home</a></li>
+
 
-
  <li id="mainTeam"><a class="aTeam" href="http://2009.igem.org/Team:Heidelberg/Team">Team</a>
+
</li>
-
<ul>
+
 
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Team">Overview</a></li>
+
  <li id="menu_team"><a href="">Team</a>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li>
+
    <ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li>
+
      <li><a href="">Btest</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Gallery">Gallery</a></li>
+
      <li><a href="">test</a></li>
-
</ul>
+
    </ul>
-
    </li>
+
  </li>
-
    <li id="mainProject"><a class="aProject" href="http://2009.igem.org/Team:Heidelberg/Project">Project</a>
+
 
-
<ul>
+
  <li id="menu_project"><a href="">Project</a>
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/Project">Abstract</a></li>
+
    <ul>
-
          <!--<li><a href="http://2009.igem.org/Team:Heidelberg/Project_Highlights">Highlights</a></li>-->
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_Further">Further Subprojects</a></li>
+
    </ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_SaO">Summary &amp; Outlook</a></li>
+
  </li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Project_References">References</a></li>
+
 
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li>
+
  <li id="menu_parts"><a href="">Parts</a>
-
</ul>
+
    <ul>
-
    </li>
+
      <li><a href="">test</a></li>
-
  <li id="mainParts"><a class="aParts" href="http://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
+
      <li><a href="">test</a></li>
-
      <ul>  
+
      <li><a href="">test</a></li>
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
+
      <li><a href="">test</a></li>
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/Parts_Characterization">Characterization</a></li>
+
    </ul>
-
      </ul>
+
</li>
-
  </li>
+
 
-
  <li id="mainModeling"><a class="aModeling" href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a>
+
  <li id="menu_modeling"><a href="">Modeling</a>
-
<ul>
+
    <ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT">What is HEARTBEAT?</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT_database">HEARTBEAT Database</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT_GUI">HEARTBEAT GUI</a></li>
+
      <li><a href="">test</a></li>
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT_gui">GUI Documentation</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
+
</ul>
-
</ul>
+
</li>
-
    </li>
+
 
-
  <li id="mainNotebook"><a class="aNotebook" href="http://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
+
  <li id="menu_notebook"><a href="">Notebook</a>
-
<ul>
+
    <ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters_overview">Natural Promoters</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li>
+
      <li><a href="">Btest</a></li>
-
<li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_promoters_cells">Cell Culture, Promoters</a></li>
+
      <li><a href="">test</a></li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li>
+
    </ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li>
+
  </li>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_modeling">HEARTBEAT</a></li>
+
 
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li>
+
  <li id="menu_human_practices"><a href="">Human Practices</a>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material &amp; Methods</a></li>
+
    <ul>
-
  <li><a href="http://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li>
+
      <li><a href="">test</a></li>
-
          <li><a href="http://2009.igem.org/Team:Heidelberg/Biosafety">Biosafety</a></li>
+
      <li><a href="">Btest</a></li>
-
</ul>
+
      <li><a href="">test</a></li>
-
    </li>
+
    </ul>
-
  <li id="mainEucaryopedia"><a class="aEucaryopedia" href="http://2009.igem.org/Team:Heidelberg/Eukaryopedia">Eukaryopedia</a></li>
+
  </li>
-
  <li id="mainSponsors"><a class="aSponsors" href="http://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
+
 
 +
  <li id="menu_sponsors"><a href="">Sponsors</a>
 +
    <ul>
 +
      <li><a href="">test</a></li>
 +
      <li><a href="">Btest</a></li>
 +
      <li><a href="">test</a></li>
 +
    </ul>
 +
  </li>
</ul>
</ul>
-
</div><!-- end drop menu -->
 
-
</div> <!-- end navigation -->
 
</div>
</div>
</div>
</div>
-
<!-- For IE 6 -->
+
</body>
-
<script type="text/javascript">
+
</html>
-
window.onload = function() {
+
-
      var lis = document.getElementsByTagName('li');
+
-
      for(i = 0; i < lis.length; i++) {
+
-
            var li = lis[i];
+
-
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
+
-
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
+
-
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
+
-
            }
+
-
      }
+
-
}
+
-
</script>
+
-
</body></html>
+

Latest revision as of 17:50, 20 September 2010