Add CSS for footnotes

Author: richardg867

assets/css/style-print.css

@@ -39,6 +39,19 @@ a, a:visited {
 p, ul, ol {
 	margin: 0.65em 0;
 }
+sup {
+	font-size: x-small;
+}
+sup > a.footnote::before {
+	content: "[";
+	margin-left: 1pt;
+}
+sup > a.footnote::after {
+	content: "]";
+}
+a.reversefootnote {
+	font-size: smaller;
+}
 .image {
 	text-align: center;
 }

assets/css/style-reduced.css

@@ -77,6 +77,15 @@ div#socialnew {
 }
 
 /* Blog */
+sup {
+	font-size: x-small;
+}
+sup > a.footnote {
+	margin-left: 1pt;
+}
+a.reversefootnote {
+	font-size: smaller;
+}
 img.heading, img.image {
 	text-align: center;
 	max-width: 100%; /* N/A on IE6 */

assets/css/style.css

@@ -159,6 +159,19 @@ div#socialold {
 p, ul, ol {
 	margin: 0.65em 0;
 }
+sup {
+	font-size: x-small;
+}
+sup > a.footnote::before {
+	content: "[";
+	margin-left: 1pt;
+}
+sup > a.footnote::after {
+	content: "]";
+}
+a.reversefootnote {
+	font-size: smaller;
+}
 div.image, figure {
 	margin-top: 1em;
 	margin-bottom: 1em;