Biomod/2014/Sendai/temp/0821/Design: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
{{Biomod/2014/Sendai/Styles}}
{{Biomod/2014/Sendai/temp/0821/Styles}}
<html>
<html>
<head>
<head>

Revision as of 21:28, 22 August 2014

<html> <head> <style type="text/css">


html{

      background-color: #5b2d01;
      height: 100%;

} body{

      background-color: #f5e4b4;
      font-size: 1.4em;
      font-size: 125%;
      font-family:Arial,'Lucida Grande';
      height: 100%;

}


figure{

      margin-bottom: 10px;

} figcaption{

      font-size: 14px;

}


/* hiding wikiUI*/ .firstHeading {

display:none;

}

  1. content{
background-color: #f5e4b4;
background-image: linear-gradient(#f5e4b4,#eace7f);
border-style:none;
margin:0;
padding-top:0px;
padding-bottom:15px;
padding-right:0px;
padding-left:0px;
min-height:600px;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

} /*----------*/

  1. header{
       height: 96px;
       width:1000px;
       margin:0 auto;
       margin-top: 10px;
       margin-bottom: 10px;

}

  1. left_header{

height: 96px; width: 96px;

       float:left;

}


  1. homebutton {
       width: 96px;
       height: 96px;
       float: left;

}

  1. homebutton li{
       display: inline;

}

  1. homebutton li a{
       float: left;
       height: 0px;
       width: 96px;
       padding-top: 96px;
       overflow-x: hidden;
       overflow-y: hidden;
       background-image: url(http://openwetware.org/images/0/02/Homebutton.png);
       background-repeat: no-repeat;

}


  1. homebutton #stamp a{ background-position: 0 -96px; }
  2. homebutton #stamp a:hover{ background-position: 0 0; }
  3. homebutton.home #stamp a{ background-position: 0 0; }



  1. globalnav {

height: 96px; width: 808px;

       float:left;

}


  1. globalnav li{

display: inline; }


  1. globalnav li a{

float: left; height: 0pt; padding-top: 96px; overflow-x: hidden; overflow-y: hidden; background-image: url(http://openwetware.org/images/e/e8/Uiparts_navigation-01.jpg); background-repeat: no-repeat; }


  1. globalnav #gn-home a{ width: 55px; }
  2. globalnav #gn-intro a{ width: 122px; }
  3. globalnav #gn-design a{ width: 84px; }
  4. globalnav #gn-simu a{ width: 118px; }
  5. globalnav #gn-xp a{ width: 114px; }
  6. globalnav #gn-protocol a{ width: 92px; }
  7. globalnav #gn-dis a{ width: 112px; }
  8. globalnav #gn-team a{ width: 78px; }
  9. globalnav #gn-end a{ width: 71px; }


  1. globalnav #gn-home a { background-position: 0 0; }
  2. globalnav #gn-intro a { background-position: -55px 0; }
  3. globalnav #gn-design a { background-position: -177px 0; }
  4. globalnav #gn-simu a { background-position: -261px 0; }
  5. globalnav #gn-xp a { background-position: -379px 0; }
  6. globalnav #gn-protocol a { background-position: -493px 0; }
  7. globalnav #gn-dis a { background-position: -585px 0; }
  8. globalnav #gn-team a { background-position: -697px 0; }
  9. globalnav #gn-end a { background-position: -775px 0; }


  1. globalnav #gn-home a:hover { background-position: 0 -96px; }
  2. globalnav #gn-intro a:hover { background-position: -55px -96px; }
  3. globalnav #gn-design a:hover { background-position: -177px -96px; }
  4. globalnav #gn-simu a:hover { background-position: -261px -96px; }
  5. globalnav #gn-xp a:hover { background-position: -379px -96px; }
  6. globalnav #gn-protocol a:hover { background-position: -493px -96px; }
  7. globalnav #gn-dis a:hover { background-position: -585px -96px; }
  8. globalnav #gn-team a:hover { background-position: -697px -96px; }


  1. globalnav #gn-home a:active { background-position: 0 -192px; }
  2. globalnav #gn-intro a:active { background-position: -55px -192px; }
  3. globalnav #gn-design a:active { background-position: -177px -192px; }
  4. globalnav #gn-simu a:active { background-position: -261px -192px; }
  5. globalnav #gn-xp a:active { background-position: -379px -192px; }
  6. globalnav #gn-protocol a:active { background-position: -493px -192px; }
  7. globalnav #gn-dis a:active { background-position: -585px -192px; }
  8. globalnav #gn-team a:active { background-position: -697px -192px; }


  1. globalnav.home #gn-home a { background-position: 0 -288px; }
  2. globalnav.intro #gn-intro a { background-position: -55px -288px; }
  3. globalnav.design #gn-design a { background-position: -177px -288px; }
  4. globalnav.simu #gn-simu a { background-position: -261px -288px; }
  5. globalnav.xp #gn-xp a { background-position: -379px -288px; }
  6. globalnav.protocol #gn-protocol a { background-position: -493px -288px; }
  7. globalnav.dis #gn-dis a { background-position: -585px -288px; }
  8. globalnav.team #gn-team a { background-position: -697px -288px; }


  1. wikiwrapper{
       width: 980px;
       background-color: #fffcf5;

}


  1. mainvisual{
       width: 980px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;

}

  1. main{
       width: 980px;
       min-height: 600px;
       background-color: #fffcf5;
       padding-right: 15px;
       padding-left: 15px;
       padding-bottom: 150px;
       margin-right: auto;

margin-left: auto;

       text-align: justify;
       font-size: 110%;

}

p{

       text-indent:1em;

}


/*テーブルの色づけ*/

table.table tr:nth-child(odd) {

 /* 奇数行の背景色を設定します。 */
 background-color: #ecf6fb;

} table.table tr:nth-child(even) {

 /* 偶数行の背景色を設定します。 */
 background-color: #ffffff;

}

.overline{

       text-decolation: overline;
      }


/*simulationページの段組みコンテナ*/

  1. container {
      width: 100%;
      height: auto;    
      height: 100%;
      min-height: 100%;

}

div.blockleft{

      float: left;
      width: 625px;
      height: 475px;

} div.blockright{

      float:right;
      width: 355px;
      height: 490px;

div.blockleft2{

      float: left;
      width: 450px;
      height: 475px;

} div.blockright2{

      float:right;
      width: 450px;
      height: 475px;

} div.block{

      width:980px;
      height: 475px;
      margin-bottom: 20px;

}

p.textbox{

      padding:20px;

}

div.blockright span{

      vertical-align: middle;

}


  1. new_footer{
       margin-top:30px;

padding-top:15px; width:100%; height:100px; background-color:#5b2d01; color:#fff;

       font-size: 125%;
       position: absolute;
       bottom: 0;
       display: inline;

}

.lefttext{

       height:auto;
       width:30%;
       padding-left:20%;
       float:left;

}

.rightimg{

       height:auto;
       width:30%;
       padding-left:20%;

}

</style> </head> </html> <html> <head> <title></title>

<style type="text/css"> .overline {

   text-decoration: overline;

} </style> </head>

<body> <div id="globalnav"> <ul> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821">Home</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Introduction">Introduction</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Design">Design</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Simulation">Simulation</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Experiment">Experiment</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Protocol">Protocol</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Discussion">Discussion</a></li> <li><a href="/wiki/Biomod/2014/Sendai/temp/0821/Team">Team</a></li> </ul> </div> <div id="main">

<font color="#ff000">赤文字は訂正</font> <h1>Project Goal</h1> Our goal is to build the system which derives plural outputs from a single input with a time difference.<br> To achieve the goal, we have developed two systems as follows. <ul> <li>1:the system which gets DNA which modifies the liposome and OUTPUT which starts the next reaction. (releasing system)</li> <li>2:the system which releases outputs with a time difference. (margin time system) </li> </ul> We accomplished the goal to use these two systems repeatedly.

<h2>1:releasing system</h2> We have developed this system to release the output which starts the next reaction to release the DNA. We used polymerases and nickases and made the KEY DNA. By using KEY DNA, we got the DNA which modifies the liposome and the output(A) which starts the next reaction. We give a full detail below.

<ol> <li>1-1: To start with, add the input to the solution which contains the template having a complementary sequence to the 3’end of the input.(A)<br> To amplify the DNA(A1) having a complementary sequence to the 5’end of the template by using polymerases and nickases, tear the product-A off. (Fig.1) </li> <img src="http://openwetware.org/images/9/91/Shasin2.png" width="800" height="482"> <li>1-2: Next, combine DNA(A1) which is amplified at 1-1 with the DNA which attaches to the DNA which modifies the liposome.<br> Then, denaturate it by using polymerases and get the liposome-attached DNA as an output. (Fig.2) </li> <img src="http://openwetware.org/images/3/31/Shasin3.png" width="800" height="345"> </ol> <h2>2: margin time system</h2> <p>We has developed this system to get the output separate from the output produced in the first step with a time difference. We used the KEY DNA we got in the first step and restriction enzyme, and changed the structure of the input we added first. To use this structure as the input of the releasing system, we got the new output with a time difference.</p> <p>We give a full detail below.</p>

<ol> <li>2-1: To combine the A1 with the DNA-M, produce the DNA-B.</li> <li>2-2: Adding polymerases to the B, get the DNA-C which combine with the product which is consisted of the input and the template as an output. (Fig.3)</li> <img src="http://openwetware.org/images/d/d3/Shasin4.png" width="800 height="493""> <li>2-3: Add the restricted enzyme to the structure which is produced by combining C with A, then get the structure-D which is removed 3’end of the input as an output.</li> <li>2-4: To combine D with another template, these two systems (releasing system and margin time system) repeat over and over. (Fig.4)</li> <img src="http://openwetware.org/images/5/5a/写真_2014-08-21_20_53_28.jpg"> </ol>


</div> </body> </html>