Biomod/2013/CUMC: Difference between revisions
Masaharu Ono (talk | contribs) (New page: <!--[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]><!-...) |
Masaharu Ono (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 127: | Line 122: | ||
<label>≡<span>Navigation</span></label> | <label>≡<span>Navigation</span></label> | ||
<ul class="fluid"> | <ul class="fluid"> | ||
<li><a href=' | <li><a href='index2.html'>Home</a></li> | ||
<li><a href='about.html'>About Us</a></li> | <li><a href='about.html'>About Us</a></li> | ||
<li><a href=' | <li><a href='index2.html'>Project<font size='1'>▼</font></a> | ||
<ul class='menus'> | <ul class='menus'> | ||
<li><a href='Intro.html'>Abstract and Introduction</a></li> | <li><a href='Intro.html'>Abstract and Introduction</a></li> | ||
Line 141: | Line 136: | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href=' | <li><a href='index2.html'>Related Sites<font size='1'>▼</font></a> | ||
<ul class='menus'> | <ul class='menus'> | ||
<li><a href='http://www.cumc.columbia.edu/dept/medicine/BasicResearchers/Stojanovic.html'>Stojanovic Research Site</a></li> | <li><a href='http://www.cumc.columbia.edu/dept/medicine/BasicResearchers/Stojanovic.html'>Stojanovic Research Site</a></li> | ||
Line 204: | Line 199: | ||
</script> | </script> | ||
</body> | </body> | ||
Revision as of 22:19, 24 October 2013
<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; }
- menu{
background-color:#0CF; color: #FFF; height: 40px; border-bottom: 2px solid #DDD; box-shadow: 1px 2px 9px #B1B1B1; border-top: 2px solid #DDD; }
- menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
- menu ul{height:45px;width:100%;}
- menu li{float:left;display:inline;position:relative;font:bold 0.8em Arial;text-shadow: 1px 2px 4px #838383;}
- menu a{display: block;
line-height: 40px; padding: 0 14px; text-decoration: none; color: #FFF; }
- 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; }
- menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
- menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
- menu label span{font-size:16px;position:absolute;left:35px}
- menu ul.menus{
height: auto; overflow: hidden; width: 170px; background: #50B7DC; position: absolute; z-index: 99; display: none; }
- menu ul.menus li{
display: block; width: 100%; font:normal 0.8em Arial; text-transform: none; text-shadow: none; border-bottom: 1px dashed #31AFDB; }
- menu ul.menus a{
color: #FFF; line-height: 35px; }
- menu li:hover ul.menus{display:block}
- 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 Dept of Experimental Therapeutics |
<nav id='menu'> <input type='checkbox'/> <label>≡Navigation</label>
- <a href='index2.html'>Home</a>
- <a href='about.html'>About Us</a>
- <a href='index2.html'>Project▼</a>
- <a href='index2.html'>Related Sites▼</a>
</nav>
<img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Multi-Aptamer-Animation-%28HighRes%29-.gif/643332618"></a> |
Quick Links
|
© 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>