Biomod/2013/CUMC

From OpenWetWare
Revision as of 16:08, 28 October 2013 by Masaharu Ono (talk | contribs)
Jump to: navigation, search

<html> <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]--> <!--[if IE 7]> <html class="ie7 oldie"> <![endif]--> <!--[if IE 8]> <html class="ie8 oldie"> <![endif]--> <!--[if gt IE 8]><!--> <html class=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Columbia NanoMechanists</title> <link href="../lts_website/boilerplate.css" rel="stylesheet" type="text/css"> <link href="../lts_website/styles/responsive2.css" rel="stylesheet" type="text/css"> <link href="../lts_website/styles/responsive_style.css" rel="stylesheet" type="text/css"> <link href="../lts_website/styles/menu5.css" rel="stylesheet" type="text/css"> <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> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <link rel="stylesheet" href="../lts_website/_notes/source/jquery.fancybox.css" type="text/css" media="screen"> <script type="text/javascript" src="../lts_website/_notes/source/jquery.fancybox.pack.js"></script>



<![endif]-->


</head> <body> <div class="gridContainer clearfix"> <div id="div1" class="fluid clearfix"> <table width="100%" border="0" cellpadding="0"> <tr>

</tr> </table>

     </div>
  

<div id="div2" class="fluid clearfix">

 <table width="100%" border="0" cellpadding="5">
   <tr>
     <td width="47%" rowspan="2" style="min-width:20px;"><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></td>
     <td width="53%" height="53" align="right" valign="bottom" style="text-align: right"><p>Columbia University NanoMechanists</p>
       </td>
   </tr>
   
 </table>

</div>

<div id="div10" class="clearfix fluid">

<nav id='menu'> <input type='checkbox'/> <label>&#8801;<span>Navigation</span></label> <ul class="fluid"> <li><a href='http://openwetware.org/wiki/Biomod/2013/CUMC'>Home</a></li> <li><a href='CUMC/about.html'>About Us</a></li> <li><a href='CUMC/index2.html'>Project<font size='1'>&#9660;</font></a> <ul class='menus'> <li><a href='CUMC/Intro.html'>Abstract and Introduction</a></li> <li><a href='CUMC/Methods.html'>Materials and Methods</a></li> <li><a href='CUMC/Results.html'>Results and Discussion</a></li> <li><a href='CUMC/Conclusion.html'>Conclusion</a></li> <li><a href='https://skydrive.live.com/view.aspx?resid=6006BCA28B2E2BAF!123&app=OneNote&authkey=!AC3_eA_y21JncjE'>Lab Notes</a></li> <li><a href='CUMC/Images.html'>Images</a></li> <li><a href='CUMC/vid.html'>Video</a></li> </ul> </li> <li><a href='index2.html'>Related Sites<font size='1'>&#9660;</font></a> <ul class='menus'> <li><a href='http://www.cumc.columbia.edu/dept/medicine/BasicResearchers/Stojanovic.html'>Stojanovic Research Site</a></li> </ul> </li>

     </ul> 
   </nav>
   </div>
   <table width="100%" border="0" height="10">
 <tr>
   <td>&nbsp;</td>
 </tr>

</table> <div id="div3.1" class="clearfix"> <table width="100%" border="0">

   <tr>
     <td width=100%" valign="top"><!-- image rollover code by http://saypoint.blogspot.com --><a href="http://openwetware.org/wiki/Biomod/2013/CUMC/vid.html" ><img src=" https://www.cubby.com/pl/Multi-Aptamer-Still-(HighRes-with-Transperency-No-Aptamer).gif/_fa5a93f98458407d8d06477ac1385aae " onmouseover="this.src=' https://www.cubby.com/pl/Multi-Aptamer-Still-(HighRes-with-Transperency)-.gif/_603e385376b14fef823047fcc3f53d0c '" onmouseout="this.src= ' https://www.cubby.com/pl/Multi-Aptamer-Still-(HighRes-with-Transperency-No-Aptamer).gif/_fa5a93f98458407d8d06477ac1385aae '"  /></a></a></td>
 </tr>

</table>

</div> <div id="div8" class="clearfix fluid"> <table width="100%" table height="10px" border="0" style="background-image:url(../lts_website/images/gradient_bar_bevel3.jpg);">

 <tr>
   <td></td>
 </tr>

</table> </div>

<div id="div6" class="clearfix fluid">


<table width="100%" class="rounded" border="0" style="background-image:url(http://i920.photobucket.com/albums/ad48/himynameisparth/gray_gradient_zps8eb773b0.jpg); border-image:round;">

 <tr>
   <td rowspan="2"><table width="100%" border="0">
     <tr>
       <td height="34" align="left" valign="top" class="visit2">Stojanovic Research Group</td>
       </tr>
   </table></td>
   <td height="36" align="right" class="visit3">©  2013 by NanoMechanists</td>
 </tr>
 <tr>
   <td align="right" valign="bottom" class="visit3">Site is best viewed in full screen (site adapts to screen size)<br></td>
 </tr>

</table>


</div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".fancybox").fancybox(); }); </script> </body> </html>