Biomod/2012/UTokyo/UT-Hongo: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
{{Biomod/2012/UTokyo/UT-Hongo}}
<html>
<html>
<head>
<head>
<style>
<style>
<!-- HIDE WIKI STUFF -->
#column-one { display:none; width:0px;}
.container{background-color: #ffffff; margin-top:0px}
.OWWNBcpCurrentDateFilled {display: none;}
#content {  width: 0px; margin: 0 auto auto 0;  padding: 0em 0em 0em 0em; align: center;}
#column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
.firstHeading {display:none; width:0px;}
#globalWrapper{width:1104px; background-color: #ffffff; margin-left: auto; margin-right: auto}
#column-one {display:none; width:0px;background-color: #ffffff;}
#content{ margin: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width: 1080px;background-color: #ffff; border: 0;}
#bodyContent{ width: 1080px; align: center; background-color: #ffffff;}
#column-content{width: 1080px;background-color: #ffff;}
#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;  /* changed default background */ }
}
</style>
<style>
* {
text-shadow: 0px 1px 2px #aaa;
}
#bodyContent, #column-content, #content {
background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
}
#header {
  width: 1080px;
  height: 342px;
  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; */
}
#menu {
  display: block;
  width: 1076px;
  padding: 0px;
  background-color: black;
  border: 2px solid #888;
  margin-bottom: 30px;
}
ul.menu li a {
  display: block;
/*  border: 1px solid #474655; */
  padding: 8px;
  text-decoration: none;
/*  color: #333; */
  color: #fff;
  width: 120px;
  margin: 0px;
  text-align: center;
  font-size: normal;
}
ul.menu li a:hover{
  color: cyan;
}
ul.menu {
/*  display: none;
  position: absolute; */
  height: 45px;
  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;
  height: 30px;
}
ul.submenu li a {
  text-align: left;
  margin: 0px;
  padding-left: 12px;
  color: black;
  text-decoration: none;
}
ul.submenu li a:hover {
  color: gray;
}


#youtube {
#youtube {
Line 191: Line 79:
.block p {
.block p {
font-size: x-small;
font-size: x-small;
}
#myfooter {
width: 1080px;
height: 250px;
background: #f0f0f0;
  padding: 12px;
border: 1px solid #808080;
}
#myfooter a {
  color: #666;
}
#myfooter h3 a {
  text-decoration: underline;
}
#myfooter a:hover {
  font-style: italic;
}
#footer-contents {
  padding: 12px;
  height: 140px;
}
#myfooter h2 {
  color: #888;
}
.footer-section {
width: 120px;
float: left;
margin-right: 30px;
}
#section7 {
  float: right;
}
.footer-section h3 {
  font-size: small;
}
#copyright {
  text-align: center;
  color: #aaa;
}
}


Line 252: Line 91:


   <div id="wrapper">
   <div id="wrapper">
    <div id="header">
    </div>
    <div id="menu">
      <ul class="menu">
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a>
  <ul class="submenu">
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro#Focus">Focus</a></li>
  </ul>
</li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></li>
<li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>
      </ul>
    </div>


     <div id="description">
     <div id="description">
Line 337: Line 155:
       </div>
       </div>
     </div>
     </div>
  </div>
  <div id="myfooter">
    <h2 style="border-bottom: none;">BIOMOD 2012 Team UT-Hongo</h2>
    <hr>
    <div id="footer-contents">
      <div class="footer-section" id="section1">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo">Top</a></h3>
<ul>
  <li><a href="Biomod/2012/UTokyo/UT-Hongo#youtube">YouTube Video</a></li>
  <li><a href="Biomod/2012/UTokyo/UT-Hongo#description">Abstract</a></li>
</ul>
      </div>
      <div class="footer-section" id="section2">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></h3>
<ul>
  <li></li>
</ul>
      </div>
      <div class="footer-section" id="section3">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></h3>
<ul>
  <li></li>
</ul>
      </div>
      <div class="footer-section" id="section4">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Assembly">Result</a></h3>
<ul>
  <li></li>
</ul>
      </div>
      <div class="footer-section" id="section5">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></h3>
<ul>
  <li></li>
</ul>
      </div>
      <div class="footer-section" id="section6">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/FutureWork">Future Work</a></h3>
<ul>
  <li></li>
</ul>
      </div>
      <div class="footer-section" id="section7">
<h3><a href="Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></h3>
<ul>
  <li></li>
</ul>
      </div>
    </div>
    <p id="copyright">
      Copyright (C) 2012 | Design by Yuichi Nishwiaki | BIOMOD Team UT-Hongo
    </p>
    <br style="clear: both;">
   </div>
   </div>
</div>
</div>
</body>
</body>
</html>
</html>
{{Biomod/2012/UTokyo/UT-Hongo/Footer}}

Revision as of 15:28, 21 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>

  1. youtube {

margin-bottom: 30px; }

  1. video {

}

  1. description {

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

.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.thumb {

 width: 338px;
 height: 215px;

}

.column a:hover img {

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

}

.column { width: 338px; height: 510px; 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>

Medical DNA Shell

<img src="http://openwetware.org/images/e/e8/Biomod-2012-UTokyo-UT-Hongo-Idia-4.jpg" width="350px"></img>

fig1. Schematic of Medical DNA Shell system

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.

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.

     

YouTube

<iframe width="1080" height="608" src="http://www.youtube.com/embed/KaU-tjKYBlQ" frameborder="0" allowfullscreen></iframe>

</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>