Biomod/2013/CUMC

From OpenWetWare
Revision as of 14:43, 28 October 2013 by Masaharu Ono (talk | contribs)
Jump to navigationJump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

<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='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="#" ><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>