Template:Team:Valencia Biocampus/Templates/Header
From 2014.igem.org
(Difference between revisions)
(53 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" /> | ||
+ | |||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
- | + | ||
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/bootstrap&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/bootstrap&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/jqueryUI&action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/slimbox2.js&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/js/slimbox2.js&action=raw&ctype=text/javascript"></script> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/slimbox2.css&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/slimbox2.css&action=raw&ctype=text/css" /> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
+ | |||
// cache the id | // cache the id | ||
var navbox = $('#myTab'); | var navbox = $('#myTab'); | ||
Line 55: | Line 58: | ||
} | } | ||
}); | }); | ||
+ | $(".container.withBackground").after("<div id='footer2'>Valencia Biocampus. iGEM 2014<div class='footer-link'><a href='http://www.facebook.com/pages/València-Biocampus-IGEM/284330661673814'><img src='https://static.igem.org/mediawiki/2013/9/91/1380788391_facebook_square.png' alt='Facebook' title='Facebook' /></a><a href='http://twitter.com/vlc_biocampus'><img src='https://static.igem.org/mediawiki/2013/b/b6/1380788385_twitter_square.png' alt='Twitter' title='Twitter' /></a><a href='http://www.youtube.com/channel/UCvnn8shHH64omOF17Ei4H7w'><img src='https://static.igem.org/mediawiki/2013/e/ea/1380788439_youtube_square_color.png' alt='Youtube' title='Youtube' /></a><a href='http://instagram.com/vlc_biocampus'><img src='https://static.igem.org/mediawiki/2013/5/5f/1380788401_instagram_square_color.png' alt='Instagram' title='Instagram' /></a></div></div>"); | ||
+ | |||
+ | |||
}); | }); | ||
+ | |||
</script> | </script> | ||
- | <div class="container" | + | <div class="container" id="headerWrapper"> |
- | + | <div id="logo" style="padding:0;margin:0; position:relative" > | |
- | <div | + | <a href="https://2014.igem.org/Team:Valencia_Biocampus" id="logo-header-link"> |
- | <a href="https://2014.igem.org/Team:Valencia_Biocampus" | + | |
</a> | </a> | ||
- | <a href="https://igem.org" id="igem-logo | + | <a href="https://igem.org" id="igem-logo"> |
- | + | ||
</a> | </a> | ||
</div> | </div> | ||
- | <ul | + | <ul id="header-top-menu" class="header-top-menu pull-right"> |
<li id="menu_a_project"> | <li id="menu_a_project"> | ||
<a href="https://2014.igem.org/Team:Valencia_Biocampus/Project">Project</a> | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Project">Project</a> | ||
</li> | </li> | ||
<li id="menu_a_team"> | <li id="menu_a_team"> | ||
- | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The | + | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Team">The Team</a> |
</li> | </li> | ||
<li id="menu_a_results"> | <li id="menu_a_results"> | ||
Line 83: | Line 88: | ||
<a href="https://2014.igem.org/Team:Valencia_Biocampus/Biobricks">Biobricks</a> | <a href="https://2014.igem.org/Team:Valencia_Biocampus/Biobricks">Biobricks</a> | ||
</li> | </li> | ||
+ | </ul> | ||
+ | <ul id="header-top-menu2" class="header-top-menu pull-right"> | ||
<li id="menu_a_human-practices"> | <li id="menu_a_human-practices"> | ||
- | <a href="https://2014.igem.org/Team:Valencia_Biocampus/ | + | <a href="https://2014.igem.org/Team:Valencia_Biocampus/HumanPractices">Human Practices</a> |
</li> | </li> | ||
<li id="menu_a_interlab-study"> | <li id="menu_a_interlab-study"> | ||
Line 105: | Line 112: | ||
if(typeof activeSection !== "undefined" ){ | if(typeof activeSection !== "undefined" ){ | ||
- | $(" | + | $(".header-top-menu li.active").removeClass("active"); |
$("#menu_a_"+activeSection).addClass("active"); | $("#menu_a_"+activeSection).addClass("active"); | ||
} | } | ||
Line 119: | Line 126: | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"> </a> | <a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"> </a> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 154: | Line 148: | ||
if ($('.tocWrapper').length ) { | if ($('.tocWrapper').length ) { | ||
+ | var tocWrapperOffsetLeft = $('.tocWrapper').offset().left; | ||
$('.tocWrapper').affix({ | $('.tocWrapper').affix({ | ||
offset: { | offset: { | ||
- | top: $('. | + | top: $('.tab-pane.active').offset().top |
, bottom: function () { | , bottom: function () { | ||
return (this.bottom = $('.footer').outerHeight(true)) | return (this.bottom = $('.footer').outerHeight(true)) | ||
Line 163: | Line 158: | ||
} | } | ||
}) | }) | ||
- | + | /* | |
+ | $('.tocWrapper').on('affixed.bs.affix', function () { | ||
+ | //alert(tocWrapperOffsetLeft ); | ||
+ | $('.affix').css('left', tocWrapperOffsetLeft); | ||
+ | }) | ||
$('.tocWrapper').on('affixed-top.bs.affix', function () { | $('.tocWrapper').on('affixed-top.bs.affix', function () { | ||
- | + | $('.affix-top').css('left', 'auto'); | |
- | $('. | + | |
- | + | ||
- | + | ||
}) | }) | ||
- | + | */ | |
} | } | ||
+ | if ($('.tocWrapperiGEM').length ) { | ||
+ | var tocWrapperOffsetLeft = $('.tocWrapper').offset().left; | ||
+ | $('.tocWrapperiGEM').affix({ | ||
+ | offset: { | ||
+ | top: $('.tab-pane.active').offset().top | ||
+ | , bottom: function () { | ||
+ | return (this.bottom = $('.footer').outerHeight(true)) | ||
+ | } | ||
+ | } | ||
+ | }) | ||
+ | /* | ||
+ | $('.tocWrapperiGEM').on('affixed.bs.affix', function () { | ||
+ | //alert(tocWrapperOffsetLeft ); | ||
+ | $('.affix').css('left', tocWrapperOffsetLeft); | ||
+ | }) | ||
+ | $('.tocWrapperiGEM').on('affixed-top.bs.affix', function () { | ||
+ | $('.affix-top').css('left', 'auto'); | ||
+ | }) | ||
+ | */ | ||
+ | } | ||
}); | }); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 01:33, 18 October 2014