Biomod/2012/TeamSendai/Simulation
<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>
- Container
{ 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; }
- 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; }
- menu li:hover > a
{ color: #fafafa; }
- html #menu li a:hover /* IE6 */
{ color: #fafafa; }
- menu li:hover > ul
{ display: block; }
/* Sub-menu */
- 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: 800px;
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}
ol#mokuji {font-size: 1.00em; margin-left: 0; padding-left: 0}
/* コンテンツ */
div#Content {width: 800px;
margin-left: auto;
margin-right: auto}
div#Content h2 { background-color: # f5f5dc; font-size: 1.50em; color: #000000; line-height: 10px; padding-left: 12px; margin-top: 20px; margin-bottom: 0}
div#Content h3 {background-color: #ffffff; background-image: url(maru-skyblue.png); background-repeat: no-repeat; background-position: 0px 2px; font-size: 0.875em; line-height: 22px; padding-left: 26px; margin-top: 30px; margin-bottom: 0; margin-left: 12px; margin-right: 12px}
div#Content p {font-size: 1.25em; line-height: 1.6; margin-top: 10px; margin-left: 12px; margin-right: 12px} </style> </head>
<body> <div id="Container">
<ul id="menu"> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendai/FinalTop#">Top</a></li> <li> <a href="#">Project</a> <ul> <li> <a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Idea">Idea</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> </ul> </li> <li> <a href="#">Experiment</a> <ul> <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><a href=" http://openwetware.org/wiki/Biomod/2012/TeamSendai/Method">Method</a> </li> </ul> </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> </ul>
<!--目次 --> <div id="mokuji"> <h2>Contents</h2> <ol> <li><a href="#Calculation">Calculation</a></li> <li><a href="#Model&Fomula">Model&Fomula</a></li> <li><a href="#Electric Potential">Electric Potential</a></li>
</ol> </div>
<p> <br><br>
</p>
<a name="Calculation"></a><h2>Calculation</h2> <p>
A phosphodiester bond make up the backbone of each helical strand of DNA. <br> The phosphate groups in the phosphodiester bond are negatively-charged.<br> Because gate is produced by DNA, we can not ignore the influence of the Coulomb force.<br> So we calculate the electric potential near the gate.
</p>
<a name="Model&Fomula"></a><h2>Model&Fomula</h2> <p> <br> Sets the coordinates as follows.<br>
<img src="http://openwetware.org/images/9/90/Cy.png" width="350px" height="300px"> <img src="http://openwetware.org/images/6/66/Lin.jpg" width="420px" height="300px"><br> <br><br><br> And we use follow fomula to calculate electric potential.<br><br> Debye–Hückel equation<br> <img src="http://openwetware.org/images/e/ec/Potential_fomula.png" width="300px" height="90px"><br> <br> Debye length<br> <img src="http://openwetware.org/images/9/9f/Debye.png" width="330px" height="100px"><br>
</p>
<a name="Electric Potential"></a><h2>Electric Potential</h2> <p> <br> Electric potential changing z-axis at x-axis and y-axis is 0.<br>
<img src="http://openwetware.org/images/0/09/1014x0y0potential.png" width="620px" height="450px"><br> the length of the gate is 88bp, 30nm. </p>
</div>
</body> </html>