Template:Stylesheet.css

From 2012hs.igem.org

(Difference between revisions)
 
(10 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 23: Line 95:
body  
body  
{
{
-
     background-image: url('http://img85.imageshack.us/img85/8767/tileskynew.jpg');
+
     background-color: #494D51;
     background-position: center;
     background-position: center;
}
}
Line 35: Line 107:
{
{
     background: #ffffff;
     background: #ffffff;
-
     background-image: url('http://img4.imageshack.us/img4/549/igemheader.jpg');
+
     background-image: url('https://static.igem.org/mediawiki/2012hs/0/0b/Synbio-header-eppis.gif');
     background-position: top;
     background-position: top;
     height:200px ;
     height:200px ;
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 93: Line 131:
     </script>
     </script>
   </head>
   </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>
 +
<![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>
</html>

Latest revision as of 16:57, 23 April 2012

iGEM-2012HS - LSL-Heidelberg