style footnotes block

Author: mojavelinux

preview-src/index.adoc

@@ -25,7 +25,7 @@ Lorem pertinacia `expetenda` et nec, [.underline]#wisi# illud [.line-through]#so
 H~2~0.
 E = mc^2^.
 Eum an doctus <<liber-recusabo,maiestatis efficiantur>>.
-Eu mea inani iriure.
+Eu mea inani iriure.footnote:[Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae! Lorem ipsum dolor sit amet, consectetur adipiscing elit.]
 
 [,json]
 ----

src/css/doc.css

@@ -991,3 +991,30 @@
   hyphens: none;
   word-wrap: normal;
 }
+
+#footnotes {
+  font-size: 0.85em;
+  line-height: 1.5;
+  margin: 2rem -0.5rem 0;
+}
+
+#footnotes hr {
+  border-top-width: 1px;
+  margin-top: 0;
+  width: 20%;
+}
+
+#footnotes .footnote {
+  margin: 0.5em 0 0 1em;
+}
+
+#footnotes .footnote + .footnote {
+  margin-top: 0.25em;
+}
+
+#footnotes .footnote > a:first-of-type {
+  display: inline-block;
+  margin-left: -2em;
+  text-align: right;
+  width: 1.5em;
+}