Difference between revisions of "Team:KU Leuven/research/results/css"

Line 7: Line 7:
 
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/hoverIntent.js?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/hoverIntent.js?action=raw&ctype=text/javascript"></script>
 
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/slicknav.css?action=raw&ctype=text/css" type="text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:TU_Delft/slicknav.css?action=raw&ctype=text/css" type="text/css">
<script type="text/javascript" src="https://2015.igem.org/Team:TU_Delft/slicknav.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:TU_Delft/navigation.js?action=raw&ctype=text/javascript"></script>
 
 
<script src="https://2015.igem.org/Team:TU_Delft/xscrolly.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:TU_Delft/xscrolly.js?action=raw&ctype=text/javascript"></script>
<style>
 
  
 
</style>
 
  
  
Line 21: Line 16:
  
 
</body>
 
</body>
</html>
 
 
<html>
 
<script>
 
$(document).ready(initiateMobileView);
 
 
function initiateMobileView() {
 
  //$('#sidr').sidr();
 
  $('#mobile-navigation').slicknav({closeOnClick:true,allowParentLinks:true,prependTo:'#slick-navigation'});
 
  $('#mobile-navigation').hide();
 
  $('.slicknav_menu').addClass('hidden-md');
 
  $('.slicknav_menu').addClass('hidden-lg');
 
    $('.thumbinner').each(function() {
 
    $(this).width($(this).width() + 6);
 
  });
 
}
 
</script>
 
<script>
 
var jumboHeight = $('.jumbotron#cover').outerHeight();
 
 
function parallax() {
 
  var scrolled = $(window).scrollTop();
 
  $('.bg').css('height', (jumboHeight - scrolled) + 'px');
 
}
 
 
$(window).scroll(function(e) {
 
  parallax();
 
});
 
 
</script>
 
<script>
 
function centerModal() {
 
    $(this).css('display', 'block');
 
    var $dialog = $(this).find(".modal-dialog");
 
    var offset = ($(window).height() - $dialog.height()) / 2;
 
    // Center modal vertically in window
 
    $dialog.css("margin-top", offset);
 
}
 
 
$('.modal').on('show.bs.modal', centerModal);
 
$(window).on("resize", function () {
 
    $('.modal:visible').each(centerModal);
 
});
 
</script>
 
 
</html>
 
</html>

Revision as of 14:26, 8 September 2015