Fixed styles for teleport docs

docs/theme/base.html

@@ -115,6 +115,36 @@ <h4>Made by Gravitational</h4>
         </div>
       </div>
 
+
+      <!-- gravitational footer -->
+      <div role="contentinfo">
+            <ul>
+                <li class="double">
+                    <img class="footer-talk" src="/img/footer-talk.svg">
+                    <p><a href="mailto:[email protected]">[email protected]</a></p>
+                    <p>Phone: (855) 867-2538</p>
+                </li>
+                <li class="double">
+                    <p>Want to know more:</p>
+                    <p><a href="/about">Learn about us</a></p>
+                    <p>Or, if you have time:</p>
+                    <p><a href="http://blog.gravitational.com">Check out our blog</a></p>
+                </li>
+                <li class="double light contact">
+                    <p></p>
+                    <br>
+                    <p>1377 Harrison St.,</p>
+                    <p>San Francisco, CA 94103</p>
+                    <p></p>
+                </li>
+                <li class="double dark">
+                    <p>© Gravitational, Inc.</p>
+                    <p>All Rights Reserved</p>
+                    <p><a href="/privacy">Privacy Policy</a></p>
+                </li>
+            </ul>
+      </div>
+
     </section>
 
   </div>

docs/theme/css/teleport.css

@@ -317,48 +317,52 @@ div.admonition p.admonition-title {
 }
 
 
-footer div[role=contentinfo] {
+div[role=contentinfo] {
 	padding: 20px 0px 0px 0px;
 	width: 100%;
 	overflow: hidden;
 	margin: 10px 0px 0px 0px;
 	background-color: #f0f1f8;
 }
 
-footer div[role=contentinfo] ul {
+div[role=contentinfo] ul {
     display: flex;
     padding: 0px;
 }
-footer div[role=contentinfo] p {
-    line-height: 1em;
+div[role=contentinfo] a {
+    text-decoration: underline;
+}
+div[role=contentinfo] p {
+    line-height: 2.2em;
     font-size: 13px;
+    margin-bottom: 0px;
 }
 
-footer ul, ol, dl {
+div[role=contentinfo] ul, ol, dl {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	list-style-image: none;
 }
-footer li.double {
+div[role=contentinfo] li.double {
 	padding: 0px 0 125px 0;
 }
 
-footer li {
+div[role=contentinfo] li {
 	display: inline-block;
 	margin: auto;
 	width: 25%;
 	min-height: 60px;
 	max-height: 60px;
 	vertical-align: middle;
 	text-align: center;
-	border-right: 1px solid #dadaea;
+	border-right: 1px dotted #dadaea;
 	padding: 170px 0;
 }
-footer img.footer-talk {
+div[role=contentinfo]  img.footer-talk {
 	width: 70px;
 }
-footer li.contact {
+div[role=contentinfo] li.contact {
 	background: url(/img/bridge.svg) no-repeat center;
-	background-size: contain;
+	background-size: 180px 180px;
 }

docs/theme/footer.html

@@ -10,35 +10,4 @@
 
     </div>
   {% endif %}
-  <div style="margin-top:10px">
-    Built with <a href="http://www.mkdocs.org">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
-  </div>
-
-  <div role="contentinfo">
-        <ul>
-            <li class="double">
-                <img class="footer-talk" src="/img/footer-talk.svg">
-                <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
-                <p>Phone: (855) 867-2538</p>
-            </li>
-            <li class="double">
-                <p>Want to know more:</p>
-                <p><a href="/about">Learn about us</a></p>
-                <p>Or, if you have time:</p>
-                <p><a href="http://blog.gravitational.com">Check out our blog</a></p>
-            </li>
-            <li class="double light contact">
-                <p></p>
-                <p>1377 Harrison St.,</p>
-                <p>San Francisco, CA 94103</p>
-                <br>
-                <p></p>
-            </li>
-            <li class="double dark">
-                <p>© Gravitational, Inc.</p>
-                <p>All Rights Reserved</p><br>
-                <p><a href="/privacy">Privacy Policy</a></p>
-            </li>
-        </ul>
-  </div>
 </footer>