User:Sara Mitsunari: Difference between revisions
No edit summary |
No edit summary |
||
(26 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
__NOTOC__ | |||
__NOEDITSECTION__ | |||
<html> | <html> | ||
<head> | <!--<head>--> | ||
<!-- We refer to the wiki of team iGEM Heidlberg 2009. --> | |||
<style type="text/css"> | <style type="text/css"> | ||
/* ==================== | |||
主に全体に関わるCSS | |||
==================== */ | |||
body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);} | body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);} | ||
.clear {clear:both;} | .clear {clear:both;} | ||
body.mediawiki { | body.mediawiki { | ||
background-color:# | font-size: 14px; | ||
background-color:#707070; | |||
background-position: center center; | background-position: center center; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
Line 12: | Line 20: | ||
font-family: Calibri, Verdana, helvetica, sans-serif; | font-family: Calibri, Verdana, helvetica, sans-serif; | ||
} | } | ||
h2 {padding: | |||
font-size: | h1 { | ||
color: # | padding: 0px 20px 5px 20px; | ||
font-size: 34px; | |||
font-weight: bold; | |||
} | |||
h2 { | |||
padding: 20px 20px 5px 20px; | |||
font-size: 25px; | |||
color: #0083eb; | |||
text-decoration: none; | text-decoration: none; | ||
font-weight: bold;} | font-weight: bold;} | ||
border: none; | border: none; | ||
h2 a { | |||
h3 {padding: | color: #eb8300; | ||
font-size: | } | ||
h3 { | |||
padding: 20px 20px 5px 20px; | |||
font-size: 20px; | |||
color: #000; | color: #000; | ||
font-decoration: none; | font-decoration: none; | ||
font-weight: bold;} | font-weight: bold; | ||
} | |||
h1.firstHeading { | |||
display: none; | display: none; | ||
} | |||
p { | p { | ||
text-align: justify; | text-align: justify; | ||
Line 46: | Line 65: | ||
text-decoration: none | text-decoration: none | ||
} | } | ||
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ffffff; border: 0px 1px 0px 1px; border-color:#000000;} | #bodyContent { | ||
#content {padding-left: 0px; width: 970px;} | width: 970px; | ||
table#team_members { text-align: justify; border: 0; } | margin: 225px 0px 0px; | ||
table#team_members h2, table#team_members h3 { clear: both; } | background-color:#ffffff; | ||
#content * a:hover {text-decoration:none;} | 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 { | #main_wrapper { | ||
position:absolute; left:0px; top:0px; | position:absolute; | ||
left:0px; | |||
top:0px; | |||
margin: 0; | margin: 0; | ||
width: 969px; | width: 969px; | ||
Line 60: | Line 96: | ||
border-color: white; | border-color: white; | ||
} | } | ||
/* ==================== | |||
メニューの画像を変更できる部分 | |||
==================== */ | |||
#header { | #header { | ||
position:absolute; left:0px; top:0px; | position:absolute; | ||
left:0px; | |||
top:0px; | |||
margin: 0; | margin: 0; | ||
width: 969px; | width: 969px; | ||
Line 67: | Line 108: | ||
align: left; | align: left; | ||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
background-image: url(http://openwetware.org/images/ | background-image: url(http://openwetware.org/images/e/e0/NEW_header.jpg); | ||
} | } | ||
/* ==================== | |||
以下、特殊なclassに適用される | |||
==================== */ | |||
#navigation { | #navigation { | ||
position:absolute; left: | position:absolute; | ||
z-index:100; background-color: transparent; float: left; | left:20px; top:155px; width:793px; height:69px; | ||
z-index:100; | |||
background-color: transparent; | |||
float: left; | |||
color: #0000FF; | color: #0000FF; | ||
} | } | ||
#super_main_wrapper { | #super_main_wrapper { | ||
position:absolute; left:0px; top:227px; | position:absolute; | ||
left:0px; | |||
top:227px; | |||
width: 975px; | width: 975px; | ||
align: center; | align: center; | ||
Line 81: | Line 130: | ||
heigth: auto; | heigth: auto; | ||
} | } | ||
# | #SubWrapper { | ||
width: 645px; | |||
padding: 0px; | padding: 0px; | ||
border-left:4px solid #ede8e2; | border-left:4px solid #ede8e2; | ||
float: left; | float: left; | ||
margin-top: 3px; | margin-top: 3px; | ||
background-color: #ede8e2;} | background-color: #ede8e2; | ||
#SubWrapper * p, #SubWrapper p {padding: 0 20px; | } | ||
#SubWrapper * p, #SubWrapper p { | |||
padding: 0 20px; | |||
text-align: justify; | text-align: justify; | ||
font-size: 12px;} | font-size: 12px; | ||
#SubWrapper * h3, #SubWrapper h3 {padding-top: 10px; | } | ||
font-size: 18px;} | #SubWrapper * h3, #SubWrapper h3 { | ||
#news {width: 322px; | padding-top: 10px; | ||
font-size: 18px; | |||
} | |||
#news { | |||
width: 322px; | |||
margin-top: 3px; | margin-top: 3px; | ||
float: left; | float: left; | ||
background-color: #d8d5d0; | background-color: #d8d5d0; | ||
border-right:4px solid #ede8e2;} | border-right:4px solid #ede8e2; | ||
} | |||
#news p { | |||
padding: 0 20px 20px 20px; | |||
text-align: justify; | text-align: justify; | ||
font-size: 12px;} | font-size: 12px; | ||
#news h3 {padding: 10px 20px; | } | ||
font-size: 18px;} | #news h3 { | ||
#mission_box {width:650px; | padding: 10px 20px; | ||
float: left;} | font-size: 18px; | ||
#team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px; | } | ||
#mission_box { | |||
width:650px; | |||
float: left; | |||
} | |||
#team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy { | |||
width:215px; | |||
float: left; | float: left; | ||
padding: 10px 0 0 0;} | padding: 10px 0 0 0; | ||
div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;} | } | ||
div.tleft { | |||
border-width: 0px; | |||
margin:0; | |||
padding:0; | |||
border-color:transparent; | |||
} | |||
/* ==================== | |||
ここからプルダウン周辺のデザイン | |||
==================== */ | |||
#menu * { | #menu * { | ||
margin: 0; | margin: 0; | ||
Line 143: | Line 190: | ||
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | ||
font-family: calibri, verdana, sans-serif; | font-family: calibri, verdana, sans-serif; | ||
font-size: | font-size: 20px; | ||
background-color: transparent; | background-color: transparent; | ||
float:left; | float:left; | ||
Line 165: | Line 212: | ||
#menu a { | #menu a { | ||
color: # | color: #FFFFFF; | ||
display: inline; | display: inline; | ||
text-decoration: none; | text-decoration: none; | ||
Line 182: | Line 229: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
left: | left: 0px; | ||
width: 155px; | width: 155px; | ||
heigth: 1%; | heigth: 1%; | ||
Line 188: | Line 235: | ||
opacity: 0.8; | opacity: 0.8; | ||
list-style: none; | list-style: none; | ||
top: | top: 30px; | ||
padding-top: | padding-top: 20px; | ||
z-index:500; | z-index:500; | ||
} | } | ||
Line 203: | Line 250: | ||
background-color: #000; | background-color: #000; | ||
margin: -1px; | margin: -1px; | ||
padding: | padding: 0px 0 0 5px; | ||
display: inline; | display: inline; | ||
} | } | ||
</style> | </style> | ||
</head> | <!-- </head> --> | ||
Line 240: | Line 276: | ||
<div id="menu" style="position:static"> | <div id="menu" style="position:static"> | ||
<ul> | <ul> | ||
<li | <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li> | ||
<li | <li><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team/Students">Team</a></li> | ||
<li><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">Overview</a></li> | <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Overview</a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/introduction">Introduction</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Model">Model</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project | <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Devices">Devices</a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project | <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Modes">Modes</a></li> | ||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project | <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/Achievements">Achievements</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> | |||
</ul>--> | |||
<li><a class="Reslts" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Results</a></li> | |||
<li><a class="DNA design" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Designs</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Protocols">Protocols</a></li> | |||
<li | <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook/Lab.notebook">Notes</a></li> | ||
<li><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors/">Sponsors</a> | |||
<li><a class="aSitemap" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sitemap">Sitemap</a></li> | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/ | |||
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/ | |||
<li | |||
</div><!-- end drop menu --> | </div><!-- end drop menu --> | ||
Line 296: | Line 314: | ||
} | } | ||
</script> | </script> | ||
</body> | |||
</html> | |||
I'm Sara Mitsunari! | |||
==1. Free moving mode== | |||
==2. Track walking mode== | |||
==3. Light-irradiated gathering mode== |
Latest revision as of 06:37, 1 November 2011
<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; }
h1 { padding: 0px 20px 5px 20px; font-size: 34px; font-weight: bold; } h2 { padding: 20px 20px 5px 20px; font-size: 25px; color: #0083eb; text-decoration: none; font-weight: bold;} border: none; h2 a { color: #eb8300; } h3 { padding: 20px 20px 5px 20px; font-size: 20px; 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/e/e0/NEW_header.jpg);
} /* ====================
以下、特殊な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; } #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: 20px; 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;
}
</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><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li> <li><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team/Students">Team</a></li> <li><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">Overview</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/introduction">Introduction</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Model">Model</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Devices">Devices</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Modes">Modes</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/Achievements">Achievements</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Future_works">Future works</a></li> </ul>-->
<li><a class="Reslts" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Results">Results</a></li> <li><a class="DNA design" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices">DNA Designs</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Achievements">Achievements</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/Lab.notebook">Notes</a></li>
<li><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors/">Sponsors</a> <li><a class="aSitemap" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sitemap">Sitemap</a></li>
</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> I'm Sara Mitsunari!