Difference between revisions of "Template:Groningen"

Line 78: Line 78:
 
body {
 
body {
 
     width: auto !important;
 
     width: auto !important;
−
    height: 100%;
 
 
     width: 100%;
 
     width: 100%;
 
     margin: 0;
 
     margin: 0;
Line 84: Line 83:
 
     font-size: 10pt;
 
     font-size: 10pt;
 
     font-family: Raleway;
 
     font-family: Raleway;
 +
 +
    position: relative;
 +
    height: auto;
 +
    min-height: 100%;
 +
 
}
 
}
 
h1,h2,h3,h4,h5{
 
h1,h2,h3,h4,h5{
Line 558: Line 562:
 
}
 
}
  
 +
#myScrollspy
 +
{
 +
    margin-top:0px;
 +
    overflow-x: visible;
 +
    background-color: #333;
 +
    position: fixed;
 +
    height: 100%;
 +
    width: 10%;
 +
    min-width: 100px;
 +
}
 +
#myScrollspy ul
 +
{
 +
    list-style:none;
 +
    position:relative;
 +
    float:left;
 +
    margin:0;
 +
}
 +
#myScrollspy ul a
 +
{
 +
    display:inline;
 +
    position:relative;
 +
    color: white;
 +
    text-decoration:none;
 +
    font-weight:700;
 +
    font-size:15px;
 +
    line-height:32px;
 +
    padding:0 15px;
 +
    z-index: 2000;
 +
}
 +
#myScrollspy ul li
 +
{
 +
    z-index: 2000;
 +
    position:relative;
 +
    float:left;
 +
    margin:0;
 +
    padding:0;
 +
}
 +
#myScrollspy ul li.active
 +
{background:red;}
 +
#myScrollspy ul li:hover
 +
{background-color:rgba(160, 192, 239, 0.25);}
  
 
.div-table {
 
.div-table {
Line 667: Line 712:
 
     var origWidth = 3850;
 
     var origWidth = 3850;
 
     var origHeight = 770;
 
     var origHeight = 770;
−
   
 
 
     var banner = $('#bannerimg');
 
     var banner = $('#bannerimg');
 
     var map = $('map[name^="imagemap_sponsors"]');
 
     var map = $('map[name^="imagemap_sponsors"]');
−
   
 
 
     var newWidth = banner.innerWidth();
 
     var newWidth = banner.innerWidth();
 
     var newHeight = banner.innerHeight();
 
     var newHeight = banner.innerHeight();
−
   
 
 
     var dx = newWidth / origWidth;
 
     var dx = newWidth / origWidth;
 
     var dy = newHeight / origHeight;
 
     var dy = newHeight / origHeight;
−
   
 
 
     map.find('area').each(function() {
 
     map.find('area').each(function() {
 
         var coords = $(this).attr('coords').split(',');
 
         var coords = $(this).attr('coords').split(',');
Line 685: Line 726:
 
         $(this).attr('coords', coords.join(','));
 
         $(this).attr('coords', coords.join(','));
 
     });
 
     });
 +
});
 +
</script>
 +
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<script>
 +
// Add scrollspy to document
 +
$( document ).ready(function() { $("body").scrollspy({target: "#myScrollspy", offset:200}); });
 +
// Add smooth scrolling on all links inside the navbar
 +
$('body').on('click','a[href^="#nav"]',function(event){
 +
    event.preventDefault();
 +
    var target_offset = $(this.hash).offset() ? $(this.hash).offset().top : 0;
 +
    //change this number to create the additional off set       
 +
    var customoffset = 75
 +
    $('html, body').animate({scrollTop:target_offset - customoffset}, 500);
 
});
 
});
 
</script>
 
</script>

Revision as of 12:36, 26 October 2017