1 files changed, 35 insertions, 12 deletions
diff --git a/shared/css/documentation.css b/shared/css/documentation.css
index 25ee156..9fac100 100644
--- a/shared/css/documentation.css
+++ b/shared/css/documentation.css
@@ -13,13 +13,17 @@ body {
 }
 
 p {
-  margin-bottom: 1em;
+  margin: 1em 0;
 }
 
 h1 {
   font-size: 20px;
   border-bottom: 1px solid #cccccc;
   padding: .5em 0;
+  margin: 2em 0 1em;
+}
+
+h1:first-child {
   margin: 0 0 1em;
 }
 
@@ -195,14 +199,21 @@ div.sidebar-module li {
 
 div.sidebar-module > ul > li {
   border-bottom: 1px solid #CACACA;
+  text-decoration: none;
 }
 
+div.sidebar-module > ul > li:hover {
+  text-decoration: none;
+}
+
+
 div.sidebar-module > ul h3 {
   margin: 0px;
   color: #666;
   text-shadow: 1px 1px 0px #fff; 
-  background-color: #f1f1f1;
   border-bottom: 1px solid #CACACA;
+  font-size: 14px;
+  background-color: #e1e1e1;
   background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
@@ -210,11 +221,10 @@ div.sidebar-module > ul h3 {
   background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
   background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
-  font-size: 14px;
 }
 
-div.sidebar-module > ul h3:hover {
-  text-decoration: none;
+div.sidebar-module > ul li:hover h3,
+div.sidebar-module > ul h3.disable {
   background-color: #e1e1e1;
   background-image: -moz-linear-gradient(top, #e1e1e1, #d1d1d1);
   background-image: -ms-linear-gradient(top, #e1e1e1, #d1d1d1);
@@ -226,13 +236,21 @@ div.sidebar-module > ul h3:hover {
 }
 
 
-div.sidebar-module > ul h3 a {
+div.sidebar-module > ul h3 a,
+div.sidebar-module > ul h3.disable span {
   padding: 8px 0px 8px 10px;
   color: #666;
   display: block;
   text-decoration: none;
 }
 
+div.sidebar-module > ul h3.disable span {
+  padding-left: 20px;
+  background-image: url(/shared/images/active-arrow.png);
+  background-position: left center;
+  background-repeat: no-repeat;
+  cursor: default;
+}
 div.sidebar-module > ul h3:hover a {
   text-decoration: none;
 }
@@ -240,8 +258,8 @@ div.sidebar-module > ul h3:hover a {
 div.sidebar-module ul ul,
 div.sidebar-module .spacer {
   display: block;
-  margin-bottom: 2px;
-  padding: 0px;
+  height: 2px;
+  background-color: #FAFAFB;
 }
 
 div.sidebar-module ul ul li {
@@ -373,6 +391,7 @@ div.sidebar-module ul ul li span {
   position: relative;
   float: left;
   color: #393939;
+  z-index: 2;
 }
 
 .content dl {
@@ -452,8 +471,7 @@ pre {
   border: 1px solid #cacaca;
   line-height: 1.2em;
   font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-  margin-bottom: 1em;
-  padding: 1em;
+  padding: 10px;
   overflow:auto;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
@@ -463,9 +481,16 @@ pre {
   background-clip: padding-box;
   background-color: #FAFAFB;
   color: #393939;
+  margin: 0px;
+}
+
+pre + pre,
+ul + pre {
+  margin-top: 1em;
 }
 
 pre code {white-space: pre;}
+
 pre span.comment {color: #aaa;}
 
 pre.headers {
@@ -509,7 +534,6 @@ pre.highlight {
 pre.terminal {
   background-color: #444;
   color: #fff;
-  display: block;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -582,7 +606,6 @@ span.codeline:hover em {
 pre.bootcamp {
   white-space: normal;
   margin-left: -10px;
-  margin-bottom: 1.5em;
   background-image: none;
 }