Biomod/2012/Tianjin/Project/Origami

From OpenWetWare
Revision as of 10:56, 27 October 2012 by Andi Wangzhou (talk | contribs)
Jump to navigationJump to 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. frametext {

font-family:Cambria,Calibri; font-size:140%; line-height:140%; float:left; width:310px;

</style> <!-- Abstract in the page starts here -->

<div id="tianjin-right-content"> <ul><li> <a href="#" title="#">Background</a> </li><li> <a href="#" title="#">The Logic Gate</a><div class="tianjin-description">1xxx</div> </li><li> <a href="#" title="#">Y-DNA</a><div class="tianjin-description">2xxx</div> </li><li> <strong class="selflink">The Origami Amplifier</strong><div class="tianjin-description">3xxx</div> </li></ul> </div>

<!-- main text frame starts here -->

<div id="outborder" style="background: #FAFAFA url(http://biomod.net/sites/all/themes/biomod/images/stripe.png) repeat; height:360px; width:640px; padding:10px;"> <div id="inborder" style="background: #fff;height:340px;width:620px;padding:10px;font-family:"Calibri";font-size:200%;"> <a href="http://openwetware.org/index.php?title=Biomod/2012/Tianjin/Project/Origami&action=edit">this page edit</a> <div id="frametext"><br><br><span style="font-size:300%;">T</span>his year, we used the design from 2012 Harvard BIOMOD team to build the origami. What’s different is that we load ssDNAs on the staple strand. The ssDNAs can serve as the substrate of logic gate of 8-17 and Cuzyme, thus the release can be controlled by it. This new origami can serve as a miRNA delivery system based on ion detection.</div> </div> </div>


<!-- text starts here --> <div id="text-content"> </html>



<html>

<html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2012/Tianjin/Project/Origami&oldid=645932"