Updated docs

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>

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>

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>

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>

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.

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>
 

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.

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>

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."

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'>

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

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>

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."

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 {
+  /* */
 }