Difference between revisions of "Biomod/2012/UTokyo/UT-Hongo"

From OpenWetWare
Jump to: navigation, search
Line 118: Line 118:
 
       <br style="clear: both;">
 
       <br style="clear: both;">
 
       <div style="float: left; margin-right: 24px; margin-top: 12px;width=350px; padding: 5px; border: 1px solid #666; border-style: dashed;">
 
       <div style="float: left; margin-right: 24px; margin-top: 12px;width=350px; padding: 5px; border: 1px solid #666; border-style: dashed;">
<img src="http://openwetware.org/images/e/e8/Biomod-2012-UTokyo-UT-Hongo-Idia-4.jpg" width="350px"></img>
+
<img src="http://openwetware.org/images/1/19/Biomod_anime.gif" width="350px"></img>
 
<p style="font-size: 100%; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center">fig2. Schematic of Medical DNA Shell system</p>
 
<p style="font-size: 100%; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center">fig2. Schematic of Medical DNA Shell system</p>
 
       </div>
 
       </div>

Revision as of 23:06, 24 October 2012

<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:984px; 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; width: 960px;background-color: #ffff; border: 0;}
  4. bodyContent{ width: 960px; align: center; background-color: #ffffff;}
  5. column-content{width: 984px;background-color: #ffff;}
  6. footer{display: none; position: center; width: 960px}

@media screen {

   body { background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }

}

</style>

<style>

  • {

text-shadow: 0px 1px 2px #aaa; }

  1. bodyContent, #column-content, #content {

background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }

  1. column-content {
border-left: 1px solid #888;
border-right: 1px solid #888;

}

  1. header {
 width: 960px;
 height: 304px;
 background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
 background-size: 100% auto;
 margin-bottom: 0px;
 padding: 0px 0px 0px 0px;

/* border-bottom: 1px solid #DEDEDE; */ }

  1. menu {
 display: block;
 width: 956px;
 padding: 0px;
 background-color: black;
 border: 2px solid #888;
 margin-bottom: 15px;

}

ul.menu li a {

 display: block; 

/* border: 1px solid #474655; */

 padding: 8px 10px;
 text-decoration: none;

/* color: #333; */

 color: #fff;

/* width: 121px; */

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

}

ul.menu li a:hover{

 color: cyan;

}

ul.menu { /* display: none;

 position: absolute; */
 height: 40px;
 margin:0;
 padding:0;
 list-style:none;
 float: center;

}

ul.menu li { /* display:inline;*/

 margin:0;
 padding:6px;
 float: left;
 position: relative;

}

ul.menu li:hover ul {

 display: block;
 position: absolute;
 z-index: 100;

}

ul.submenu {

 display: none;
 list-style: none;
 background-color: #f0f0f0;
 border: 1px solid #ccc;

}

ul.submenu li {

 float: none;
 margin: 0px;

}

ul.submenu li a {

 text-align: left;
 margin: 0px;
 width: 340px;
 padding: 0 0 0 12px;
 color: black;
 text-decoration: none;
 font-size: large

}

ul.submenu li a:hover {

 color: black;
 text-decoration: underline;

}

.thumb {

 border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;

}

.mytable {

 border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;

}

</style> </head> <body>


     <a href="http://biomod.net/"><img src="http://openwetware.org/images/8/82/Biomod2012-logo.png" width="250px" height="50px"></img></a>
     <a href="http://www.u-tokyo.ac.jp/en/" target="_blank"><img src="http://www.u-tokyo.ac.jp/en/images/banner/UT-logo.gif" width="234" height="60" border="0" alt="The University of Tokyo"></img></a>

</body> </html>


<html> <head> <style>

ul.menu li.toppage a {

 color: cyan;

}

  1. youtube {

margin-bottom: 30px; }

  1. video {

background: #444; background-image: -moz-linear-gradient(top,#555,#333); background-image: -webkit-gradient(linear,left top,left bottom,from(#555),to(#333)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr="#555555",endColorStr="#333333"); }

  1. description {

/* border-bottom: 1px solid #dedede; */ padding-bottom: 6px; /* margin-bottom: 30px; */ padding-right: 6px; padding-left: 6px; }

  1. description p {
 font-size: 150%;

}

p#desc-first:first-letter {

 font-size: 180%;

}

.block-container { overflow: hidden; margin-bottom: 12px; padding: 0px 0px 0px 0px; /* border-bottom: 1px solid #DEDEDE; */ }

h2.block-container { padding: 0px 0px 10px 0px; /* color: #303030; */ }

img.mythumb {

 width: 298px;
 height: 175px;

}

.column a:hover img {

 opacity: 0.8;
 filter: alpha(opacity=80);
 background: #fff;

}

.column { width: 298px; height: 475px; padding: 5px; background: #333 url(http://openwetware.org/images/6/6e/Biomod-2012-utokyo-uthongo-column-bg.jpg) repeat; color: #ccc; }

.column h2 { color: #f0f0f0; }

.column1 { float: left; margin-right: 18px; }

.column2 { float: left; margin-right: 18px; }

.column3 { float: right; }

  1. navi {

/* padding-bottom: 18px;

 margin-bottom: 48px;
 border-bottom: 1px solid #dedede; */

}

.block h2 { font-size: medium; }

.block p { font-size: x-small; }

</style>

</head> <body>

       <img src="http://openwetware.org/images/1/1e/Biomod-2012-utokyo-uthongo-anime.gif" width="270px"></img>

fig1. Schematic animation of DNA Shell

Methodologies to apply DNA for building precisely controlled nanostructures have greatly developed over the recent years. Our focus for BIOMOD is to utilize DNA to make a shell like structure which can capture molecules inside the shell-like body, as if a shellfish is eating its prey. Entrapment of the substrate was detected by the numerous florescent molecules that are attached to the body. This research may become a foundation for using DNA to mimic catalytic activity of enzymes.

     

<img src="http://openwetware.org/images/1/19/Biomod_anime.gif" width="350px"></img>

fig2. Schematic of Medical DNA Shell system

Medical functions such as detection of diseases with small amount of blood are possible by using microfluidics. For example, detecting and sensing the concentration of Thrombin which causes blood coagulation is possible by using Shell and microfluidics developed by our team. In the future, we will develop medical DNA Shell system for monitoring components of blood, detecting diseases, inputting medicine by DNA Shell, computing system integrated in microfluidics.

     

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

<html> <head>

 <style>
  1. myfooter {
 border-top: 1px solid #a9a9a9;
 padding-top: 60px;
 margin-top: 18px;

}

  1. sitemap {
 width: 934px;
 height: 250px;
 background: #f0f0f0;
 padding: 12px;
 border: 1px solid #808080;

}

  1. sitemap a {
 color: #666;

}

  1. sitemap h3 a {
 text-decoration: underline;

}

  1. sitemap a:hover {

}

  1. footer-contents {
 padding: 12px;
 height: 140px;

}

  1. sitemap h2 {
 color: #888;

}

.footer-section { width: 96px; float: left; margin-right: 30px; }

  1. section1 {

width: 64px; }

  1. section3 {
 width: 124px;

}

  1. section4 {
 width: 108px;

}

  1. section5 {
 width: 135px;

}

  1. section6 {
 width: 72px;

}

  1. section7 {
 float: right;

}

.footer-section h3 {

 font-size: small;

}

.footer-section ul li a {

 font-size: small;

}

  1. copyright {
 text-align: center;
 color: #aaa;

}

 </style>

</head> <body>

BIOMOD 2012 Team UT-Hongo


   

</body> </html>