huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff

1 files changed, 18 insertions, 14 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 6fa20cf4d..19356df1a 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -20,7 +20,7 @@ body {
 
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
-.navbar-fixed .brand {
+.navbar-fixed-top .brand {
   padding-right: 0;
   padding-left: 0;
   margin-left: 20px;
@@ -32,7 +32,7 @@ body {
      -moz-transition: all .2s linear;
           transition: all .2s linear;
 }
-.navbar-fixed .brand:hover {
+.navbar-fixed-top .brand:hover {
   text-decoration: none;
 }
 
@@ -302,14 +302,9 @@ hr.soften {
 
 /* Quickstart section for getting le code
 -------------------------------------------------- */
-.getting-started h3,
-.getting-started p {
-  line-height: 18px;
-  text-align: center;
-  margin-bottom: 9px;
-}
 .getting-started p {
   color: #777;
+  margin-bottom: 9px;
 }
 .getting-started .current-version,
 .getting-started .current-version a {
@@ -322,14 +317,12 @@ hr.soften {
   display: block;
   width: 95%;
   height: auto;
-  margin-left: auto;
-  margin-right: auto;
   font-family: Menlo, Monaco, "Courier New", monospace;
   font-size: 12px;
   line-height: 20px;
   white-space: nowrap;
   overflow: hidden;
-  background-color: #f5f5f5;
+  color: #999;
   /* Makes inputs behave like true block-level elements */
   -webkit-box-sizing: border-box; /* Older Webkit */
      -moz-box-sizing: border-box; /* Older FF */
@@ -339,6 +332,9 @@ hr.soften {
   *width: 80%;
   *height: 24px;
 }
+.getting-started textarea:focus {
+  color: #333;
+}
 
 
 /* Footer
@@ -476,7 +472,7 @@ hr.soften {
   margin-top: 36px;
 }
 .page-header .toggle-all {
-  margin-top: 13px;
+  margin-top: 5px;
 }
 
 /* Space out h3s when following a section */
@@ -518,6 +514,11 @@ hr.soften {
   color: #777;
 }
 
+/* Variables section */
+#variables label {
+  margin-bottom: 0;
+}
+
 /* Giant download button */
 .download-btn {
   margin: 36px 0 108px.i;
@@ -525,13 +526,16 @@ hr.soften {
 .download p,
 .download h4 {
   max-width: 50%;
-  margin: 0 auto 18px;
+  margin: 0 auto;
   color: #999;
   text-align: center;
 }
-.download-btn h4 {
+.download h4 {
   margin-bottom: 0;
 }
+.download p {
+  margin-bottom: 18px;
+}
 .btn.xlarge {
   display: block;
   width: auto;