From bc7c9221f350215aabbd0ccfa83dcf10564a3a53 Mon Sep 17 00:00:00 2001
From: spf13 <steve.francia@gmail.com>
Date: Sat, 26 Oct 2013 02:28:25 -0400
Subject: [PATCH] Better mobile support on docs site

---
 docs/static/static/css/styles.css | 37 +++++++++++--------------------
 1 file changed, 13 insertions(+), 24 deletions(-)

diff --git a/docs/static/static/css/styles.css b/docs/static/static/css/styles.css
index 74a641ba7..17a3509b8 100755
--- a/docs/static/static/css/styles.css
+++ b/docs/static/static/css/styles.css
@@ -1,29 +1,5 @@
 body { padding-top: 70px; }
 
-#ribbon {
-    background-color: #a00;
-    overflow: hidden;
-    position: absolute;
-    right: -3em;
-    /*top: 2.5em;*/
-    top: 85px; 
-    -moz-transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    -moz-box-shadow: 0 0 1em #888;
-    -webkit-box-shadow: 0 0 1em #888;
-}
-#ribbon a {
-    border: 1px solid #faa;
-    color: #fff;
-    display: block;
-    font: bold 81.25% "Helvetiva Neue",Helvetica,Arial,sans-serif;
-    margin: 0.05em 0 0.075em 0;
-    padding: 0.5em 3.5em;
-    text-align: center;
-    text-decoration: none;
-    text-shadow: 0 0 0.5em #444;
-}
-
 body {
     background-color: rgb(253, 253, 251);
 }
@@ -89,3 +65,16 @@ nav.navbar {
 .navbar-inverse .navbar-toggle {
     border-color: white;
 }
+
+@media (max-width: 767px) {
+    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
+        color: white !important;
+    }
+    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
+        background-color: rgb(15, 166, 188);
+    }
+    nav.navbar {
+        opacity: 0.98;
+    }
+}
+