Biomod/2012/Tohoku/Team Sendai

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
-
<!-- ヘッダー -->
 
<html>
<html>
-
<div id="Header">
+
<head>
-
<h1 style="margin-top:-50px;"><!--Team Sendai--><img src="http://openwetware.org/images/c/c2/Title-kai.png" ></h1>
+
    <title>Team Sendai Top</title>
-
<p>Tohoku University</p>
+
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
-
</div>
+
    <script type="text/javascript">
-
</html>
+
        $(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>
 +
body{
 +
  background-image:url(http://openwetware.org/images/7/78/Office.png); /*壁色と壁紙設定*/
 +
  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
 +
  font:"メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 +
  color: #333333;
 +
  margin:0px;
 +
  padding:0px;
 +
}
-
{{:Biomod/2012/Tohoku/Team_Sendai/header}}
+
#Container
 +
{
 +
Background-image: url(http://openwetware.org/images/6/62/Wall4.png);
 +
width: 960px;
 +
margin: 40px auto;
 +
}
 +
/* Main menu */
 +
#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;
 +
}
 +
#menu li
 +
{
 +
float: left;
 +
padding: 0 0 10px 0;
 +
position: relative;
 +
line-height: 0;
 +
}
-
<html>
+
#menu a
-
<div id="Cntainer">
+
{
-
<!—二段組み本文 -->
+
float: left;
-
<text-align="center"><h1>We want to create a new channel made of DNA!!(躍動感のあるフォントが欲しい)</h1>
+
height: 25px;
-
<p>
+
padding: 0 25px;
-
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.
+
color: #999;
-
Such a new channel will be used…</br>
+
text-transform: uppercase;
-
1. In medical care, because it can transport new molecules that are unable to be transported into cells without DNA.</br>
+
font: bold 12px/25px Arial, Helvetica;
-
2. For sampling what we want from cells.</br>
+
text-decoration: none;
-
3. For BIOROOMBA by compositing with artificial liposome.( Off course use for DDS)
+
text-shadow: 0 1px 0 #000;
-
(図が欲しい)</br>
+
}
-
</p>
+
 +
#menu li:hover > a
 +
{
 +
color: #fafafa;
 +
}
-
<div id="pop">
+
*html #menu li a:hover /* IE6 */
-
<h2><!--Abstract-->Project Image</h2>
+
{
-
<img src="http://openwetware.org/images/4/46/Format_D-Heart.jpg" alt="D-Heart" width="400px"><br>
+
color: #fafafa;
-
</div>
+
}
-
<div id="pop">
+
#menu li:hover > ul
-
<h2>Movie</h2>
+
{
-
<!--
+
display: block;
-
<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>
+
-
<strong>Selector</strong>: Single stranded DNA. Once the outer-most ssDNA binds to a target, the target is passed to the inner-ones one by one.</br>
+
-
<strong>Gate</strong>: Cylindrical structure connecting the inside and outside like gates. A cascade of the "Selector" is planted in this. We can use this as an injector or extractor.</br>
+
-
<strong>Membrane</strong>: The exterior and the interior of the cell are compartmentalized by biomembranes. We use liposome as a model membrane.</br>
+
-
</p>
+
-
<a href=" http://openwetware.org/wiki/Biomod/2012/Team_Sendai_Old">Test page</a>
+
/* Sub-menu */
-
</div>
+
#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;
 +
}
 +
#menu ul ul
 +
{
 +
  top: 0;
 +
  left: 150px;
 +
}
 +
 +
#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;
 +
}
 +
 +
#menu ul li:last-child
 +
 +
    -moz-box-shadow: none;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;   
 +
}
 +
 +
#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;
 +
}
 +
 +
#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);
 +
}
 +
 +
#menu ul li:first-child > a
 +
{
 +
    -moz-border-radius: 5px 5px 0 0;
 +
    border-radius: 5px 5px 0 0;
 +
}
 +
 +
#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;
 +
}
 +
 +
#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;
 +
}
 +
 +
#menu ul li:first-child a:hover:after
 +
{
 +
    border-bottom-color: #04acec;
 +
}
 +
 +
#menu ul ul li:first-child a:hover:after
 +
{
 +
    border-right-color: #04acec;
 +
    border-bottom-color: transparent;
 +
}
 +
 +
 +
#menu ul li:last-child > a
 +
{
 +
    -moz-border-radius: 0 0 5px 5px;
 +
    border-radius: 0 0 5px 5px;
 +
}
 +
 +
/* Clear floated elements */
 +
#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#mokuji {width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #f5f5dc}
 +
 +
div#mokuji h2 { background-color: # f5f5dc;
 +
font-size: 1.50em;
 +
color: #000000;
 +
line-height: 45px;
 +
padding-left: 12px;
 +
margin-bottom: 0}
 +
 +
div#mokuji h3 {border-bottom:solid 3px #66aa66;
 +
font-size: 1.50em;
 +
line-height: 22px;
 +
padding-left: 12px;
 +
margin-top: 30px;
 +
margin-bottom: 0;
 +
clear: both}
 +
 +
 +
ol#mokuji {font-size: 1.00em;
 +
margin-left: 0;
 +
padding-left: 0}
 +
 +
 +
/*文字の設定*/
 +
h1{
 +
  font-size: 2.00em;
 +
  letter-spacing: 2px;
 +
  padding-left:10px;
 +
  margin: 0px;
 +
}
 +
 +
 +
h2{
 +
      font-size:1.8em;
 +
  border-left: 10px solid #000066;
 +
          border-bottom:solid 1px #000099;/*文字の下に線を入れる設定*/
 +
          width:900px;
 +
  padding-left: 5px;
 +
  color:#333333;  
 +
  margin-top: 15px;
 +
  margin-bottom: 5px;
 +
}
 +
 +
h3{
 +
      font-size:1.60em;
 +
border: solid 1px #111111;
 +
        color:#ffffff;
 +
background-color:#4682B4 ;
 +
line-height: 30px;
 +
  padding-left:10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 1px;
 +
}
 +
 +
p{
 +
      font-size:90%;/*全体の文字サイズ*/
 +
  line-height:150%;/*全体で使う、文字と文字の行間*/
 +
          margin-left:5px;
 +
}
 +
 +
p img{
 +
      float:left;
 +
          margin-top:5px;  /*写真の左にスペースを空ける*/
 +
          margin-left:5px;  /*写真の左にスペースを空ける*/
 +
  margin-right:10px;  /:写真と文字の間隔*/
 +
}
 +
 +
 +
h5{
 +
      font-size:120%;
 +
border: solid 1px #111111;
 +
        color:#ffffff;
 +
background-color:#FFA500;
 +
line-height: 30px;
 +
  padding-left:10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 1px;
 +
}
 +
 +
h6{
 +
      font-size:120%;
 +
border: solid 1px #111111;
 +
        color:#ffffff;
 +
background-color:#006400;
 +
line-height: 30px;
 +
  padding-left:10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 1px;
 +
}
 +
 +
#red{
 +
      font-size:120%;
 +
border: solid 1px #111111;
 +
        color:#ffffff;
 +
background-color:#DC143C;
 +
line-height: 40px;
 +
  padding-left:10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 1px;
 +
}
 +
 +
#blue{
 +
      font-size:120%;
 +
border: solid 1px #111111;
 +
        color:#ffffff;
 +
background-color:#191970;
 +
line-height: 40px;
 +
  padding-left:10px;
 +
  margin-top: 10px;
 +
  margin-bottom: 1px;
 +
}
 +
 +
#pop {
 +
width: 400px;
 +
margin: 20px;
 +
float: left
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
 +
 +
 +
<body>
 +
<div id="Container">
 +
<!-- 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/Design">Design</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/Experiment ">Experiment</a>
 +
<ul>
 +
<li>
 +
<a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/ Experiment#Gate">Gate</a> </li>
 +
<li>
 +
<a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Experiment#Porter">Porter</a> </li>
 +
<li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/ Experiment#Membrane">Membrane</a>
 +
</li>
 +
</ul>
 +
<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/Tohoku/Team Sendai/header"></a>
 +
</li>
 +
 +
</ul>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 08:08, 26 October 2012

Team Sendai Top

Personal tools