User:Sara Mitsunari: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(4 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">
body {
/* ====================
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);
  主に全体に関わるCSS
}
   ==================== */
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}


       .clear {clear:both;}
       .clear {clear:both;}
Line 16: Line 20:
font-family: Calibri, Verdana, helvetica, sans-serif;
font-family: Calibri, Verdana, helvetica, sans-serif;
}
}
p {
 
text-align: justify;
width: 970px;
}
                 h1 {
                 h1 {
padding: 0px 20px 5px 20px;
                        padding: 0px 20px 5px 20px;
font-size: 34px;
                        font-size: 34px;
font-weight: bold;
                        font-weight: bold;
                 }
                 }
                 h2 {
                 h2 {
padding: 20px 20px 5px 20px;
                        padding: 20px 20px 5px 20px;
font-size: 25px;
                        font-size: 25px;
color: #0083eb;
                        color: #0083eb;
text-decoration: none;
                        text-decoration: none;
font-weight: bold;
                        font-weight: bold;}
}
                        border: none;
                 h2 a {
                 h2 a {
color: #eb8300;
                        color: #eb8300;
                 }
                 }
                 h3 {
                 h3 {
padding: 20px 20px 5px 20px;
                        padding: 20px 20px 5px 20px;
font-size: 20px;
                        font-size: 20px;
color: #000;
                        color: #000;
font-decoration: none;
                        font-decoration: none;
font-weight: bold;
                        font-weight: bold;
                 }
                 }
                h1.firstHeading {
display: none;
                }
p {
text-align: justify;
}
a:link {
a:link {
color: #00a5ea;
color: #00a5ea;
Line 51: Line 58:
}
}
a:hover {
a:hover {
color: #eb8300;
                        color: #eb8300;
text-decoration: none
text-decoration: none
}
}
Line 57: Line 64:
color:#f29400;
color:#f29400;
text-decoration: none
text-decoration: none
}
.title {
background-color: #000000;
font-color: #ffffff;
font-weight: bold;
font-size: 18px;
border: none;
}
.title a {
font-color: #ffffff;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}
.title a:hover {
color: #00a5ea;
}
.title a:visited {
color:#ffffff;
text-decoration: none;
}
}
#bodyContent {
#bodyContent {
Line 84: Line 70:
                         background-color:#ffffff;
                         background-color:#ffffff;
                         border-width: 0px 1px 0px 1px;
                         border-width: 0px 1px 0px 1px;
border-color: #000000;
                        border-color: #000000;
                 }
                 }
                 #content {
                 #content {
padding-left: 0px;
                        padding-left: 0px; width: 970px;
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>
</style>
</head>
<![endif]--> 
<body align="center">
<div id="main_wrapper">  
<!-- ここからリスト -->
  <div id="header">
<table class="title">
<div id="navigation">
<tr>
<div id="menu" style="position:static">
<td colspan="10">
<ul>
<img id="title-logo" src="http://openwetware.org/images/e/e0/NEW_header.jpg">
  <li><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li>
</td>
  <li><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team/Students">Team</a></li>
</tr>
  <li><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a>
<tr class="center">
<!-- <ul>
<td><a href="Biomod/2011/TeamJapan/Tokyo"> Home </a></td>
          <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Overview</a></li>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Team/Students"> Team </a></td>
          <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/introduction">Introduction</a></li>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Project"> Project </a></td>
          <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Model">Model</a></li>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Project/Results"> Results </a></td>
  <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project/Devices">Devices</a></li>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Achievements/DNA_Devices"> DNA Designs  
  <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>


</a></td>
</div><!-- end drop menu -->
<td><a href="Biomod/2011/TeamJapan/Tokyo/Achievements"> Achievements </a></td>
</div> <!-- end navigation -->
<td><a href="Biomod/2011/TeamJapan/Tokyo/Notebook/Protocols"> Protocols
</div>
 
</a></td>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Notebook/Lab.notebook"> Notes </a></td>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Sponsors"> Sponsors </a></td>
<td><a href="Biomod/2011/TeamJapan/Tokyo/Sitemap"> Sitemap </a></td>
</tr>
</table>
</div>
</div>
</center>
<!-- 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>
</body>
</html>
</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;
               }

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

  ここからプルダウン周辺のデザイン
  ==================== */
  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