Template:Stylesheet.css

From 2012hs.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 4: Line 4:
     <title>iGEM-2012HS - LSL-Heidelberg</title>
     <title>iGEM-2012HS - LSL-Heidelberg</title>
     <style>
     <style>
 +
 +
#menu * {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#menu {
 +
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
 +
font-family: calibri, verdana, sans-serif;
 +
font-size: 14px;
 +
background-color: transparent;
 +
float:left;
 +
padding: 10px 0 0 0;
 +
}
 +
 +
#menu ul {
 +
float: left;
 +
list-style: none;
 +
}
 +
 +
#menu ul li {
 +
background-color:black;
 +
        position:relative;
 +
float:left;
 +
list-style: none;
 +
padding: 10px 15px 0 0;
 +
        font-weight: bold;
 +
        width: auto;
 +
}
 +
 +
#menu a {
 +
color: #FFF;
 +
display: inline;
 +
text-decoration: none;
 +
}
 +
 +
#menu a:visited {
 +
color:#FFFFFF;
 +
text-decoration: none
 +
}
 +
 +
#menu a:hover {
 +
color: #00a5ea;
 +
}
 +
 +
#menu ul li ul {
 +
display: none;
 +
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 {
 +
display: inline;
 +
        background-position: bottom;
 +
}
 +
 +
#menu ul li ul li {
 +
width: 100%;
 +
list-style: none;
 +
        background-color: #000;
 +
        margin: -1px;
 +
        padding: 0 0 0 5px;
 +
        display: inline;
 +
}
Line 42: Line 114:
     border-top-width:1px;
     border-top-width:1px;
 +
#bodyContent {
 +
width: 660px;
 +
}
 +
#bodySidebar {
 +
position: relative;
 +
width: 300px;
 +
}
-
 
-
 
-
 
-
 
-
#menue {position: relative; top: 0px; left: 10px; z-index: 20; font-color: #FFFFFF;}
 
-
 
-
      .bereich {position: relative; top: 0px; background-image: url(https://static.igem.org/mediawiki/2012hs/f/ff/Menu-bg.gif); font-size: 90%; text-decoration: None; width: 128px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;}
 
-
 
-
      .bereich:hover {position: relative; top: 0px; background-image: url(https://static.igem.org/mediawiki/2012hs/a/ab/Menu-bg-hover.gif); font-size: 90%; text-decoration: None; width: 128px; text-align: center; display: block; padding-top: 5px; padding-bottom: 4px; border: 1px solid #555555; border-left: 0.5px solid #555555;}
 
-
 
-
      a.mainlink {text-decoration: None; color: #000000; font-family: Verdana, Arial;}
 
-
 
-
      a.link {
 
-
      display: block;
 
-
      color: #FFFFFF;
 
-
      font-color: #FFFFFF;
 
-
      font-family: Verdana, Arial;
 
-
      font-size: 10px;
 
-
      text-decoration: None;
 
-
      border: 1px solid #555555;
 
-
      border-bottom: 0.5px solid #555555;
 
-
      background-image: url(menu-bg.gif);
 
-
      padding-top: 8px;
 
-
      padding-bottom: 7px;
 
-
      position: relative;
 
-
      top: 4px;
 
-
      left: -1px;
 
-
      width: 128px;
 
-
      }
 
-
 
-
      a.link.bereich {
 
-
      display: block;
 
-
      text-decoration: None;
 
-
      }
 
-
 
-
      a.link:hover {
 
-
      display: block;
 
-
      color: #000000;
 
-
      text-decoration: None;
 
-
      background-image: url(https://static.igem.org/mediawiki/2012hs/a/ab/Menu-bg-hover.gif);
 
-
      }
 
     </style>
     </style>
     <script type="text/javascript">
     <script type="text/javascript">
Line 94: Line 132:
   </head>
   </head>
<body>
<body>
-
   
+
<!--[if IE]>
-
     <table id="menue" cellPadding=0 cellSpacing=0>
+
<style type="text/css">
 +
#SubWrapper {width: 645px;}
 +
#news {width: 317px;}
 +
#super_main_wrapper {position:static;}
 +
#navigation {left: 15px;}
 +
#menu ul li ul {left: -2px; top: 22px;}
 +
</style>
 +
<![endif]-->  
 +
<div id="main_wrapper">
 +
  <div id="header">
 +
<div id="navigation">
 +
<div id="menu" style="position:static">
 +
<ul>
 +
  <li id="mainHome"><a class="aMain" href="https://2009.igem.org/Team:Heidelberg">Home</a></li>
 +
  <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Heidelberg/Team">Team</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team">Overview</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Students">Students</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Members#Advisors">Advisors</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Team_Scientific_Environment">Scientific Environment</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Gallery">Gallery</a></li>
 +
</ul>
 +
     </li>
 +
    <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Heidelberg/Project">Project</a>
 +
<ul>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Project">Abstract</a></li>
 +
          <!--<li><a href="https://2009.igem.org/Team:Heidelberg/Project_Highlights">Highlights</a></li>-->
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Introduction">Introduction</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Measurement">Measurement</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Synthetic_promoters">Synthetic Promoters</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_Further">Further Subprojects</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_SaO">Summary &amp; Outlook</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Project_References">References</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Acknowledgement">Acknowledgements</a></li>
 +
</ul>
 +
    </li>
 +
  <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a>
 +
      <ul>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts">Parts</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Parts_Characterization">Characterization</a></li>
 +
      </ul>
 +
  </li>
 +
  <li id="mainModeling"><a class="aModeling" href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">HEARTBEAT</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT">What is HEARTBEAT?</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_database">HEARTBEAT Database</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_GUI">HEARTBEAT GUI</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_gui">GUI Documentation</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/HEARTBEAT_network">HEARTBEAT Fuzzy Network Modeling</a></li>
 +
</ul>
 +
    </li>
 +
  <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Heidelberg/Notebook">Notebook</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_natural_promoters_overview">Natural Promoters</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_synthetic_promoters">Synthetic Promoters</a></li>
 +
<li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_promoters_cells">Cell Culture, Promoters</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_cell_line">Stable Cell Line</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_color_output">Multi-Color Output</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_modeling">HEARTBEAT</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_measure">Measurements</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_MaM">Material &amp; Methods</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Heidelberg/Notebook_meetings">Team Meetings</a></li>
 +
          <li><a href="https://2009.igem.org/Team:Heidelberg/Biosafety">Biosafety</a></li>
 +
</ul>
 +
    </li>
 +
  <li id="mainEucaryopedia"><a class="aEucaryopedia" href="https://2009.igem.org/Team:Heidelberg/Eukaryopedia">Eukaryopedia</a></li>
 +
  <li id="mainSponsors"><a class="aSponsors" href="https://2009.igem.org/Team:Heidelberg/Sponsors">Sponsors</a></li>
 +
</ul>
-
      <tr>
+
</div><!-- end drop menu -->
-
 
+
</div> <!-- end navigation -->
-
<td valign="top">
+
</div>
-
 
+
</div>
-
  <div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
+
<!-- For IE 6 -->
-
 
+
<script type="text/javascript">
-
    <a href="index.html" class="mainlink"> Home </a>
+
window.onload = function() {
-
 
+
      var lis = document.getElementsByTagName('li');
-
  </div>
+
      for(i = 0; i < lis.length; i++) {
-
 
+
            var li = lis[i];
-
</td>
+
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
-
<td valign=top>
+
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
-
 
+
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
-
  <div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
+
            }
-
 
+
      }
-
      <a href="onlinestore.html" class="mainlink"> Online Store </a>
+
}
-
 
+
</script>
-
      <span id="menue#2" style="display: none;">
+
</body>
-
<a href="idea.html" class="link">Idea</a>
+
-
<a href="products.html" class="link">Products</a>
+
-
<a href="shoppingbag.html" class="link">Shopping Bag</a>
+
-
      </span>
+
-
 
+
-
    </div>
+
-
 
+
-
  </td>
+
-
 
+
-
 
+
-
<td valign=top>
+
-
 
+
-
    <div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
+
-
 
+
-
      <a href="team.html" class="mainlink"> Team </a>
+
-
 
+
-
      <span id="menue#3" style="display: none;">
+
-
<a href="team.html" class="link">Overview</a>
+
-
<a href="members.html" class="link">Members</a>
+
-
<a href="life-science-lab.html" class="link">Life-Science Lab</a>
+
-
      </span>
+
-
 
+
-
    </div>
+
-
 
+
-
  </td>
+
-
 
+
-
  <td valign="top">
+
-
 
+
-
    <div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
+
-
 
+
-
    <a href="project.html" class="mainlink"> Project </a>
+
-
<span id="menue#4" style="display: none;">
+
-
<a href="abstract.html" class="link">Abstract</a>
+
-
<a href="vision.html" class="link">Vision</a>
+
-
<a href="signalpath.html" class="link">Signalpath</a>
+
-
<a href="resultsandoutlook.html" class="link">Results & Outlook</a>
+
-
</span>
+
-
    </div>
+
-
 
+
-
  </td>
+
-
 
+
-
  <td valign=top>
+
-
 
+
-
    <div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
+
-
 
+
-
      <a href="notebook.html" class="mainlink"> Notebook </a>
+
-
 
+
-
      <span id="menue#5" style="display: none;">
+
-
<a href="plasmidconstructs.html" class="link">Plasmid Constructs</a>
+
-
<a href="laboratoryprotocolls.html" class="link">Laboratory Protocolls</a>
+
-
<a href="teammeetings.html" class="link">Team Meetings</a>
+
-
<a href="biosafety.html" class="link">Biosafety</a>
+
-
      </span>
+
-
 
+
-
    </div>
+
-
 
+
-
  </td>
+
-
 
+
-
  <td valign=top>
+
-
 
+
-
    <div class="bereich" onMouseover="anzeigen('menue#6')" onMouseout="anzeigen('menue#6')">
+
-
 
+
-
    <a href="sponsors.html" class="mainlink"> Sponsors </a>
+
-
 
+
-
 
+
-
    </div>
+
-
 
+
-
  </td>
+
-
 
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
    </table>
+
-
  </body>
+
</html>
</html>

Latest revision as of 16:57, 23 April 2012

iGEM-2012HS - LSL-Heidelberg

Retrieved from "http://2012hs.igem.org/Template:Stylesheet.css"