features page: Fix sidebar navigation and cleanup layout.

diff --git a/static/css/style.css b/static/css/style.css
index 1cc95341e647d81ce4b0860a1d4e74188815767d..a03430fe3b546e6449cc6adfaf2181e80d5ad5d7 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -53,15 +53,9 @@ padding: 1.2em;
 .thumbnails .download-box {
 padding: 2em 2em 0 2em;
 }
-section > .page-header {
-margin:0;
-padding:40px 0 20px;
-}
-section > .page-header, section > .lead {
-color: #5a5a5a;
-}
-section > ul li {
-margin-bottom: 5px;
+
+section > .page-header ~ .page-header {
+       padding-top: 40px;
 }
 
 .jumbotron {
@@ -110,52 +104,10 @@ margin-bottom: 5px;
        margin-top: 70px;
 }
 
-.sidenav {
-width: 228px;
-margin: 30px 0 0;
-padding: 0;
-background-color: #fff;
--webkit-border-radius: 6px;
--moz-border-radius: 6px;
-border-radius: 6px;
--webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
--moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-}
-.sidenav > li > a {
-display: block;
-width: 190px \9;
-margin: 0 0 -1px;
-padding: 8px 14px;
-border: 1px solid #e5e5e5;
-}
-.sidenav > li:first-child > a {
--webkit-border-radius: 6px 6px 0 0;
--moz-border-radius: 6px 6px 0 0;
-border-radius: 6px 6px 0 0;
-}
-.sidenav > li:last-child > a {
--webkit-border-radius: 0 0 6px 6px;
--moz-border-radius: 0 0 6px 6px;
-border-radius: 0 0 6px 6px;
-}
-.sidenav .glyphicon-chevron-left {
-opacity: .25;
-}
-.sidenav a:hover .glyphicon-chevron-left {
-opacity: .5;
-}
-.sidenav .active .glyphicon-chevron-left, .sidenav .active a:hover .glyphicon-chevron-left {
-opacity: 1;
-}
 .sidenav.affix {
-top: 40px;
-}
-.sidenav.affix-bottom {
-position: absolute;
-top: auto;
-bottom: 270px;
+       top: 70px;
 }
+
 .download-box {
 text-align: center;
 margin: 100px 0;

diff --git a/static/js/site.js b/static/js/site.js
index 83c3bb30ed2104f926437d66698750f0174d68a5..1329e23816f1473bd7aa76365dd81bc13400ee63 100644 (file)
--- a/static/js/site.js
+++ b/static/js/site.js
@@ -14,7 +14,7 @@ var $window = $(window);
 
 $(".sidenav").affix({
        offset: {
-               top: function () { return $window.width() <= 980 ? 290 : 210 }
+               top: function () { return $window.width() <= 980 ? 290 : 240 }
                , bottom: 270
        }
 });