Team:Paris Bettencourt/header
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html> | + | <html> |
- | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
- | + | <!-- | |
- | + | Design by Free CSS Templates | |
- | + | http://www.freecsstemplates.org | |
- | + | Released for free under a Creative Commons Attribution 3.0 License | |
- | + | Name : Big Business 2.0 | |
- | + | Description: A two-column, fixed-width design with a bright color scheme. | |
- | + | Version : 1.0 | |
- | + | Released : 20120624 | |
- | + | --> | |
</html> | </html> | ||
- | <html> | + | <html> |
- | + | <head> | |
<meta name="description" content="" /> | <meta name="description" content="" /> | ||
<meta name="keywords" content="" /> | <meta name="keywords" content="" /> | ||
Line 27: | Line 27: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | // listen for scroll | |
- | + | // listen for scroll | |
- | + | var positionElementInPage = $('#menubarbleu').offset().top; | |
- | + | $(window).scroll( | |
- | + | $(function() { | |
- | + | if ($(window).scrollTop() >= positionElementInPage) { | |
- | + | // fixed | |
- | + | $('#menubarbleu').addClass("sticky"); | |
- | + | } else { | |
- | + | // relative | |
- | + | $('#menubarbleu').removeClass("sticky"); | |
- | + | } | |
- | + | }) | |
- | + | ); | |
+ | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | $(function() { | |
- | + | $('#menubarbleu > ul').dropotron({ | |
- | + | mode: 'fade', | |
- | + | globalOffsetY: 11, | |
- | + | offsetY: -15 | |
- | + | }); | |
- | + | }); | |
- | + | </script> | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | var _gaq = _gaq || []; | |
- | + | _gaq.push(['_setAccount', 'UA-34573161-1']); | |
- | + | _gaq.push(['_trackPageview']); | |
- | + | (function() { | |
- | + | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
- | + | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
- | + | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
- | + | })(); | |
- | + | </script> | |
- | <style> | + | <style> |
- | /* | + | /* |
- | Back to top button | + | Back to top button |
- | http://webdesignerwall.com/tutorials/animated-scroll-to-top | + | http://webdesignerwall.com/tutorials/animated-scroll-to-top |
- | */ | + | */ |
#back-top { | #back-top { | ||
- | + | position: fixed; | |
- | + | bottom: 30px; | |
- | + | margin-left: 1000px; | |
} | } | ||
#back-top a { | #back-top a { | ||
- | + | width: 80px; | |
- | + | display: block; | |
- | + | text-align: center; | |
- | + | font: 11px/100% Arial, Helvetica, sans-serif; | |
- | + | text-transform: uppercase; | |
- | + | text-decoration: none; | |
- | + | color: #bbb; | |
- | + | /* background color transition */ | |
- | + | -webkit-transition: 1s; | |
- | + | -moz-transition: 1s; | |
- | + | transition: 1s; | |
} | } | ||
#back-top a:hover { | #back-top a:hover { | ||
- | + | color: #000; | |
} | } | ||
/* arrow icon (span tag) */ | /* arrow icon (span tag) */ | ||
#back-top span { | #back-top span { | ||
- | + | width: 80px; | |
- | + | height: 80px; | |
- | + | display: block; | |
- | + | margin-bottom: 7px; | |
- | + | background: #ddd url() no-repeat center center; | |
- | + | /* rounded corners */ | |
- | + | -webkit-border-radius: 15px; | |
- | + | -moz-border-radius: 15px; | |
- | + | border-radius: 15px; | |
- | + | /* background color transition */ | |
- | + | -webkit-transition: 1s; | |
- | + | -moz-transition: 1s; | |
- | + | transition: 1s; | |
} | } | ||
#back-top a:hover span { | #back-top a:hover span { | ||
- | + | background-color: #777; | |
} | } | ||
</style> | </style> | ||
- | </head> | + | </head> |
- | <body> | + | <body> |
- | + | <div id="wrapper"> | |
<div id="header"> | <div id="header"> | ||
- | + | <a href="/Team:Paris_Bettencourt"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/e/ed/PB_Banner.png" | |
- | + | height="160px" | |
- | + | width="1000px" | |
- | + | style="position:relative;top:-46px;left:-46px"> | |
- | + | </a> | |
</div> | </div> | ||
<div id="menubarbleu" class=""> | <div id="menubarbleu" class=""> | ||
- | + | <ul> | |
- | + | <li class="first"> | |
- | + | <span class="opener">Main<b> </b></span> | |
- | + | <ul> | |
- | + | <li><a href="/Team:Paris_Bettencourt">Home</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Site_Map">Site Map</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Parts">Parts Submitted</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Contact">Contact</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li> <a href="https://2013.igem.org/Team:Paris_Bettencourt/Team">Team</a> </li> | |
- | + | <li> <span class="opener">Project<b> </b></span> | |
- | + | <ul> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Project/Overview">Overview</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Project/Drug_Screen">Drug Screen</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Project/Phage_Sensor">Phage Sensor</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Project/TB-ception">TB-ception</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Project/Trojan_Horse">Trojan Horse</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li> <span class="opener">Human Practice<b> </b></span> | |
- | + | <ul> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Human_Practice/Overview">Overview</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Human_Practice/Gender_Study">Gender Study</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li> <span class="opener">Safety<b> </b></span> | |
- | + | <ul> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li> <span class="opener">Notebook<b> </b></span> | |
- | + | <ul> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Notebook">Day Notes</a></li> | |
- | + | <li><a href="/Team:Paris_Bettencourt/Protocols">Protocols</a></li> | |
- | + | </ul> | |
- | + | <li> | |
- | + | </li> | |
- | + | <li class="last"> | |
- | + | <a href="/Team:Paris_Bettencourt/Attributions">Attributions</a> | |
- | + | </li> | |
- | + | </ul> | |
- | + | <br class="clearfix" /> | |
+ | </div> | ||
</div> | </div> | ||
- | |||
<p id="back-top"> | <p id="back-top"> | ||
- | + | <a href="#top"><span></span>Back to Top</a> | |
</p> | </p> | ||
- | + | <div id="page"> |
Revision as of 09:33, 30 July 2013
iGEM Paris Bettencourt 2013