Biomod/2014/experiment.html

From OpenWetWare
Revision as of 04:16, 29 August 2014 by Jin Tiansheng (talk | contribs)
Jump to navigationJump to search

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">

body { 

    display:block;
    background-color:#99CCFF;
    background-image: url(http://openwetware.org/images/archive/f/f9/20140815130823%21Tianjin_index01.jpg);
    }

.ys01 { 

     text-align: left;
     }

/* --the header css -- */

  1. apDiv1 {

position:relative; 

       float:left;

left:0px; top:0px; 

       margin-right:0px;

width:1000px; height:150px; z-index:1; overflow: visible; text-align: left; background-image: url(http://openwetware.org/images/6/6a/Tianjin_index22.png); 

       }

/* -- navigator css -- */

  1. apDiv2 {

position:relative; float:left; 

       left:0px;

width:1000px; height:40px; z-index:2; font-family: "Arial Black", Gadget, sans-serif; text-align: left; background-image: url(http://openwetware.org/images/thumb/7/76/Tianjin_index02.jpg/800px-Tianjin_index02.jpg); 

       }
  1. apDiv2 table {

font-size: 18px; 

             text-align: center;
             }


.ys01 #apDiv2 table { text-align: center; 

                   }

.ys01 #apDiv2 table tr td a { color: #FFF; 

                           }

/* -- navigator css -- */

  1. navDiv li { margin: 0; padding: 0;}
  2. navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;}
  3. navDiv a {text-decoration: none;margin: 0; padding: 0;}
  4. navDiv

{ 

       /* -- background body of navigator css -- */

position: relative; 

       float: left;

height: 40px; width:1000px; left: 0px; background-color: #ffffff; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:40px; 

       z-index:60;
       font-family: "Arial Black", Gadget, sans-serif;
       text-align: left;

}

  1. navDiv > ul > li {
   float: left;
   margin-left: 60px;
   position: relative;

}

/* -- when mouse not on the navigator css -- */

  1. navDiv > ul > li > a {
   color: #333333;
   font-family: Verdana, 'Lucida Grande';
   font-size: 15px;
   line-height: 40px;
   padding: 11px 20px;

-webkit-transition: color .15s; 

  -moz-transition: color .15s;
    -o-transition: color .15s;
       transition: color .15s;

}

/* -- when mouse on the navigator css -- */

  1. navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;}

/* -- top and bottom of the sub meun css -- */

  1. navDiv > ul > li > ul

{ 

   opacity: 0;
   visibility: hidden;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   position: absolute;
   top: 30px;
   left: 50%;
   margin-left: -90px;
   width: 180px;

-webkit-transition: all 0.3s 0.1s; 

  -moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
       transition: all 0.3s 0.1s;

-webkit-border-radius: 5px; 

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

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); 

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,0.4);

}

  1. navDiv > ul > li:hover > ul

{ 

   opacity: 1;
   top: 40px;
   visibility: visible;

}

  1. navDiv > ul > li > ul:before

{ 

   content: '';
   display: block;
   border-color: transparent transparent rgb(250,250,250) transparent;
   border-style: solid;
   border-width: 10px;
   position: absolute;
   top: -20px;
   left: 50%;
   margin-left: -10px;

}

  1. navDiv > ul ul > li { position: relative;}

/* -- when mouse not on the submeun css -- */

  1. navDiv ul ul a

{ 

   color: rgb(50,50,50);
   font-family: Verdana, 'Lucida Grande';
   font-size: 13px;
   background-color: rgb(250,250,250);
   padding: 5px 8px 7px 16px;
   display: block;

-webkit-transition: background-color .1s; 

  -moz-transition: background-color .1s;
    -o-transition: background-color .1s;
       transition: background-color .1s;

}

  1. navDiv ul ul ul

{ 

   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: -16px;
   left: 206px;
   padding: 16px 0 20px 0;
   background-color: rgb(250,250,250);
   text-align: left;
   width: 160px;

-webkit-transition: all .3s; 

  -moz-transition: all .3s;
    -o-transition: all .3s;
       transition: all .3s;

-webkit-border-radius: 5px; 

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

-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); 

  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
       box-shadow: 0px 1px 3px rgba(0,0,0,.4);

}

  1. navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}

/* -- when mouse on the navigator css -- */

  1. navDiv ul ul a:hover

{ 

   background-color: #777777;
   color: rgb(240,240,240);

}


/* Back to top css */

.back-to { 

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: -160px;
   z-index: 999;
   width: 50px;
   zoom: 1;
   }
  • html .back-to {
   /* 不能用 _position 这种写法，因为它在IE7+也会执行expression。。。 */
   position: expression(function(ele){ele.runtimeStyle.position='absolute';Expressions.style.position.fixed(ele);}(this))
   }

.back-to { 

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-home.png) no-repeat 0 0;
   outline: 0 none;
   text-indent: -9999em;

   }

.back-to:hover { 

   background-position: -50px 0
   }

.back-to .back-top { 

   float: right;
   display: block;
   width: 50px;
   height: 50px;
   background: url(http://a.xnimg.cn/imgpro/button/back-top.png) no-repeat 0 0;
   margin-left: 10px;
   outline: 0 none;
   text-indent: -9999em;
   }

.back-to .backtotop { 

   float: left;
   display: block;
   width: 50px;
   height: 50px;
   background: #666 url(http://a.xnimg.cn/imgpro/arrow/btt.png) 8px -57px no-repeat;
   margin-bottom: 15px;
   outline: 0 none;
   text-indent: -9999em;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
   }

.back-to .backtotop:hover { 

   background-color: #333;
   background-position: 8px 13px;
   }

.back-to .backtotop .back-tip { 

   position: absolute;
   visibility: hidden;
   top: -31px;
   left: -10px;
   }

.back-to .backtotop:hover .back-tip { 

   visibility: visible;
   }

.back-to .back-top:hover { 

   background-position: -50px 0;
   }


  1. apDiv3 table {

text-align: center; 

             }

.ys01 #apDiv6 table { text-align: left; 

                    }


.ys02 { 

     font-size: 36px;
     color: #F00;
     }
  1. apDiv10 {
        position:relative;

float:left; 

        display:block;
        left:0px;

width:1000px; z-index:3; text-align:left; font-family: "Comic Sans MS", cursive; font-size: 18px; color: #000; background-color: #D2E9FF; 

        padding: 20px;
        }

</style> </head>



<body class="ys01";>

<!--header--> <div id="apDiv1"></div>


<!--navigator starts here--> 

<div id="navDiv">

<ul> 

  	    <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li>
  	    <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li>
                   <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li>
 	        </ul>   
           </li>
  	    
           <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a>
  	        <ul>
  	            <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#strand replacement reaction"><span>Strand Replacement Reaction</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#synthesis of au-dna-cy3"><span> Synthesis of AU-DNA-CY3</span></a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li>
               </ul> 			
           </li>   	
  	    
           <li class='active'><a href="http://openwetware.org/wiki/Biomod/2014/result.html"><span>Protocol</span></a>

</li> 

           <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</span></a>
           </li>

</ul> </div>

<div id="toolBackTo" class="back-to" style="left: 1175px; "> <a stats="site_footer_back_to_top" class="backtotop" href="#top" onclick="if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = 'static';window.scrollTo(0,0);if(Sizzle('#sidebar2 .ready-to-fix')[0]) Sizzle('#sidebar2 .ready-to-fix')[0].style.position = '';return false;">Back to top <img stats="site_footer_back_to_top" src="http://openwetware.org/images/a/a7/TJU2012-Back-tip.png" class="back-tip"> </a> </div>


<div id="apDiv10">

<a name="strand replacement reaction"></html>

Strand Replacement Reaction

<html></a></html> xbzxbgafasdgasgvwaq

<html><a name="synthesis of au-dna-cy3"></html>

Synthesis of AU-DNA-CY3

<html></a></html>

<html><a name="dna origami"></html>

Fig 1. Lasers triggered the photothermal effect and raised the local temperature above the melting temperature of the DNA duplex, which allowed the nonthiolated strand to dissociate into the surrounding medium while its complement remained attached to the gold nanoparticle.

In order to assemble the origami-GNPs complex by attaching GNPs to DNA origami as illustrated in Figure 1, we use thiol-modified oligonucleotides (short synthetic DNA sequences) which can be loaded onto the surface of GNPs to combine GNPs and DNA. And we choose Cy3 fluorescent dye to target the DNA strand for detection the result of combination. GNPs are fixed onto the DNA origami by linking them to staple strands whose 5’end are modified with lipoic acid. Upon hybridization between DNA tails on DNA origami and single staple strands on GNPs, GNPs are attached to the DNA origami, resulting in the formation of origami-GNPs complex. DNA origami is used for in vivo delivery of chemotherapeutic drugs in our project. Originally, the photothermal property of GNPs was used in biologically relevant studies to destroy cancer cells, while, in our project, it has been harnessed as a means to optically elicit the release of drugs encapsulated in DNA origami.

DNA Origami

<html></a></html> ahjfjdpasfjopafj


<html> </div> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2014/experiment.html&oldid=813831"