Static Navbar and Ribbon

page.html

     <!--%
         if page.get("github", "") != "":
             # GitHub Fork-Me Ribbon
-            print '<div class="github-fork-ribbon-wrapper right">'
+            print '<div class="github-fork-ribbon-wrapper right fixed">'
             print '<div class="github-fork-ribbon"><a href="'
             print page.github
             print '">Fork me on GitHub</a></div></div>'
     %-->
-    <div class="navbar">
+    <div class="navbar navbar-fixed-top">
         <div class="navbar-inner">
             <ul class="nav">
                 <!--%
         </div>
     </div>
 
-    <div style="width: 75%; margin-left: auto; margin-right: auto;">
+    <div style="width: 75%; margin-left: auto; margin-right: auto; padding-top: 50px;">
         {{ __content__ }}
         <!--%
             import sys

static/css/gh-fork-ribbon.css

   z-index: 9999;
 }
 
-.github-fork-ribbon a {
+.github-fork-ribbon a,
+.github-fork-ribbon a:hover {
   /* Set the font */
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   position: absolute;
   overflow: hidden;
   top: 0;
+  z-index: 9999;
+}
+
+.github-fork-ribbon-wrapper.fixed {
+  position: fixed;
 }
 
 .github-fork-ribbon-wrapper.left {