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"> | + | <!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 | + | Design by Free CSS Templates |
- | http://www.freecsstemplates.org | + | http://www.freecsstemplates.org |
- | Released for free under a Creative Commons Attribution 3.0 License | + | Released for free under a Creative Commons Attribution 3.0 License |
- | Name : Big Business 2.0 | + | Name : Big Business 2.0 |
- | Description: A two-column, fixed-width design with a bright color scheme. | + | Description: A two-column, fixed-width design with a bright color scheme. |
- | Version : 1.0 | + | Version : 1.0 |
- | Released : 20120624 | + | Released : 20120624 |
- | --> | + | --> |
</html> | </html> | ||
- | |||
<html> | <html> | ||
- | <head> | + | <head> |
- | <meta name="description" content="" /> | + | <meta name="description" content="" /> |
- | <meta name="keywords" content="" /> | + | <meta name="keywords" content="" /> |
- | <title>iGEM Paris Bettencourt 2013</title> | + | <title>iGEM Paris Bettencourt 2013</title> |
- | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
- | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris_Bettencourt/Template/style1.css?action=raw&ctype=text/css" /> | + | <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Paris_Bettencourt/Template/style1.css?action=raw&ctype=text/css" /> |
- | <!--<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/slider?action=raw&ctype=text/javascript"></script>--> | + | <!--<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/slider?action=raw&ctype=text/javascript"></script>--> |
- | <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script> | + | <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script> |
- | <!--<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/min?action=raw&ctype=text/javascript"></script>--> | + | <!--<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/min?action=raw&ctype=text/javascript"></script>--> |
- | <script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/drop?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/drop?action=raw&ctype=text/javascript"></script> |
- | <script type="text/javascript"> | + | <script type="text/javascript"> |
- | // listen for scroll | + | // listen for scroll |
- | var positionElementInPage = $('#menubarbleu').offset().top; | + | var positionElementInPage = $('#menubarbleu').offset().top; |
- | $(window).scroll( | + | $(window).scroll( |
- | + | $(function() { | |
- | + | if ($(window).scrollTop() >= positionElementInPage) { | |
- | + | // fixed | |
- | + | $('#menubarbleu').addClass("sticky"); | |
- | + | } else { | |
- | + | // relative | |
- | + | $('#menubarbleu').removeClass("sticky"); | |
- | + | } | |
- | + | }) | |
- | ); | + | ); |
- | </script> | + | </script> |
- | <script type="text/javascript"> | + | <script type="text/javascript"> |
- | + | $(function() { | |
- | + | $('#menubarbleu > ul').dropotron({ | |
- | + | mode: 'fade', | |
- | + | globalOffsetY: 11, | |
- | + | offsetY: -15 | |
- | + | }); | |
- | + | }); | |
- | </script> | + | </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> | + | </script> |
+ | |||
+ | <style> | ||
+ | /* | ||
+ | Back to top button | ||
+ | http://webdesignerwall.com/tutorials/animated-scroll-to-top | ||
+ | */ | ||
+ | #back-top { | ||
+ | position: fixed; | ||
+ | bottom: 30px; | ||
+ | margin-left: -150px; | ||
+ | } | ||
+ | #back-top a { | ||
+ | width: 108px; | ||
+ | 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 { | ||
+ | color: #000; | ||
+ | } | ||
+ | /* arrow icon (span tag) */ | ||
+ | #back-top span { | ||
+ | width: 108px; | ||
+ | height: 108px; | ||
+ | display: block; | ||
+ | margin-bottom: 7px; | ||
+ | background: #ddd url(up-arrow.png) 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 { | ||
+ | background-color: #777; | ||
+ | } | ||
+ | </style> | ||
+ | |||
</head> | </head> | ||
- | |||
- | |||
<body> | <body> | ||
- | <div id="wrapper"> | + | <div id="wrapper"> |
<div id="header"> | <div id="header"> | ||
- | + | <div id="logo"> | |
- | + | <a href="/Team:Paris_Bettencourt"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/e/ed/PB_Banner.png" | |
- | + | height="168px" | |
- | + | width="1000px" | |
- | + | style="position:relative;top:-46px;left:-46px" ></a> | |
+ | </div> | ||
</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> | ||
- | < | + | |
+ | <p id="back-top"> | ||
+ | <a href="#top"><span></span>Back to Top</a> | ||
+ | </p> | ||
+ | </body> | ||
- | + | <body> | |
- | < | + | <div id="page"> |
- | + |
Revision as of 17:18, 24 July 2013