From OpenWetWare
Jump to: navigation, search

<html> <head> <style>

  1. column-one { display:none; width:0px;}

.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}

  1. content { width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;}
  2. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. globalWrapper{width:848px; background-color: #ffffff; margin-left: auto; margin-right: auto}
  2. column-one {display:none; width:0px;background-color: #ffffff;}
  3. content{ margin: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width: 824px;background-color: #ffff; border: 0;}
  4. bodyContent{ width: 800px; align: center; background-color: #ffffff;}
  5. column-content{width: 824px;background-color: #ffff;}
  6. footer{position: center; width: 848px}

@media screen {

   body { background: #F5F5F5 0 0 no-repeat;  /* changed default background */ }

} /*************************

                                                  • /, li, li ul, li ul li .others{ margin: 0; padding: 0; background: none; font-style: normal; font-weight:100; font-size: 180%; text-align: left; list-style: none; zoom: 1; } li, li ul, li ul li { font-size: 100%; } a{ color: #FFF; text-decoration: none; } a:link, a:visited { background: #002040; } a:hover, a:active { background: #204060; } li { float: left; position: relative; margin: 0; } li a { display: block; width: 160px; text-align: center; line-height: 170%; } li ul.result li a{ text-align: left; } li ul.result li{ } li ul li { float: none; margin: 0;

} li ul { display: none; } li:hover ul { display: block; position: absolute; z-index: 100; } a.others{

background: #002040;

} .maintitle{


} .resultttt{ white-space: pre-wrap; } </style> </head> <body> <center>

<div  class="maintitle">

 <img src="" width=800px height=100px>


</center> <center>

<ul class="menu"  >  
  <li><a href="" >home</a>
    <li><a href="">video</a></li>
    <li><a href="">overview</a>
  <li><a href="" >project</a>
    <li><a href="">goal</a></li>
    <li><a href="">background</a>
    <li><a href="">idea</a></li>
    <li><a href="">future</a></li>
  <li><a href="" >result</a>
    <ul  class="result">
    <li><a class="resultttt" href="">  1. open</a></li>
    <li><a class="resultttt" href="">  2. pure</a></li>
    <li><a class="resultttt" href="">  3. cargo</a></li>
    <li><a class="resultttt" href="">  4. kinesin</a></li>
    <li><a class="resultttt" href="">  5. run</a></li>
  <li><a class="others">others</a>
    <li><a href="">study</a></li>
    <li><a href="">process</a></li>
    <li><a href="">reference</a></li>
  <li><a href="" >team</a></li>

</body> </html>

<html> <head> <style> p.paragraph{ font-size :130%; line-heoght:100%; font-weight:normal; margin:0 20px; } h1.title a{

 display: block;
 text-decoration: none;
 color: #000; 

} </style> </head>

<body> <p><br><br><br><br></p> <h1 class="title"><a name="overview">Overview</a></h1>

  <p class="paragraph">

Our research focused on a DNA nano-robot which transports cargo in response to external signals. This robot is powered by the active movement of kinesins and only works when triggers cause structure change of the DNA tubes. This robot will be applied for efficient transportation in nano-scale devices such as micro total analysis system (micro-TAS). </p> <br>

<h1 class="title"><a name="video">Video</a></h1> <center><iframe width="640" height="480" src="" frameborder="0" allowfullscreen></iframe></center>

<h1 class="title">Scheme</h1><center>

<img src="" width=635 height=500>

</center> </body> </html>