overhaul docs on sub pages, clean up css and copy

1 files changed, 21 insertions, 21 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index ff6e37fe0..35eb7b83c 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -12,12 +12,8 @@
 
 body {
   position: relative;
-  padding-top: 80px;
+  padding-top: 40px;
   font-size: 14px;
-  background-color: #fff;
-  background-image: url(../img/grid-20px.png);
-  background-repeat: repeat-x;
-  background-position: 0 40px;
 }
 
 /* Code in headings */
@@ -87,7 +83,22 @@ hr.soften {
 ------------------------- */
 .jumbotron {
   position: relative;
+  padding: 40px 0;
+  color: #fff;
   text-align: center;
+  text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075);
+  background: #020031; /* Old browsers */
+  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
+  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+     -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+          box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+
 }
 .jumbotron h1 {
   font-size: 80px;
@@ -118,22 +129,8 @@ hr.soften {
 ------------------------- */
 .masthead {
   padding: 50px 0 60px;
-  margin-top: -40px;
   margin-bottom: 0;
   color: #fff;
-  text-align: center;
-  text-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.075);
-  background: #020031; /* Old browsers */
-  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
-  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-     -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-          box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
 }
 .masthead h1 {
   font-size: 120px;
@@ -211,6 +208,9 @@ hr.soften {
 .subhead h1 {
   font-size: 60px;
 }
+.subhead p {
+  margin-bottom: 10px;
+}
 .subhead .navbar {
   display: none;
 }
@@ -736,7 +736,7 @@ form.bs-docs-example {
     padding-top: 0;
   }
   /* Widen masthead and social buttons to fill body padding */
-  .masthead {
+  .jumbotron {
     margin-top:   -20px; /* Offset bottom margin on .navbar */
   }
 }
@@ -750,7 +750,7 @@ form.bs-docs-example {
   }
 
   /* Widen masthead and social buttons to fill body padding */
-  .masthead {
+  .jumbotron {
     padding: 40px 20px;
     margin-top:   -20px; /* Offset bottom margin on .navbar */
     margin-right: -20px;