From 0dda2c4659c6e0407b5b9fda6618ab5c8c12a897 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jul 2012 22:36:08 -0700 Subject: make docs scroll over jumbotrons, but only for 980px up --- docs/assets/css/docs.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'docs/assets/css/docs.css') 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; + } +} -- cgit v1.2.3