Biomod/2013/CUMC/Images.html

From OpenWetWare
Revision as of 09:12, 27 October 2013 by Masaharu Ono (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Images</title> <style> body { margin: 0px; }

  1. menu{

background-color:#0CF; color: #FFF; height: 40px; border-bottom: 2px solid #DDD; box-shadow: 1px 2px 9px #B1B1B1; border-top: 2px solid #DDD; }

  1. menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
  2. menu ul{height:45px;width:100%;}
  3. menu li{float:left;display:inline;position:relative;font:bold 0.8em Arial;text-shadow: 1px 2px 4px #838383;}
  4. menu a{display: block;

line-height: 40px; padding: 0 14px; text-decoration: none; color: #FFF; }

  1. menu li a:hover{

color:#CCC; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; background:#666; }

  1. menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
  2. menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
  3. menu label span{font-size:16px;position:absolute;left:35px}
  4. menu ul.menus{

height: auto; overflow: hidden; width: 170px; background: #50B7DC; position: absolute; z-index: 99; display: none; }

  1. menu ul.menus li{

display: block; width: 100%; font:normal 0.8em Arial; text-transform: none; text-shadow: none; border-bottom: 1px dashed #31AFDB; }

  1. menu ul.menus a{

color: #FFF; line-height: 35px; }

  1. menu li:hover ul.menus{display:block}
  2. menu ul.menus a:hover{

background: #5FC6EB; color: #FFF; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @media screen and (max-width: 1050px){ 

 #menu{position:relative} 
 #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} 
 #menu ul.menus{width:100%;position:static;padding-left:20px} 
 #menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;} 
 #menu input,#menu label{position:absolute;top:0;left:0;display:block} 
 #menu input{z-index:4} 
 #menu input:checked + label{color:white} 
 #menu input:checked ~ ul{display:block}

} </style>



<![endif]-->


</head> <body>

<a class="fancybox" href="http://www.cumc.columbia.edu/"><img src="http://i920.photobucket.com/albums/ad48/himynameisparth/columbia_logo_zpse5bce01f.jpg" width="215" height="100" align="top"></a>

Columbia University NanoMechanists

<nav id='menu'> <input type='checkbox'/> <label>≡Navigation</label> 

   </nav>

Renderings

<img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.89.png/643345719" width="100%"> 
<img src= "https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.90.png/643345725" width="100%"> 
<img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.91.png/643345826" width="100%"> 
<img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.95.png/643437535" width="100%"> 

The first and second renderings show the aptamer lock closing. In the third rendering, the aptamer lock has sensed the presence of the molecule it was designed to be specific to. Thus, it's payload is released (fourth rendering).

Quick Links



Stojanovic Research Group
© 2013 by NanoMechanists
Site is best viewed in full screen (site adapts to screen size)


</body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/CUMC/Images.html&oldid=750795"