User:Sara Mitsunari
<html> <head> <!-- We refer to the wiki of team iGEM Heidlberg 2009. -->
<style type="text/css">
/* ====================
主に全体に関わるCSS
==================== */
body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
.clear {clear:both;}
body.mediawiki {
font-size: 14px;
background-color:#707070; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font-family: Calibri, Verdana, helvetica, sans-serif; }
h2 { padding: 10px 20px; font-size: 20px; color: #0083eb; text-decoration: none; font-weight: bold;} border: none; h2 a { color: #eb8300; } h3 { padding: 10px 20px; font-size: 18px; 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:#ffffff; border-width: 0px 1px 0px 1px; border-color: #000000; } #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/d/d9/Test.png);
} /* ====================
以下、特殊なclassに適用される ==================== */
#navigation { position:absolute;
left:20px; top:155px; 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: #FFFFFF; } #orangeBox h3, #greenBox h3, #blueBox h3{ padding: 20px 25px 0 20px; font-weight: bold; font-size: 18px; color: #FFFFFF; } #orangeBox a, #greenBox a, #blueBox a { padding-right: 20px; font-weight: bold; font-size: 14px; display: block; text-align: right; color: #FFFFFF; } #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); <!-- fuer ie6 --> font-family: calibri, verdana, sans-serif; font-size: 18px; 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: #FFFFFF; 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: 0px;
width: 155px; heigth: 1%;
font-size: 18px; opacity: 0.8; list-style: none;
top: 30px; padding-top: 20px; 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: 0px 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="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li> <li id="mainTeam"><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team">Team</a>
<ul> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Students">Students</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Advisor">Advisors</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Mentors">Mentors</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Tokyo_Tech">Tokyo-tech</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Team/Gallery">Gallery</a></li> </ul>
</li> <li id="mainProject"><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a>
<ul>
<li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Over_view">Over view</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/DNA_ciliate's_body">DNA ciliate's body</a></li>
<li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/DNA_tracks">DNA tracks</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/UV_switch">UV switch</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Results">Results</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> </ul>
</li> <li id="mainParts"><a class="aParts" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements">Achievements</a> <ul> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Achievements/Achievements">Achievements</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Devices</a></li> </ul> </li> <li id="mainModeling"><a class="aModeling" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook">Notebook</a>
<ul> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Brain_storming">brain storming</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Lab.notebook">Lab. notebook</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Protocols">Protocols</a></li>
<li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Source_code">Source code</a></li>
<li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Reference">References</a></li> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/Notebook/Tools">Tools</a></li> </ul>
</li> <li id="mainNotebook"><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors">Sponsors</a>
<ul> <li><a href="http://openwetware.org/wiki/BIOMOD/2011/TeamJapan/Tokyo/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>
<h1>Tokyo Institute of Technology</h1>
<h2>leader</h2>
- Sara Mitsunari
</body></html>