diff --git a/static/css/mq.css b/static/css/mq.css index a2cb44e7c..8e7cda845 100644 --- a/static/css/mq.css +++ b/static/css/mq.css @@ -644,6 +644,20 @@ html[xmlns] .slides { display: block; } .no-touch .default-page .main-navigation { position: relative; margin-bottom: -.0625em; } } +/* - - - Smaller than 640px - - - */ +/* Hide the top menu on small screens. Only the list is hidden so the + "Skip to content" link inside the nav stays available to assistive tech. + #top stays as an empty, zero-height block so "Back to Top" links still + have a target. */ +@media (max-width: 39.9375em) { + .top-bar { + border-bottom: 0; } + .top-bar .menu { + display: none; } + /* The header's dark top border is now the first pixel on the page, + so drop it too */ + .main-header { + border-top: 0; } } /* - - - Larger than 640px - - - */ @media (min-width: 40em) { body:after { @@ -734,8 +748,6 @@ html[xmlns] .slides { display: block; } .meta-navigation .say-no-more { display: none; visibility: hidden; } - .meta-navigation .jump-link { - display: none; } .meta-navigation li { float: left; width: 16.6666667%; diff --git a/static/css/style.css b/static/css/style.css index dab590c2f..d3daedaf6 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1027,8 +1027,6 @@ h2.not-column { .meta-navigation .say-no-more { display: inline; visibility: visible; } - .meta-navigation .jump-link { - background-color: #11171d; } /* Used in both the main-header and the header-banner */ .main-header { diff --git a/static/js/script.js b/static/js/script.js index d62f09b64..ce7a6cbff 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -182,19 +182,8 @@ $().ready(function() { } /* Animate some scrolling for smoother transitions */ - /* ! Not currently working in IE10/Windows 8, Chrome for Android, Firefox (all versions)... something about the animate() function */ - $("#close-python-network").click(function() { - $('body, html').animate({ scrollTop: $('#python-network').offset().top }, 300); - return false; - }); - - $("#python-network").click(function() { - $('body, html').animate({ scrollTop: $('#top').offset().top }, 300); - return false; - }); - $("#back-to-top-1, #back-to-top-2").click(function() { - $('body, html').animate({ scrollTop: $('#python-network').offset().top }, 500); + $('body, html').animate({ scrollTop: $('#top').offset().top }, 500); return false; }); diff --git a/templates/base.html b/templates/base.html index d26422b01..20d94ff4c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -136,17 +136,8 @@ Skip to content - {# Fallback for browsers that do not display generated content... HTML entity will be the icon instead #} - - {% sitetree_menu from "main" include "trunk" template "sitetree/top.html" %} - - @@ -260,11 +251,11 @@
{% block footer_sitemap %} - Back to Top + Back to Top {% sitetree_menu from "main" include "python-meta" template "sitetree/footer.html" %} - Back to Top + Back to Top {% endblock footer_sitemap %}