diff options
| author | Max Hurl | 2012-10-05 16:32:41 +0100 |
|---|---|---|
| committer | Max Hurl | 2012-10-05 16:32:41 +0100 |
| commit | bdbf98878177fc7778529f81c5c1aae6ff3a29a9 (patch) | |
| tree | 8e65e13066e5691b5cd545a8d2d29262d143ee98 | |
| parent | 2a89cb4fb7aac72a02ad17704553fe7dfb3ea10e (diff) | |
| download | django-rest-framework-bdbf98878177fc7778529f81c5c1aae6ff3a29a9.tar.bz2 | |
Added sticky footer to docs
| -rw-r--r-- | docs/static/css/default.css | 75 | ||||
| -rw-r--r-- | docs/template.html | 44 |
2 files changed, 63 insertions, 56 deletions
diff --git a/docs/static/css/default.css b/docs/static/css/default.css index 8401687d..a62d43e1 100644 --- a/docs/static/css/default.css +++ b/docs/static/css/default.css @@ -1,15 +1,5 @@ /* Set the body padding-top when above 980px to push the content down from below the navbar, which is fixed at >980px screen widths. */ -@media (min-width: 980px) { - body { - padding-top: 71px; - } -} - -body { - padding-bottom: 40px; -} - pre { font-size: 12px; } @@ -61,28 +51,9 @@ a.github:hover { text-decoration: none; } -/* Footer */ -/* -.footer p { - text-align: center; - color: gray; - border-top: 1px solid #DDD; - padding-top: 10px; -} - -.footer a { - color: gray; - font-weight: bold; -} - -.footer a:hover { - color: gray; -} -*/ - /* */ body hr { - border-top: 1px dotted #A30000 + border-top: 1px dotted #A30000; } /* Force TOC text to not overrun */ @@ -100,7 +71,7 @@ pre { /* Preserve the spacing of the navbar across different screen sizes. */ .navbar-inner { - padding: 5px 0; + /*padding: 5px 0;*/ } @media (max-width: 979px) { @@ -194,8 +165,9 @@ body{ color: white; } -.nav-list > .active > a, .nav-list > .active > a:hover { - background: #2c2c2c; +.nav-list > .active > a, .navbar .navbar-inner .nav li a:hover { + background:#212121; + color:white; } .navbar .navbar-inner .dropdown-menu li a, .navbar .navbar-inner .dropdown-menu li{ @@ -233,3 +205,40 @@ body a:hover{ } } + +/* sticky footer and footer */ +html, body { + height: 100%; +} +.wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -60px; +} + +.body-content{ + padding-top: 70px; + padding-bottom: 70px; +} + + +footer, .push { + height: 60px; /* .push must be the same height as .footer */ +} + +footer p { + text-align: center; + color: gray; + border-top: 1px solid #DDD; + padding-top: 10px; +} + +footer a { + color: gray; + font-weight: bold; +} + +footer a:hover { + color: gray; +} diff --git a/docs/template.html b/docs/template.html index 352116b6..11a5e0f0 100644 --- a/docs/template.html +++ b/docs/template.html @@ -19,6 +19,8 @@ <![endif]--> <body onload="prettyPrint()" class="{{ page_id }}-page"> + <div class="wrapper"> + <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container-fluid"> @@ -90,35 +92,31 @@ </div> </div> - <div id="wrap"> - - <div class="container-fluid"> - <div class="row-fluid"> + <div class="body-content"> + <div class="container-fluid"> + <div class="row-fluid"> - <div class="span3"> - <div id="table-of-contents"> - <ul class="nav nav-list side-nav well sidebar-nav-fixed"> - {{ toc }} - </ul> + <div class="span3"> + <div id="table-of-contents"> + <ul class="nav nav-list side-nav well sidebar-nav-fixed"> + {{ toc }} + </ul> + </div> </div> - </div> - <div id="main-content" class="span9"> - {{ content }} - </div><!--/span--> - </div><!--/row--> - </div><!--/.fluid-container--> + <div id="main-content" class="span9"> + {{ content }} + </div><!--/span--> + </div><!--/row--> + </div><!--/.fluid-container--> + </div><!--/.body content--> <div id="push"></div> - </div> + </div><!--/.wrapper --> - <!-- - <div class="row footer"> - <div class="span12"> - <p>Sponsored by <a href="http://dabapps.com/">Dab Apps</a>.</a></p> - </div> - </div> - --> + <footer class="span12"> + <p>Sponsored by <a href="http://dabapps.com/">Dab Apps</a>.</a></p> + </footer> <!-- Le javascript ================================================== --> |