Biomod/2012/Tohoku/Team Sendai

From OpenWetWare
Revision as of 04:26, 25 October 2012 by Naito Ushio (talk | contribs)
Jump to navigationJump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

<html> <head>

   <title>Team Sendai Top</title>
   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
   <script type="text/javascript">
       $(function() {
         if ($.browser.msie && $.browser.version.substr(0,1)<7)
         {

$('li').has('ul').mouseover(function(){ $(this).children('ul').show(); }).mouseout(function(){ $(this).children('ul').hide(); })

         }
       });        
   </script>

<style>

  1. Container

{ width: 960px; margin: 40px auto; }

/* ヘッダー */ div#Header {background-color: #ffffff; padding: 28px 20px 28px}

div#Header h1 {color: #006600;

                font-size: 80px;
                text-align: center;
                margin: 0;

font-family:'Scripx';}

div#Header p {color: #006600; font-size: 20px;

       text-align: center;

margin: 0}


/* Main menu */

  1. menu

{ width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; background: #111; background: -moz-linear-gradient(#444, #111);

   background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	

background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0 2px 1px #9c9c9c; -webkit-box-shadow: 0 2px 1px #9c9c9c; box-shadow: 0 2px 1px #9c9c9c; }

  1. menu li

{ float: left; padding: 0 0 10px 0; position: relative; line-height: 0; }

  1. menu a

{ float: left; height: 25px; padding: 0 25px; color: #999; text-transform: uppercase; font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; }

  1. menu li:hover > a

{ color: #fafafa; }

  • html #menu li a:hover /* IE6 */

{ color: #fafafa; }

  1. menu li:hover > ul

{ display: block; }

/* Sub-menu */

  1. menu ul

{

   list-style: none;
   margin: 0;
   padding: 0;    
   display: none;
   position: absolute;
   top: 35px;
   left: 0;
   z-index: 99999;    
   background: #444;
   background: -moz-linear-gradient(#444, #111);
   background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
   background: -webkit-linear-gradient(#444, #111);    
   background: -o-linear-gradient(#444, #111);	
   background: -ms-linear-gradient(#444, #111);	
   background: linear-gradient(#444, #111);
   -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
   -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
   box-shadow: 0 0 2px rgba(255,255,255,.5);	
   -moz-border-radius: 5px;
   border-radius: 5px;

}

  1. menu ul ul

{

 top: 0;
 left: 150px;

}

  1. menu ul li

{

   float: none;
   margin: 0;
   padding: 0;
   display: block;  
   -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

}

  1. menu ul li:last-child

{

   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;    

}

  1. menu ul a

{

   padding: 10px;

height: 10px; width: 130px; height: auto;

   line-height: 1;
   display: block;
   white-space: nowrap;
   float: none;

text-transform: none; }

  • html #menu ul a /* IE6 */

{ height: 10px; }

  • first-child+html #menu ul a /* IE7 */

{ height: 10px; }

  1. menu ul a:hover

{

   background: #0186ba;

background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); }

  1. menu ul li:first-child > a

{

   -moz-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;

}

  1. menu ul li:first-child > a:after

{

   content: '';
   position: absolute;
   left: 30px;
   top: -8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 8px solid #444;

}

  1. menu ul ul li:first-child a:after

{

   left: -8px;
   top: 12px;
   width: 0;
   height: 0;
   border-left: 0;	
   border-bottom: 5px solid transparent;
   border-top: 5px solid transparent;
   border-right: 8px solid #444;

}

  1. menu ul li:first-child a:hover:after

{

   border-bottom-color: #04acec; 

}

  1. menu ul ul li:first-child a:hover:after

{

   border-right-color: #04acec; 
   border-bottom-color: transparent; 	

}


  1. menu ul li:last-child > a

{

   -moz-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;

}

/* Clear floated elements */

  1. menu:after

{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

  • html #menu { zoom: 1; } /* IE6 */
    first-child+html #menu { zoom: 1; } /* IE7 */

/* ? */ div#pop{ width:400px; float:left; margin:20px;}


div#pop h2{ background-color: # f5f5dc; font-size: 32px; color: #000000; line-height: 10px; padding-left: 12px; margin-top: 20px; margin-bottom: 4px; height:24px; width:400px;}

div#pop p{ font-size: 20px; margin:auto 20px;

       width:400px;

line-height:20px; border-width:10px; border-color:#888; border-color:black; font-color:white;

       }

</style> </head>

<body> <div id="Container">

<!-- ヘッダー --> <div id="Header"> <h1 style="margin-top:-50px;"><!--Team Sendai--><img src="http://openwetware.org/images/c/c2/Title-kai.png" ></h1> <p>Tohoku University</p> </div>

<!-- Menu --> <ul id="menu"> <li><a href="http://openwetware.org/wiki/Biomod/2012/Tohoku/Team_Sendai ">Top</a></li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Idea ">Project</a></li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Simulation">Simulation</a> </li> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Design">Design</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Experiment ">Experiment</a> <ul> <li><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Method">Method</a> <ul> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result#Porter">Porter</a> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result#Cylinder">Cylinder</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result# Vesicle">Vesicle</a> </li> </ul> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result">Result</a> <ul> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result#Porter">Porter</a> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result#Cylinder">Cylinder</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Result# Vesicle">Vesicle</a> </li> </ul> </li> </ul> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Achievement">Achievement</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Diary">Diary</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Team ">Team</a> </li> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/FAQ">FAQ</a> </li> </ul>


<!—二段組み本文 --> <text-align="center"><h1>We want to create a new channel made of DNA!</h1> <p> We want to create a channel that does not exist in nature. DNA is a designable molecule and has interaction with various biomolecules. Thus, a channel made of DNA enables to transport more various biomolecules against energy gradient. Such a new channel will be used…</br> 1. In medical care, because it can transport new molecules that are unable to be transported into cells without DNA.</br> 2. For sampling what we want from cells.</br> 3. For BIOROOMBA by compositing with artificial liposome.( Off course use for DDS)</br> </p>


<div id="pop"> <h2><!--Abstract-->Project Image</h2> <img src="http://openwetware.org/images/4/46/Format_D-Heart.jpg" alt="D-Heart" width="400px"><br> </div>

<div id="pop"> <h2>Movie</h2> <!-- <p>Coming soon</p> --> <br><br> <p style="text-align:center;"> <table style="border-style:solid;border-width:10px;width:400px;height:291px;background-color:black;border-color:#bbb;text-align:center;valign:middle;font-color:white;"> <tr> <td style="color:white;">Coming soon...</td> </tr> </table> </p> </div> <h1 style="width:900px;clear:left;margin:15px;"> Abstract</h1> <p style="width:900px;clear:left;margin:15px;"> &nbsp;All the creatures on Earth are made of cells. The exterior and the interior of the cell are compartmentalized by biomembranes. A nanodevice that is able to actively transport only the specific oligonucleotide through the biomembrane has a great potential to deliver siRNA into the cell or to extract mRNA expressed in the cell.<br> Here, we decided to create a novel device with such a function. <br> We have designed a cylindrical injector/extractor device made of DNA origami. Inside the cylinder, a cascade of single stranded DNAs is planted. Once the outer-most ssDNA binds to a target oligonucleotide, the target is passed to the inner-ones one by one because of the higher bonding energy assigned to the inner ones.<br> We also investigate how the cylinder penetrates the biomembrane by using liposome as a model membrane.<br> <br> </p>

<a href=" http://openwetware.org/wiki/Biomod/2012/Team_Sendai_Old">Test page</a>

</div>

</body> </html>