Biomod/2012/Tianjin/Attributions

From OpenWetWare
Jump to: navigation, search

<html> <style> /* Back to top css */ .back-to {

   position: fixed;
   bottom: 35px;
   *bottom: 50px;
   _bottom: 35px;
   right: 10px;
   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
   }

/* changed default background */

.container{background-color: #ffffff; margin-top:0px}

  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. column-one {display:none; width:0px;background-color: #ffffff;}
  1. globalWrapper{width: 970px; background-color: #ffffff; margin-left: auto; margin-right: auto;

-moz-box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 0px 0px 15px #ccc; box-shadow: 0px 0px 15px #ccc;}

  1. content{ margin: 0 0 0 0; align: center; padding: 12px 12px 12px 12px; width: 940px;background-color: #ffffff; border: 0;}
  2. bodyContent{ width: 940px; align: center; background-color: #ffffff;}
  3. column-content{width: 970px;background-color: #ffffff;}

body { background: url(http://openwetware.org/images/1/13/TJU2012-Bg.gif) repeat-x #F9F9F7; }


/* basic link rules */


a:link { color: #4F6DDC; } a:visited { color: #4F6DDC; } a:hover { color: #4F6DDC; text-decoration: none; }


/* -- navigator css -- */

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

{ position: relative; height: 40px; width:970px; left: -12px; top: 0px; background-color: #111; background-repeat: repeat-x; box-shadow: 0px 5px 8px rgba(0,0,0,0.4); margin-bottom:20px; }


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

}

  1. navDiv > ul > li > a {
   color: #aaa;
   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;

}

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


  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 .3s .1s;

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

-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 > 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;}
  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 a:hover {background-color: rgb(240,240,240);}


  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;}


  1. navDiv ul ul a:hover

{

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

}


/* Abstract in pages css */

  1. tianjin-right-content {

float: right; width: 280px; margin-left: 20px; font-family:"Calibri"; font-size:120%; }

  1. tianjin-right-content ul {

margin: 0; padding: 0 1em; }

  1. tianjin-right-content ul li {

list-style: none; margin: 0 0 1em 0; } .tianjin-description { font-size: small; color: #8A8A8A; }

/* Text content css*/

  1. text-content {

width:620px; font-family:"Calibri"; font-size:120%; padding: 10px 10px 10px 10px; }

/* footer in the middle */

  1. footer{position: center; width: 970px;}

</style>

<!--header starts here-->

<div id="header"> <div class="title" style="height: 180px;"> <a href="http://openwetware.org/wiki/Biomod/2012/Tianjin"><img src ="http://openwetware.org/images/7/79/TJU2012-Header.png"></a> <div style="float:right;"><img src="http://openwetware.org/images/c/cd/TJU2012-logo.png"></div> <div class="topsearch" style="position:absolute;top:175px;right:90px;"> <form method="GET" action="http://www.google.com/search"> <input type="hidden" name="hl" value="en"> <input type="hidden" name="sitesearch" value="openwetware.org"> <input type="hidden" name="domains" value="openwetware.org"> <input type="hidden" name="as_epq" value="Tianjin"> <input type="text" name="q" class="frm"><input type="submit" class="btn" value="Search"> </form> </div> </div> </div>

<!--navigator starts here-->

<div id="navDiv">

<ul>

  	    <li class='active '><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin'><span>Home</span></a></li>
  	    <li class='active '><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Team'><span>Team</span></a>
       </li>
  	    <li class='has-sub'><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background'><span>Designs</span></a>
  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background'><span>Background</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/LogicGate'><span>The Logic Gate</span></a></li>
               <li><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/YDNA"><span>Y-DNA</span></a></li>
               <li><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Origami"><span>The Origami Amplifier</span></a></li>
 	        </ul>   

</li>

<li class='has-sub'><a href='#'><span>Experiments and Results</span></a>

  	        <ul>
  	            <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/LogicGate'><span>The Logic Gate</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/YDNA'><span>Y-DNA</span></a></li>
               <li><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Result/Origami'><span>The Origami Amplifier</span></a></li>

</ul>

       </li>   	
  	    <li class='active'><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Protocol"><span>Protocol</span></a> 

</li>

           <li class='active'><a href='http://openwetware.org/wiki/Biomod/2012/Tianjin/Attributions'><span>Attributions</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>


</html>

<html>

<style>

  1. toc {

width:260px; margin-right:10px; }

.tocbefore { position:absolute; }

.tocafter { position:fixed; top:30px; }

</style>

<script type="text/javascript"> function getScrollTop() {

   var scrollPos; 
   if (window.pageYOffset) { 
       scrollPos = window.pageYOffset; 
   } 
   else if (document.compatMode) { 
   	if(document.compatMode != 'BackCompat')
   	{
       	scrollPos = document.documentElement.scrollTop; 
       }
       else if (document.body) 
       { 
       	scrollPos = document.body.scrollTop; 
   	}
   } 
   if(scrollPos < 290){

document.getElementById("toc").className="tocbefore"; } else{ document.getElementById("toc").className="tocafter"; } } window.onscroll=getScrollTop; </script>

<div style="width:280px;float:right;font-family:Calibri;font-size:120%"> <table id="toc" class="tocbefore" summary="Contents"><tbody><tr><td><div id="toctitle"><h2>Contents</h2> </div> <ul> <li class="toclevel-1"><a href="#Acknowledgement"><span class="tocnumber">1</span> <span class="toctext">Acknowledgement</span></a></li> <li class="toclevel-1"><a href="#References"><span class="tocnumber">2</span> <span class="toctext">References</span></a> <ul> <li class="toclevel-2"><a href="#Main_References"><span class="tocnumber">2.1</span> <span class="toctext">Main References</span></a></li> <li class="toclevel-2"><a href="#Strongly_Recommended_Reading"><span class="tocnumber">2.2</span> <span class="toctext">Strongly Recommended Reading</span></a></li> </ul> </li> </ul> </td></tr></tbody></table> </div> <!-- text starts here --> <div id="text-content"> </html>

Acknowledgement

We are very grateful for Professor Yingjin Yuan, Professor Wei Li and Assistant Professor Xiaobin Fan. They provided us with generous guidance and research resources.

Thanks to Adam Marblestone and Mingjie Dai from Harvard University who came so far and worked with us for one week.

Thanks to Professor Dan Luo from Cornell University for his advice on our project

References

Main References

DNA logic gate

  • Liu J, Lu Y, A DNAzyme Catalytic Beacon Sensor for Paramagnetic Cu2+ Ions in Aqueous Solution with High Sensitivity and Selectivity[J], J. Am. Chem. Soc., 2007(129): 9838-9839.
  • Wang H, Kim Y, Liu H, Zhu Z, Bamrungsap S, Tan W, Engineering a Unimolecular DNA-Catalytic Probe for Single Lead Ion Monitoring[J], J. Am. Chem. Soc., 2009(131): 8221–8226.
  • Stojanovic M N, Stefanovic D, A deoxyribozyme-based molecular automaton[J], Nature Biotechnology, 2003(21): 1069-1074.

Y-DNA

  • Um S H, Lee J B, Park N, Kwon S Y, Umbach C C, Luo D, Enzyme-catalysed assembly of DNA hydrogel[J], Nature Materials, 2006(5): 797-801.

The Origami Amplifier

  • Harvard BIOMOD 2011 wiki

Strongly Recommended Reading

DNA logic gate

  • Penchovsky R, Braker R R, Computational design and experimental validation of oligonucleotide-sensing allosteric ribozymes[J], Nature Biotechnology, 2005(23): 1424-1433.
  • Stojanovic M N, Stefanovic´ D, Deoxyribozyme-Based Half-Adder[J], J. Am. Chem. Soc., 2003(125): 6673-6676.
  • Macdonald J, Li Y, Sutovic M, Lederman H, Pendri K, Lu W, Andrews B L, Stefanovic D, Stojanovic M N, Medium Scale Integration of Molecular[J], Nano Letters, 2006(6): 2598-2603.

Y-DNA

  • Park N, Um S H, Funabashi H, Xu J, Luo D, A cell-free protein-producing gel[J], Nature Materials, 2009(8): 432-437
  • Li Y, Tseng Y D, Kwon S Y, Espaux L D, Bunch J S, Mceuen P L, Luo D, Controlled assembly of dendrimer-like DNA, Nature Materials, 2004(3): 38-42.


<html> </div> <html>