make docs scroll over jumbotrons, but only for 980px up

1 files changed, 32 insertions, 0 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 8e32d186b..95495456c 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -940,3 +940,35 @@ form.bs-docs-example {
   }
 
 }
+
+
+@media (min-width: 979px) {
+  .masthead,
+  .subhead {
+    position: fixed;
+    top: 40px;
+    right: 0;
+    left: 0;
+  }
+  .masthead {
+    height: 400px;
+  }
+  .subhead {
+    height: 120px; /* +80px pdding */
+  }
+  .bs-docs-canvas {
+    position: absolute;
+    width: 100%;
+    z-index: 10;
+    background-color: #fff;
+    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5);
+       -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5);
+            box-shadow: 0 1px 5px rgba(0,0,0,.5);
+  }
+  .masthead + .bs-docs-canvas {
+    top: 550px;
+  }
+  .subhead + .bs-docs-canvas {
+    top: 240px;
+  }
+}