Add ot nav to docs (#130)

* customized template to include new nav 9not yet live on site

* added responsive style for midsize screen

* updated nav styles and behaviors

* updated nav height to match docs

* import master.css from website, renamed style sheets for clarity, added responsive margin

Author: Kadee80

docs/source/static/override_master.css

@@ -0,0 +1,12 @@
+/* This style sheet overrides imported ot website styles to work with docs defaults */
+
+div#nav-spacer {
+    height: 70px;
+    width: 100%;
+    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+}
+
+div#nav-spacer.nav-open {
+    height: 150px;
+}

docs/source/static/custom.css renamed to docs/source/static/override_sphinx.css

@@ -1,6 +1,14 @@
-/* This file intentionally left blank. */
-div.body p{
-	line-height: 20pt;
+/* OT NAV */
+
+body {
+    padding: 0;
+    margin: 0;
+}
+
+/* DOCS */
+
+div.body p {
+    line-height: 20pt;
 }
 
 div.body h1 {
@@ -9,135 +17,127 @@ div.body h1 {
     padding-top: 0;
     font-size: 2.4em;
     min-height: 78px;
-    
 }
 
-div.body h1 + p{
-	padding-top: 24px;
+div.body h1 + p {
+    padding-top: 24px;
 }
 
-div.sphinxsidebar h2, 
-div.sphinxsidebar h3, 
+div.sphinxsidebar h2,
+div.sphinxsidebar h3,
 div.sphinxsidebar h4,
 div.sphinxsidebar h5,
 div.sphinxsidebar h6,
-div.body h2, 
-div.body h3, 
-div.body h4, 
+div.body h2,
+div.body h3,
+div.body h4,
 div.body h5 {
-	font-family: Open Sans;
+    font-family: Open Sans;
 }
 
-div.sphinxsidebar h3 a,  
+div.sphinxsidebar h3 a,
 div.sphinxsidebar h3 a:hover,
-div.body h2{
-	font-size: 22px;
+div.body h2 {
+    font-size: 22px;
 }
 
-@media screen and (max-width: 875px), (max-device-width: 767px) {
-
+@media screen and (max-width: 875px),
+(max-device-width: 767px) {
     body {
         margin: 0;
         padding: 20px 30px;
     }
-
     div.documentwrapper {
         float: none;
         background: #fff;
         text-align: center;
     }
-
     div.sphinxsidebar {
         display: block;
         float: none;
         width: 102.5%;
         margin: -20px -30px 20px -30px;
-        padding: 10px 20px;
+        padding: 60px 20px;
         background: #FFF;
         color: #111;
     }
-
-    div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p,
+    div.sphinxsidebar h3,
+    div.sphinxsidebar h4,
+    div.sphinxsidebar p,
     div.sphinxsidebar h3 a {
         color: #111;
     }
-
     div.sphinxsidebar a {
         color: #111;
     }
-
     div.sphinxsidebar p.logo {
         display: inline-block;
     }
-
+    img.logo {
+        display: none;
+    }
     div.document {
         width: 100%;
         margin: 0;
     }
-
     div.footer {
         display: none;
     }
-
     div.bodywrapper {
         margin: 0;
     }
-
     div.body {
         min-height: 0;
         padding: 0;
     }
-
     .rtd_doc_footer {
         display: none;
     }
-
     .document {
         width: auto;
     }
-
     .footer {
         width: auto;
     }
-
     .footer {
         width: auto;
     }
-
-/*     .github {
+    /*     .github {
         display: none;
     } */
-
     div.sphinxsidebar {
         position: relative;
         margin-left: 0;
     }
-
-    pre, tt, code {
-    font-size: 1.5em;
+    pre,
+    tt,
+    code {
+        font-size: 1.5em;
     }
 }
 
-
-div.body p.caption{
+div.body p.caption {
     font-size: 22px;
 }
 
-
-ul{
+ul {
     list-style-type: none;
     margin-left: 0;
 }
 
-ul ul{
+ul ul {
     list-style-type: circle;
     margin-left: 30px;
     color: #999;
 }
 
 @media screen and (min-device-width: 320px)and (max-device-width: 640px) {
-
-    pre, tt, code {
-    font-size: 2em;
+    pre,
+    tt,
+    code {
+        font-size: 2em;
     }
-}
+}
+
+
+