User:Hetitus/myskin.css

From 2012hs.igem.org

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

<html>
<head>
       <style type="text/css">
       body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}

       .clear {clear:both;}
		body.mediawiki {
			background-color:#494d51;
			background-position: center center;
			background-attachment: fixed;
			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:#ede8e2;}
                #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: #FFFFFF;
                        background-image: url(https://static.igem.org/mediawiki/2009/1/1a/WebsiteHeader_2t.jpg); 
		}
		#navigation {
			position:absolute; left:0px; top:150px; 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(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
                #greenBox {background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg);}
                #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}

                #SubWrapper {width: 645px;
                        padding: 0px;
                        border-left:4px solid #ede8e2;
                        float: left;
                        margin-top: 3px;
                        background-color: #ede8e2;}
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
                        text-align: justify;
                        font-size: 12px;}
                #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
                        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;}

                
<!-- ################# Navi styles ######################### -->
#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:transparent;
        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;
	}

body#home #mainHome a,
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;--> }


	</style>
</head>
		


<!-- ############################# BODY!!!!! #################################### -->

<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>