User:Sara Mitsunari: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__
__NOEDITSECTION__
<html>
<html>
  <style>
<!--<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);}


#column-one { display:none; width:0px;}
      .clear {clear:both;}
.container{background-color: #f5f5f5; margin-top:50px}
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;
}


#content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; align: center;}
                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;
                }


#column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
/* ====================
  ここからプルダウン周辺のデザイン
  ==================== */
#menu * {
margin: 0;
padding: 0;
}


.firstHeading {display:none; width:0px;}
#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;
}


#globalWrapper{ width:1280px;}
#menu ul {
float: left;
list-style: none;
}


#column-one {display:none; width:0px;background-color: #ffffff;}
#menu ul li {
background-color:transparent;
        position:relative;
float:left;
list-style: none;
padding: 10px 15px 0 0;
        font-weight: bold;
        width: auto;
}


#content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px;background-color: #f5f5f5; }
#menu a {
color: #FFFFFF;
display: inline;
text-decoration: none;
}


.container{ width: 800px; margin: auto; background-color: #ffffff; text-align:justify; font-family: helvetica, arial, sans-serif; color:#555555; margin-top:25px; }
#menu a:visited {
color:#FFFFFF;
text-decoration: none
}


/* 変更点↓ */
#menu a:hover {
#bodyContent{ width: 1267px; align: center; background-color: #ffffff;}
color: #00a5ea;
}


#column-content{width: 1280px;background-color: #f5f5f5;}
#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;
}


.firstHeading { display:none;width:0px;background-color: #ffffff;}
#menu ul li:hover ul {
display: inline;
        background-position: bottom;
}


#header{position: center; width: 800px;background-color: #ffffff;}
#menu ul li ul li {
 
width: 100%;
#footer{position: center;}
 
<style type="text/css">
body {
    font-family: helvetica, arial, sans-serif;
    color: black;
background:#f5f5f5;
  }
 
ul#topnav {
margin: 0 0 0 0px ; padding: 0 0 0 3px;
float: left;
width: 800px;
list-style: none;
list-style: none;
position: relative;
         background-color: #000;
         font-family: helvetica, arial, sans-serif;
         margin: -1px;
font-size: 12px;
        padding: 0px 0 0 5px;
background: #f5f5f5;
        display: inline;
         height: 5px;
}
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
border-right: 1px solid #ffffff; /*--Divider for each parent level links--*/
}
ul#topnav li a {
padding: 11px 15px;
display: block;
color: #333333;
text-decoration: none;
}
ul#topnav li:hover { background: #cccccc;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/


ul#topnav li span {
</style>
float: left;
<!-- </head> -->
padding: 15px 0;
position: absolute;
left: 0; top:30px;
display: none; /*--Hide by default--*/
width: 800px;
background: #cccccc;
color: #333333;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}




#abstractandlinks{
<!-- ############################# BODY!!!!! #################################### -->
display:block;
width:800px;
background-color:#f5f5f5;
text-align:justify;font-family: helvetica, arial, sans-serif;
color:#555555;
margin-top:0px;
}
#innerBox
{
display: block;
padding: 5px;
}
#abstract{
font-family: helvetica, arial, sans-serif; width: 490px; margin-top: 20px; padding:0px 5px; float: left;background-color:#f5f5f5; ;
}
 
#links{
font-family: helvetica, arial, sans-serif; width: 290px; margin-top: 20px;
padding:0px 5px; float: left; background-color:#f5f5f5;;
}
.clear
{
clear:both;
}
#tour{
font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; margin-top: 1em, margin-bottom: 1em; float: left;background:#f5f5f5;
font-size: 2em;
}
#struktur{
font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; float: left;background:#f5f5f5;
}


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


<head>
</div><!-- end drop menu -->
 
</div> <!-- end navigation -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</div>
 
</div>
<!-- For IE 6 -->
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
window.onload = function() {
 
      var lis = document.getElementsByTagName('li');
$("ul#topnav li").hover(function() { //Hover over event on list item
      for(i = 0; i < lis.length; i++) {
$(this).css({ 'background' : '#cccccc'}); //Add background color and image on hovered list item
            var li = lis[i];
$(this).find("span").show(); //Show the subnav
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
} , function() { //on hover out...
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
$(this).css({ 'background' : 'none'}); //Ditch the background
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
        $(this).find("span").hide(); //Hide the subnav
            }
});
      }
 
}
});
</script>
</script>
</body>
</html>
I'm Sara Mitsunari!


==1. Free moving mode==


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $('#lside1').mouseover(function() {
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
    });
    $('#lside1').mouseleave(function() {
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
    });
    $('#lside2').mouseover(function() {
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
    });
    $('#lside2').mouseleave(function() {
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
    });
    $('#lside3').mouseover(function() {
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
    });
    $('#lside3').mouseleave(function() {
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
    });
  });
  </script>
<style type="text/css">
  #side1 {
    width: 250px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 20px;}
  #lside1 {
    width: 250px;
    height: 100px;
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;}
  #side2 {
    width: 250px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 20px;}
  #lside2 {
    width: 250px;
    height: 100px;
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;}
  #side3 {
    width: 250px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 20px;}
  #lside3 {
    width: 250px;
    height: 100px;
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;}
  </style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#mainpic').attr('src',
'http://openwetware.org/wiki/Image:U1.png');
  $('#mainpic').attr('src',
'http://australian-kanguru-watchers.de/wp-content/uploads/2009/11/dnet24-testbild.jpg');
  $('#mainpic').attr('src',
'http://eschbaer.de/wp-content/uploads/final_testbild.png');
  $('#mainpic').attr('src',
'http://www.media-digest.com/wp-content/uploads/2009/05/test-pattern-briefs.jpg');
  $("#but1").mouseenter(function() {
  $('#mainpic').attr('src', 'http://www.cnet.co.uk/i/c/rv/e/digitalcameras/fujifilm/finepix_f200exr/f200exrstorygraphic1large.jpg');
  });
  $("#but2").mouseenter(function() {
  $('#mainpic').attr('src',
'http://xmas.tfoe.net/img/testbild.jpg');
  });
  $("#but3").mouseenter(function() {
  $('#mainpic').attr('src',
'http://www.tv-testbild.com/bilder/nbc-320.jpg');
  });
  $("#but4").mouseenter(function() {
  $('#mainpic').attr('src',
'http://www.tv-testbild.com/pictures/orf2.jpg');
  });
});
</script>
<style type="text/css">
#maincon {
  width:800px;
  position:relative;}
#mainpic {
  width:800px;}
#but1 {
  width:60px;
  height:60px;
  position:absolute;
  left:88px;
  top:19px;
  z-index:2;
  background-image:url('http://openwetware.org/wiki/Image:U1.png');}
#but2 {
  width:60px;
  height:60px;
  position:absolute;
  left:489px;
  top:220px;
  z-index:2;
  background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Button_Icon_Red.svg/300px-Button_Icon_Red.svg.png');}
#but3 {
  width:60px;
  height:60px;
  position:absolute;
  left:320px;
  top:302px;
  z-index:2;
  background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
#but4 {
  width:60px;
  height:60px;
  position:absolute;
  left:509px;
  top:4px;
  z-index:2;
  background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
</style>






   
<title>
        TUM NanU - Home 
</title>
</head>


<body background-color="#F0F0F0">
==2. Track walking mode==
<!-- Header-->
<div class="container">
 
    <div id="header"> <img src="http://openwetware.org/images/5/5c/Header2.png" /> </div>
   
<!--Menue-->
<ul id="topnav">
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Home">Home</a></li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project">Project</a>       
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project">Overview</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Idea">The Idea</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Plan">The Plan</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project/Structure">The Structure</a>
        </span>       
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods">Methods</a>
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/FRET">FRET</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods/TEM">TEM</a>
        </span>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results & Discussion</a>
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/EtBr">EtBr</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/DAPI">DAPI</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Spermine">Spermine</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/FRET">FRET</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/TEM">TEM</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results/Discussion">Discussion</a>
        </span>
    </li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Outlook">Outlook</a></li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team">Team</a></li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Glossary">Glossary</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video">Video</a>
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video">Presentation Video</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/MakingOf">Making of</a> |
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Music">Music</a> |
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Studio">Studio</a> |
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Video/Software">Software</a>
        </span>


</li>
    <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras">Extras</a>
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras/References">References</a> |
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras/Acknowledgments">Acknowledgments</a> |
            <a href="http://openwetware.org/index.php?title=Template:TUMNanUHeader&action=submit">Edit</a>
        </span>
  </li>
  <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Labbook</a><!--Subnav Starts Here-->
        <span>
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Main Page</a>||
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Structure">Structure</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TEM">TEM</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/TIRF">TIRF</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/Dyes">Dyes & DNA-binders</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/08">August</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/09">September</a>|
            <a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA/2011/#">October</a>
        </span>
    </li>
</ul>
<p>
<br>
</p>
<p>
<br>
</p>
<p>
<br>
</p>






<h1>Tokyo Institute of Technology</h1>
<h2>leader</h2>
: Sara Mitsunari
: http://openwetware.org/index.php?title=User:Sara_Mitsunari&action=edit


</body></html>
==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;
               }

/* ==================== 

  ここからプルダウン周辺のデザイン
  ==================== */
  1. menu * {

margin: 0; padding: 0; }

  1. 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; }

  1. menu ul {

float: left; list-style: none; }

  1. menu ul li {

background-color:transparent; 

       position:relative;

float:left; list-style: none; padding: 10px 15px 0 0; 

       font-weight: bold;
       width: auto;

}

  1. menu a {

color: #FFFFFF; display: inline; text-decoration: none; }

  1. menu a:visited {

color:#FFFFFF; text-decoration: none }

  1. menu a:hover {

color: #00a5ea; }

  1. 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;

}

  1. menu ul li:hover ul {

display: inline; 

       background-position: bottom;

}

  1. 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">

  1. SubWrapper {width: 645px;}
  2. news {width: 317px;}
  3. super_main_wrapper {position:static;}
  4. navigation {left: 15px;}
  5. 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!

1. Free moving mode

2. Track walking mode

3. Light-irradiated gathering mode

Retrieved from "https://openwetware.org/mediawiki/index.php?title=User:Sara_Mitsunari&oldid=558276"