Fix error on ff and scrolling design

theme/static/css/main.css

@@ -28,7 +28,13 @@ body {
 
 /* Headings */
 h1 {font-size: 2em }
-h2 {font-size: 2.5em; text-transform: uppercase;margin-top:80px;margin-bottom: .8em; padding-top: 10px;}	/* 22px */
+h2 {
+  font-size: 2.5em;
+  text-transform: uppercase;
+  padding-top:90px;
+  margin-bottom: .8em; /* 22px */
+}
+
 h2:first-child {margin-top:0;}	/* 22px */
 h3 {font-size: 2em; color: #999; margin-top: 40px}	/* 20px */
 h4 {font-size: 1.7em; margin-top: 30px;font-weight: 300;}	/* 18px */
@@ -245,12 +251,27 @@ nav#side-nav {
   padding-right: 60px;
 }
 
+
 nav#side-nav ul {
+  position: relative;
   list-style: none;
-  border-right: 1px solid #CCC;
-  padding-right: 40px
+  padding-right: 40px;
 }
 
+
+nav#side-nav ul:before {
+  content: '';
+  margin: 25px 0;
+  position: absolute;
+  z-index: -1;
+  right: -1px;
+  bottom: -1px;
+  top: -1px;
+  border: 1px solid #ccc;
+  border-left-width: 0;
+}
+
+
 nav#side-nav ul li a {
   padding-right: 40px;
   margin-right: -47px;
@@ -277,7 +298,6 @@ nav#side-nav ul li a {
 }
 
 
-
 /*
 Content
  *****************/
@@ -318,8 +338,8 @@ Featured
 /*
 Body
  *****************/
+
 .container {
-  background: #fff;
   margin-bottom: 2em;
   overflow: hidden;
   padding: 20px 20px;

theme/static/scripts/mine.js

@@ -1,16 +1,17 @@
-var wdw = $(window);
+var $window = $(window);
 var hash = window.location.hash;
 
 window.location.hash = ''; // avoid going to anchor
 
-wdw.on('load', function() {
+
+$window.on('load', function() {
   var content = $('#content');
   var size = 24; // magic number !
 
   content.find('h2:last').add('h2:last ~ *').each(function() {
     size += $(this).outerHeight(true);
   });
-  content.css('margin-bottom', wdw.height() - size);
+  content.css('margin-bottom', $window.height() - size);
 
   $('#toc').sticky({topSpacing:30});
 
@@ -23,16 +24,16 @@ wdw.on('load', function() {
     var navItem = {
       'nav': $(item),
       'anchor': {'name': anchor, 'item': anchorItem},
-      'pos': anchorItem.offset().top - 80
+      'pos': anchorItem.offset().top
     };
     navItemsMap[anchor] = navItem;
     return navItem;
   });
 
 
-  wdw.scroll(function(){
+  $window.scroll(function(){
     var nav;
-    var pos = wdw.scrollTop();
+    var pos = $window.scrollTop();
     $.each(navItems, function(_, item) {
       return pos > item.pos - 1 ?  nav = item.nav : false;
     });