diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/index.css | 2 | ||||
| -rw-r--r-- | static/css/sidebar.css | 32 | ||||
| -rw-r--r-- | static/js/sidebar.js | 34 |
3 files changed, 67 insertions, 1 deletions
diff --git a/static/css/index.css b/static/css/index.css index 344ff07..6a2d573 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -31,7 +31,7 @@ .masthead-links { list-style: none outside none; margin-top: 10px; - margin-bottom: 20px; + margin-bottom: 10px; padding: 0 15px; text-align: center; } diff --git a/static/css/sidebar.css b/static/css/sidebar.css new file mode 100644 index 0000000..8208983 --- /dev/null +++ b/static/css/sidebar.css @@ -0,0 +1,32 @@ +/* + * css for sidebar + */ + +.navbar-bright { + background-color: #111155; + color: #fff; +} + +.affix-top, .affix{ + position: static; +} + +@media (min-width: 979px) { + #sidebar.affix-top { + position: static; + margin-top: 30px; + width: 228px; + } + + #sidebar.affix { + position: fixed; + top: 70px; + width: 228px; + } +} + +#sidebar li.active { + border: 0 #eee solid; + border-left-width: 5px; +} + diff --git a/static/js/sidebar.js b/static/js/sidebar.js new file mode 100644 index 0000000..4bfc7a7 --- /dev/null +++ b/static/js/sidebar.js @@ -0,0 +1,34 @@ +/* + * js for sidebar + */ + +$(document).ready(function() { + $('#sidebar').affix({ + offset: { + top: 235 + } + }); + + var $body = $(document.body); + var navHeight = $('.navbar').outerHeight(true) + 10; + + $body.scrollspy({ + target: '#sidebar-col', + offset: navHeight + }); + + /* smooth scrolling sections */ + $('a[href*=#]:not([href=#])').click(function() { + if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { + var target = $(this.hash); + target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); + if (target.length) { + $('html,body').animate({ + scrollTop: target.offset().top - 50 + }, 100); + return false; + } + } + }); +}); + |