Give space to scroll, Improve headings

2 files changed, 25 insertions, 3 deletions

diff --git a/support/jsdoc/jsdoc-custom.js b/support/jsdoc/jsdoc-custom.js
index a53aaf6..f00b6a7 100644
--- a/support/jsdoc/jsdoc-custom.js
+++ b/support/jsdoc/jsdoc-custom.js
@@ -99,7 +99,7 @@ $(function initSearchBar() {
             location.href = host + 'docs.html#.' + suggestion;
         } else {
             var $el = document.getElementById('.' + suggestion);
-            $('#main').animate({ scrollTop: $el.offsetTop }, 500);
+            $('#main').animate({ scrollTop: $el.offsetTop + -60 }, 500);
         }
     });
 });
diff --git a/support/jsdoc/theme/static/styles/jsdoc-default.css b/support/jsdoc/theme/static/styles/jsdoc-default.css
index a152aed..9c76d28 100644
--- a/support/jsdoc/theme/static/styles/jsdoc-default.css
+++ b/support/jsdoc/theme/static/styles/jsdoc-default.css
@@ -39,7 +39,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #000;
+  color: #565656;
   font-weight: 400;
   margin: 0;
   padding-top: 1em;
@@ -113,6 +113,22 @@ tt, code, kbd, samp {
   float: none;
   min-width: 360px;
   overflow-y: auto;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+#main h1 {
+    margin-top: 100px !important;
+    padding-top: 0px;
+    border-left: 2px solid #3391FE;
+}
+
+#main h4 {
+    margin-top: 120px !important;
+    padding-top: 0px;
+    padding-left: 16px;
+    margin-left: -16px;
+    border-left: 2px solid #3391FE;
 }
 
 header {
@@ -210,7 +226,7 @@ nav {
   float: left;
   display: block;
   width: 250px;
-  background: #fff;
+  background: #FAFAFA;
   overflow: auto;
   position: fixed;
   height: 100%;
@@ -218,6 +234,7 @@ nav {
   padding-left: 12px;
   overflow-y: auto;
   height: calc(100% - 50px);
+  box-shadow: 1px 0 rgba(0, 0, 0, 0.1);
 }
 
 nav h3 {
@@ -734,6 +751,11 @@ dl.param-type {
     margin: 1em 0;
   }
 
+  #main h4 {
+    margin-left: -8px;
+    padding-left: 8px;
+  }
+
   #main section {
     padding: 0;
   }