"
Template:Team:Valencia Biocampus/Templates/Header
From 2014.igem.org
(Difference between revisions)
| (37 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 158: | Line 152: | ||
$('.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 164: | Line 158: | ||
} | } | ||
}) | }) | ||
| + | /* | ||
$('.tocWrapper').on('affixed.bs.affix', function () { | $('.tocWrapper').on('affixed.bs.affix', function () { | ||
//alert(tocWrapperOffsetLeft ); | //alert(tocWrapperOffsetLeft ); | ||
| Line 171: | Line 166: | ||
$('.affix-top').css('left', 'auto'); | $('.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
