diff --git a/documentation/build/include/advice.html b/documentation/build/include/advice.html
index 7365ab215..426447392 100644
--- a/documentation/build/include/advice.html
+++ b/documentation/build/include/advice.html
@@ -1,5 +1,5 @@
 <section id='advice'>
-  <h2 class='page-header'><span>A Word of Advice</span></h2>
+  <h2 class='page-header'><a href="#advice">A Word of Advice</a></h2>
   <p class='lead'>
     Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
   </p>
diff --git a/documentation/build/include/browsers.html b/documentation/build/include/browsers.html
index 3a2dc8e98..5cc265f97 100644
--- a/documentation/build/include/browsers.html
+++ b/documentation/build/include/browsers.html
@@ -1,5 +1,5 @@
 <section id='browsers'>
-  <h2 class='page-header'><span>Browser Support</span></h2>
+  <h2 class='page-header'><a href="#browsers">Browser Support</a></h2>
   <p class="lead">AdminLTE supports the following browsers:</p>
   <ul>
     <li>IE9+</li>
diff --git a/documentation/build/include/components.html b/documentation/build/include/components.html
index 43eb063eb..b75ae2657 100644
--- a/documentation/build/include/components.html
+++ b/documentation/build/include/components.html
@@ -1,5 +1,5 @@
 <section id='components' data-spy="scroll" data-target="#scrollspy-components">
-  <h2 class='page-header'><span>Components</span></h2>
+  <h2 class='page-header'><a href="#components">Components</a></h2>
   <div class='callout callout-info lead'>
     <h4>Reminder!</h4>
     <p>
diff --git a/documentation/build/include/dependencies.html b/documentation/build/include/dependencies.html
index f7644cbdb..ba6e2140f 100644
--- a/documentation/build/include/dependencies.html
+++ b/documentation/build/include/dependencies.html
@@ -1,5 +1,5 @@
 <section id="dependencies">
-  <h2 class="page-header"><span>Dependencies</span></h2>
+  <h2 class="page-header"><a href="#dependencies">Dependencies</a></h2>
   <p class="lead">AdminLTE depends on two main frameworks.
     The downloadable package contains both of these libraries, so you don't have to manually download them.</p>
   <ul>
diff --git a/documentation/build/include/download.html b/documentation/build/include/download.html
index ead924938..72c1060b7 100644
--- a/documentation/build/include/download.html
+++ b/documentation/build/include/download.html
@@ -1,5 +1,5 @@
 <section id='download'>
-  <h2 class='page-header'><span>Download</span></h2>
+  <h2 class='page-header'><a href="#download">Download</a></h2>
   <p class='lead'>
     AdminLTE can be downloaded in two different versions, each appealing to different
     skill levels and use case.
diff --git a/documentation/build/include/faq.html b/documentation/build/include/faq.html
index 8a3b7201e..9999d59cb 100644
--- a/documentation/build/include/faq.html
+++ b/documentation/build/include/faq.html
@@ -1,5 +1,5 @@
 <section id='faq'>
-  <h2 class='page-header'><span>FAQ</span></h2>
+  <h2 class='page-header'><a href="#faq">FAQ</a></h2>
   <h3>Can AdminLTE be used with Wordpress?</h3>
   <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
 
diff --git a/documentation/build/include/introduction.html b/documentation/build/include/introduction.html
index 5ea9ec6df..6ba0ca7d5 100644
--- a/documentation/build/include/introduction.html
+++ b/documentation/build/include/introduction.html
@@ -1,5 +1,5 @@
 <section id='introduction'>
-  <h2 class='page-header'><span>Introduction</span></h2>
+  <h2 class='page-header'><a href="#introduction">Introduction</a></h2>
   <p class='lead'>
     <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
     It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
diff --git a/documentation/build/include/layout.html b/documentation/build/include/layout.html
index 2404ba51a..2bf25731a 100644
--- a/documentation/build/include/layout.html
+++ b/documentation/build/include/layout.html
@@ -1,5 +1,5 @@
 <section id='layout'>
-  <h2 class='page-header'><span>Layout</span></h2>
+  <h2 class='page-header'><a href="#layout">Layout</a></h2>
   <p class='lead'>The layout consists of four major parts:</p>
   <ul>
     <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
diff --git a/documentation/build/include/license.html b/documentation/build/include/license.html
index ba2d13706..c240e51ff 100644
--- a/documentation/build/include/license.html
+++ b/documentation/build/include/license.html
@@ -1,5 +1,5 @@
 <section id="license">
-  <h1 class="page-header"><span>License</span></h1>
+  <h1 class="page-header"><a href="#license">License</a></h1>
   <h3>AdminLTE</h3>
   <p class="lead">AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
     This allows you to do pretty much anything you want as long as you include the copyright in "all copies or substantial portions of the Software."
diff --git a/documentation/build/include/plugins.html b/documentation/build/include/plugins.html
index 5edd05bc7..b34632418 100644
--- a/documentation/build/include/plugins.html
+++ b/documentation/build/include/plugins.html
@@ -1,5 +1,5 @@
 <section id='plugins'>
-  <h2 class='page-header'><span>Plugins</span></h2>
+  <h2 class='page-header'><a href="#plugins">Plugins</a></h2>
   <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
   <div class='row'>
     <div class='col-sm-3'>
diff --git a/documentation/build/include/upgrade.html b/documentation/build/include/upgrade.html
index 25f6fe953..1a701c665 100644
--- a/documentation/build/include/upgrade.html
+++ b/documentation/build/include/upgrade.html
@@ -1,5 +1,5 @@
 <section id='upgrade'>
-  <h2 class='page-header'><span>Upgrade Guide</span></h2>
+  <h2 class='page-header'><a href="#upgrade">Upgrade Guide</a></h2>
   <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
   <h3>New Files</h3>
   <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
diff --git a/documentation/build/index.html b/documentation/build/index.html
index e0dbe84fd..daeaad9ff 100644
--- a/documentation/build/index.html
+++ b/documentation/build/index.html
@@ -52,7 +52,7 @@
           <!-- sidebar menu: : style can be found in sidebar.less -->
           <ul class="nav sidebar-menu">
             <li class="header">TABLE OF CONTENTS</li>
-            <li class='active'><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li>
+            <li><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li>
             <li><a href="#download"><i class='fa fa-circle-o'></i> Download</a></li>
             <li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li>
             <li><a href="#advice"><i class='fa fa-circle-o'></i> Advice</a></li>
diff --git a/documentation/index.html b/documentation/index.html
index 2ebb458d7..d9daac3ac 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -52,7 +52,7 @@
           <!-- sidebar menu: : style can be found in sidebar.less -->
           <ul class="nav sidebar-menu">
             <li class="header">TABLE OF CONTENTS</li>
-            <li class='active'><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li>
+            <li><a href="#introduction"><i class='fa fa-circle-o'></i> Introduction</a></li>
             <li><a href="#download"><i class='fa fa-circle-o'></i> Download</a></li>
             <li><a href="#dependencies"><i class='fa fa-circle-o'></i> Dependencies</a></li>
             <li><a href="#advice"><i class='fa fa-circle-o'></i> Advice</a></li>
@@ -98,7 +98,7 @@
             This documentation is under development. Some information may change as the progress of creating the documentation continues.
           </div>
 <section id='introduction'>
-  <h2 class='page-header'><span>Introduction</span></h2>
+  <h2 class='page-header'><a href="#introduction">Introduction</a></h2>
   <p class='lead'>
     <b>AdminLTE</b> is a popular open source WebApp template for admin dashboards and control panels.
     It is a responsive HTML template that is based on the CSS framework Bootstrap 3.
@@ -113,7 +113,7 @@
           <!-- ============================================================= -->
 
 <section id='download'>
-  <h2 class='page-header'><span>Download</span></h2>
+  <h2 class='page-header'><a href="#download">Download</a></h2>
   <p class='lead'>
     AdminLTE can be downloaded in two different versions, each appealing to different
     skill levels and use case.
@@ -167,7 +167,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id="dependencies">
-  <h2 class="page-header"><span>Dependencies</span></h2>
+  <h2 class="page-header"><a href="#dependencies">Dependencies</a></h2>
   <p class="lead">AdminLTE depends on two main frameworks.
     The downloadable package contains both of these libraries, so you don't have to manually download them.</p>
   <ul>
@@ -180,7 +180,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='advice'>
-  <h2 class='page-header'><span>A Word of Advice</span></h2>
+  <h2 class='page-header'><a href="#advice">A Word of Advice</a></h2>
   <p class='lead'>
     Before you go to see your new awesome theme, here are few tips on how to familiarize yourself with it:
   </p>
@@ -200,7 +200,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='layout'>
-  <h2 class='page-header'><span>Layout</span></h2>
+  <h2 class='page-header'><a href="#layout">Layout</a></h2>
   <p class='lead'>The layout consists of four major parts:</p>
   <ul>
     <li>Wrapper <code>.wrapper</code>. A div that wraps the whole site.</li>
@@ -635,7 +635,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='components' data-spy="scroll" data-target="#scrollspy-components">
-  <h2 class='page-header'><span>Components</span></h2>
+  <h2 class='page-header'><a href="#components">Components</a></h2>
   <div class='callout callout-info lead'>
     <h4>Reminder!</h4>
     <p>
@@ -2150,7 +2150,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='plugins'>
-  <h2 class='page-header'><span>Plugins</span></h2>
+  <h2 class='page-header'><a href="#plugins">Plugins</a></h2>
   <p class="lead">AdminLTE makes use of the following plugins. For documentation, updates or license information, please visit the provided links.</p>
   <div class='row'>
     <div class='col-sm-3'>
@@ -2200,7 +2200,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='browsers'>
-  <h2 class='page-header'><span>Browser Support</span></h2>
+  <h2 class='page-header'><a href="#browsers">Browser Support</a></h2>
   <p class="lead">AdminLTE supports the following browsers:</p>
   <ul>
     <li>IE9+</li>
@@ -2215,7 +2215,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='upgrade'>
-  <h2 class='page-header'><span>Upgrade Guide</span></h2>
+  <h2 class='page-header'><a href="#upgrade">Upgrade Guide</a></h2>
   <p class="lead">To upgrade from version 1.x to the lateset version, follow this guide.</p>
   <h3>New Files</h3>
   <p>Make sure you update all CSS and JS files that are related to AdminLTE. Otherwise, the layout will not
@@ -2244,7 +2244,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id='faq'>
-  <h2 class='page-header'><span>FAQ</span></h2>
+  <h2 class='page-header'><a href="#faq">FAQ</a></h2>
   <h3>Can AdminLTE be used with Wordpress?</h3>
   <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
 
@@ -2264,7 +2264,7 @@ AdminLTE/
           <!-- ============================================================= -->
 
 <section id="license">
-  <h1 class="page-header"><span>License</span></h1>
+  <h1 class="page-header"><a href="#license">License</a></h1>
   <h3>AdminLTE</h3>
   <p class="lead">AdminLTE is an open source project that is licensed under the <a href="http://opensource.org/licenses/MIT">MIT license</a>.
     This allows you to do pretty much anything you want as long as you include the copyright in "all copies or substantial portions of the Software."
diff --git a/documentation/style.css b/documentation/style.css
index fb00e2d05..8b77b4738 100644
--- a/documentation/style.css
+++ b/documentation/style.css
@@ -15,6 +15,9 @@
   font-size: 20px;
   color: #000;
 }
+ul {
+  margin-bottom: 20px;
+}
 .page-header {
   /*border-bottom: 1px solid #ddd;        */
   margin: 20px 0 20px 0;
@@ -27,6 +30,7 @@
   z-index: 5;
   display: block;
   background-color: #ecf0f5;
+  color: #000;
 }
 .page-header span::before,
 .page-header a::before {
@@ -77,40 +81,7 @@
 pre {
   border: none;
 }
-/* desert scheme ported from vim to google prettify */
-pre.prettyprint {display: block; background-color: #333; max-height: 300px; border: none!important; margin-bottom: 20px;}
-pre .nocode { background-color: none; color: #000 }
-pre .str { color: #ffa0a0;} /* string  - pink */
-pre .kwd { color: #f0e68c; font-weight: bold }
-pre .com { color: #87ceeb } /* comment - skyblue */
-pre .typ { color: #98fb98 } /* type    - lightgreen */
-pre .lit { color: #cd5c5c } /* literal - darkred */
-pre .pun { color: #fff }    /* punctuation */
-pre .pln { color: #fff }    /* plaintext */
-pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
-pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
-pre .atv { color: #ffa0a0 } /* attribute value - pink */
-pre .dec { color: #98fb98 } /* decimal         - lightgreen */
 
-/* Specify class=linenums on a pre to get line numbering */
-ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
-li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
-/* Alternate shading for lines */
-li.L1,li.L3,li.L5,li.L7,li.L9 { }
-
-@media print {
-  pre.prettyprint { background-color: none }
-  pre .str, code .str { color: #060 }
-  pre .kwd, code .kwd { color: #006; font-weight: bold }
-  pre .com, code .com { color: #600; font-style: italic }
-  pre .typ, code .typ { color: #404; font-weight: bold }
-  pre .lit, code .lit { color: #044 }
-  pre .pun, code .pun { color: #440 }
-  pre .pln, code .pln { color: #000 }
-  pre .tag, code .tag { color: #006; font-weight: bold }
-  pre .atn, code .atn { color: #404 }
-  pre .atv, code .atv { color: #060 }
-}
 .sidebar {
   margin-top: 0;
   padding-top: 0!important;
@@ -125,4 +96,146 @@ li.L1,li.L3,li.L5,li.L7,li.L9 { }
 }
 p {
   padding: 0!important;
+}
+/* Hemisu Light */
+/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
+.prettyprint {
+  background: white;
+  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  border: 1px solid #dedede!important;
+  padding: 10px;
+  max-height: 300px;
+}
+
+.pln {
+  color: #111111;
+}
+
+@media screen {
+  .str {
+    color: #739200;
+  }
+
+  .kwd {
+    color: #739200;
+  }
+
+  .com {
+    color: #999999;
+  }
+
+  .typ {
+    color: #ff0055;
+  }
+
+  .lit {
+    color: #538192;
+  }
+
+  .pun {
+    color: #111111;
+  }
+
+  .opn {
+    color: #111111;
+  }
+
+  .clo {
+    color: #111111;
+  }
+
+  .tag {
+    color: #111111;
+  }
+
+  .atn {
+    color: #739200;
+  }
+
+  .atv {
+    color: #ff0055;
+  }
+
+  .dec {
+    color: #111111;
+  }
+
+  .var {
+    color: #111111;
+  }
+
+  .fun {
+    color: #538192;
+  }
+}
+@media print, projection {
+  .str {
+    color: #006600;
+  }
+
+  .kwd {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .com {
+    color: #600;
+    font-style: italic;
+  }
+
+  .typ {
+    color: #404;
+    font-weight: bold;
+  }
+
+  .lit {
+    color: #004444;
+  }
+
+  .pun, .opn, .clo {
+    color: #444400;
+  }
+
+  .tag {
+    color: #006;
+    font-weight: bold;
+  }
+
+  .atn {
+    color: #440044;
+  }
+
+  .atv {
+    color: #006600;
+  }
+}
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L4,
+li.L5,
+li.L6,
+li.L7,
+li.L8,
+li.L9 {
+  /* */
+}
+
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 {
+  /* */
 }
\ No newline at end of file