User:Sara Mitsunari
<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(http://openwetware.org/images/b/bd/Test.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(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;
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;}
- menu * {
margin: 0; padding: 0; }
- menu {
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); 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: 18px; 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; }
</style>
</head>
<body>
<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>
;}){kind=link}
;}){kind=link}
;}){kind=link}