Add expand/collapse icons, tweak sidebar style

1 files changed, 17 insertions, 1 deletions

diff --git a/css/style.css b/css/style.css
index 1e93a47..4dcaa9a 100755
--- a/css/style.css
+++ b/css/style.css
@@ -5,14 +5,30 @@
 .category_index dt { margin-left: 0.5em !important; }
 .category_index dd { margin-left: 1.5em !important; }
 
+#guides .guide .sidebar h3 {
+  color: black;
+  cursor: pointer;
+}
+#guides .guide .sidebar ul { margin-left: 0; }
+#guides .guide .sidebar ul li {
+  padding-left: 14px;
+  background: white url(/images/expand.png) -2px 2px no-repeat;
+  margin: .2em 0;
+}
+#guides .guide .sidebar ul li.expanded { background: white url(/images/collapse.png) -2px 2px no-repeat; }
+
 .sidebar dl {
   display: none;
-  margin-bottom: 0;
+  margin-bottom: 1em;
 }
 
+.sidebar dt { font-weight: bold; }
+.sidebar dd { margin-bottom: 0.5em; }
+
 pre.terminal {
   padding: 1em !important;
   background: #444 !important;
   color: white !important;
   font-size: 0.9em !important;
 }
+