Inverse, fixed navbar. Block for easily modifying navbar style.

2 files changed, 17 insertions, 1 deletions

diff --git a/djangorestframework/static/djangorestframework/css/bootstrap-tweaks.css b/djangorestframework/static/djangorestframework/css/bootstrap-tweaks.css
index f80b312a..eb41649e 100644
--- a/djangorestframework/static/djangorestframework/css/bootstrap-tweaks.css
+++ b/djangorestframework/static/djangorestframework/css/bootstrap-tweaks.css
@@ -10,4 +10,12 @@ a single block in the template.
 .form-actions {
     background: transparent;
     border-top-color: transparent;
+}
+
+.navbar-inverse .brand a {
+    color: #999;
+}
+.navbar-inverse .brand:hover a {
+    color: white;
+    text-decoration: none;
 }
\ No newline at end of file
diff --git a/djangorestframework/static/djangorestframework/css/style.css b/djangorestframework/static/djangorestframework/css/style.css
index 2d937be4..6430f670 100644
--- a/djangorestframework/static/djangorestframework/css/style.css
+++ b/djangorestframework/static/djangorestframework/css/style.css
@@ -1,8 +1,16 @@
 body {
-    padding-top: 1em;
+    padding-top: 0;
     padding-bottom: 1em;
 }
 
+/* The navbar is fixed at >= 980px wide, so add padding to the body to prevent
+content running up underneath it. */
+@media (min-width:980px) {
+    body {
+        padding-top: 60px;
+    }
+}
+
 h1 {
     font-weight: 500;
 }