Biomod/2014/Sendai: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 42: Line 42:
E-MAIL:<a href="mailto:teamsendai2014@gmail.com"><span style="color:white">teamsendai2014@gmail.com</span></a>
E-MAIL:<a href="mailto:teamsendai2014@gmail.com"><span style="color:white">teamsendai2014@gmail.com</span></a>
  </div>
  </div>
  <div style="height:auto; width:30%; padding-left:20%;">
  <div style="height:auto; width:30%; padding-left:20%; float:left">
<a href="http://www.molbot.mech.tohoku.ac.jp/index.html">
<a href="http://www.molbot.mech.tohoku.ac.jp/index.html">
<img src="http://openwetware.org/images/f/f3/Muratalab-icon2_dark-01.png" width="200" alt="Molcular Robotics Lab"></a>
<img src="http://openwetware.org/images/f/f3/Muratalab-icon2_dark-01.png" width="200" alt="Molcular Robotics Lab"></a>

Revision as of 07:17, 29 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> </head>

<body>

<div id="header">

<div id="homebutton" class="home"> <li id="stamp"><a href="http://openwetware.org/wiki/Biomod/2014/Sendai">Home</a></li> </div> <div id="globalnav" class="home"> <ul> <li id="gn-home"><a href="/wiki/Biomod/2014/Sendai">Home</a></li> <li id="gn-intro"><a href="/wiki/Biomod/2014/Sendai/Introduction">Introduction</a></li> <li id="gn-design"><a href="/wiki/Biomod/2014/Sendai/Design">Design</a></li> <li id="gn-simu"><a href="/wiki/Biomod/2014/Sendai/Simulation">Simulation</a></li> <li id="gn-xp"><a href="/wiki/Biomod/2014/Sendai/Experiment">Experiment</a></li> <!--<li id="gn-protocol"><a href="/wiki/Biomod/2014/Sendai/Protocol">Protocol</a></li>--> <li id="gn-dis"><a href="/wiki/Biomod/2014/Sendai/Discussion">Discussion</a></li> <li id="gn-team"><a href="/wiki/Biomod/2014/Sendai/Team">Team</a></li> <li id="gn-end"><a href="#"></a></li> </ul> </div>

</div>
<div id="contents">

<div id="mainvisual"> <img src="http://openwetware.org/images/9/97/Topbg.jpg" width="980px" height="596px"> </div> <div id="main">

<h1>Abstract</h1> <p>In our project, we propose a programmable system which releases variable molecules in order. The core of this system is that the order of releasing outputs is written only on an input molecule. In this system, outputs are released repeatedly by using a set of molecules independent of the input. Since the length of the input is not limited, arbitrary number of releasing is possible. This property guarantees scalability in the system. This system that possesses both programmability and scalability is realized by a cascade reaction of DNA, which is available for input and output molecule. The output DNAs released in order are converted into liposomes, which is used as a container of various kinds of molecule as payloads. Although Drug Delivery System is one possible application of this system by containing medicines in the liposomes, we rather focus on encapsulating taste substances to show the enjoyable feature of the system. </p> </div>

</div>

<div style="background-color:#5b2d01; margin-top:30px; padding-top:15px; width:100% ;height:100px; color:#fff; font-size: 125%; position: absolute; bottom: 0; display: inline;">

<div style="float:left; height:auto; width:30%; padding-left:20%; ">

(C)Copyright Biomod 2014 Team Sendai<br /> E-MAIL:<a href="mailto:teamsendai2014@gmail.com"><span style="color:white">teamsendai2014@gmail.com</span></a>

</div>
<div style="height:auto; width:30%; padding-left:20%; float:left">

<a href="http://www.molbot.mech.tohoku.ac.jp/index.html"> <img src="http://openwetware.org/images/f/f3/Muratalab-icon2_dark-01.png" width="200" alt="Molcular Robotics Lab"></a>

</div>

</div>


</body> </html>