Biomod/2013/CUMC

From OpenWetWare
Revision as of 08:21, 27 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>

<html class="">

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

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


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


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