Add table of contents

_posts/2011-03-10-sample-post.md

@@ -7,6 +7,16 @@ image:
   feature: texture-feature-05.jpg
 ---
 
+<section id="table-of-contents" class="toc">
+  <header>
+    <h3 class="delta">Contents</h3>
+  </header>
+<div id="drawer" markdown="1">
+*  Auto generated table of contents
+{:toc}
+</div>
+</section><!-- /#table-of-contents -->
+
 ## HTML Elements
 
 Below is just about everything you’ll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.

assets/css/ie.css

@@ -1883,7 +1883,7 @@ html {
   margin-left: 4.166666666666667%;
   margin-right: 4.166666666666667%;
   position: fixed;
-  top: 25px;
+  top: 120px;
   right: 0;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

assets/css/main.css

@@ -2837,7 +2837,7 @@ img.mfp-img {
     margin-left: 4.166666666666667%;
     margin-right: 4.166666666666667%;
     position: fixed;
-    top: 25px;
+    top: 120px;
     right: 0;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

assets/less/600.less

@@ -52,7 +52,7 @@ html {
 	.prefix(12,0.5);
 	.suffix(12,0.5);
 	position: fixed;
-	top: 25px;
+	top: 120px;
 	right: 0;
 	.box-shadow(0 0 5px rgba(0,0,0,.50));
 }

theme-setup.md

@@ -8,6 +8,16 @@ image:
   feature: texture-feature-02.jpg
 ---
 
+<section id="table-of-contents" class="toc">
+  <header>
+    <h3 class="delta">Contents</h3>
+  </header>
+<div id="drawer" markdown="1">
+*  Auto generated table of contents
+{:toc}
+</div>
+</section><!-- /#table-of-contents -->
+
 General notes and suggestions for customizing Minimal Mistakes.
 
 ## Basic Setup