style footnotes block

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 617cb6d..023f574 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -24,7 +24,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.]
 
 [source,json]
 ----

diff --git a/src/css/doc.css b/src/css/doc.css
index 1aadb59..a415646 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -885,3 +885,30 @@ h1.page + aside.toc.embedded {
   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;
+}