Template:Stylesheet

From 2012hs.igem.org

(Difference between revisions)
(Created page with "<style> #menue {position: relative; top: 0px; left: 10px; z-index: 20; font-color: #FFFFFF;} .bereich {position: relative; top: 0px; background-image: url(http://2012hs.ig...")
Line 1: Line 1:
-
<style>
+
<html>
-
#menue {position: relative; top: 0px; left: 10px; z-index: 20; font-color: #FFFFFF;}
+
<head>
 +
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 +
    <title>iGEM-2012HS - LSL-Heidelberg</title>
 +
    <style>
-
      .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;}
+
#menu * {
 +
margin: 0;
 +
padding: 0;
 +
}
-
      .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;}
+
#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;
 +
}
-
      a.mainlink {text-decoration: None; color: #000000; font-family: Verdana, Arial;}
+
#menu ul {
 +
float: left;
 +
list-style: none;
 +
}
-
      a.link {
+
#menu ul li {
-
      display: block;
+
background-color:black;
-
      color: #FFFFFF;
+
        position:relative;
-
      font-color: #FFFFFF;
+
float:left;
-
      font-family: Verdana, Arial;
+
list-style: none;
-
      font-size: 10px;
+
padding: 10px 15px 0 0;
-
      text-decoration: None;
+
        font-weight: bold;
-
      border: 1px solid #555555;
+
        width: auto;
-
      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 {
+
#menu a {
-
      display: block;
+
color: #FFF;
-
      text-decoration: None;
+
display: inline;
-
      }
+
text-decoration: none;
 +
}
-
      a.link:hover {
+
#menu a:visited {
-
      display: block;
+
color:#FFFFFF;
-
      color: #000000;
+
text-decoration: none
-
      text-decoration: None;
+
}
-
      background-image: url(https://static.igem.org/mediawiki/2012hs/a/ab/Menu-bg-hover.gif);
+
 
-
      }
+
#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;
 +
}
 +
 
 +
 
 +
#globalwrapper
 +
{
 +
    width:975px;
 +
    padding:20px 0px;
 +
    margin: 0 auto;
 +
    background-color:#ffffff;
 +
    height:100%;
 +
}
 +
 
 +
.firstHeading
 +
{
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
 
 +
body
 +
{
 +
    background-color: #494D51;
 +
    background-position: center;
 +
}
 +
 
 +
#p-logo
 +
{
 +
    height:1px; overflow:hidden; display: none;
 +
}
 +
 
 +
#top-section
 +
{
 +
    background: #ffffff;
 +
    background-image: url('https://static.igem.org/mediawiki/2012hs/0/0b/Synbio-header-eppis.gif');
 +
    background-position: top;
 +
    height:200px ;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:1px;
 +
 
 +
    </style>
 +
    <script type="text/javascript">
 +
  function anzeigen(das){
 +
  if(document.getElementById(das).style.display=='none')
 +
  document.getElementById(das).style.display='block';
 +
  else document.getElementById(das).style.display='none';}
 +
    </script>
 +
  </head>
 +
<body>
 +
<!--[if IE]>
 +
<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>
</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>
 +
 +
</div><!-- end drop menu -->
 +
</div> <!-- end navigation -->
 +
</div>
 +
</div>
 +
<!-- For IE 6 -->
 +
<script type="text/javascript">
 +
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>

Revision as of 12:51, 22 April 2012

iGEM-2012HS - LSL-Heidelberg

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