Add CSS for footnotes

scss/partials/_base.scss

@@ -1,7 +1,7 @@
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
 
-html{
+html {
     -ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100%;
     font-size:100%;
@@ -9,7 +9,7 @@ html{
     overflow-x:hidden;
 }
 
-body{
+body {
     background:#edf0f2;
     color:#404040;
     font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
@@ -19,27 +19,26 @@ body{
     overflow-x:hidden;
 }
 
-#content{
+#content {
     background:#fcfcfc;
     height:100%;
     margin-left:300px;
-    /* margin:auto; */
     max-width:1200px;
     min-height:100%;
     padding:1.618em 3.236em;
 }
 
-p{
+p {
     font-size:16px;
     line-height:24px;
-    margin:0px 0px 24px 0px;
+    margin:0 0 1.5em 0;
 }
 
-b,strong{
+b,strong {
     font-weight:bold;
 }
 
-i{
+i {
     font-style: italic;
 }
 
@@ -67,29 +66,20 @@ blockquote{
     line-height:24px;
     margin:0px 0px 24px 0px;
     padding: 6px 20px;
+    p {
+        margin-bottom: 1em;
+    }
 }
 
-// .rotate-90{
-//     -webkit-transform:rotate(90deg);
-//     -moz-transform:rotate(90deg);
-//     -ms-transform:rotate(90deg);
-//     -o-transform:rotate(90deg);
-//     transform:rotate(90deg);
-// }
+// Superscript
+sup{
+    font-size:0.5em;
+    line-height:0;
+    position:relative;
+    vertical-align:baseline;
+    top:-0.5em;
 
-// .rotate-270{
-//     -webkit-transform:rotate(270deg);
-//     -moz-transform:rotate(270deg);
-//     -ms-transform:rotate(270deg);
-//     -o-transform:rotate(270deg);
-//     transform:rotate(270deg);
-// }
-
-// *{
-//     -webkit-box-sizing:border-box;
-//     -moz-box-sizing:border-box;
-//     box-sizing:border-box;
-// }
+}
 
 ins{
     background:#ff9;
@@ -288,34 +278,6 @@ span[id*='MathJax-Span']{
     text-align:center;
 }
 
-
-.footnum, .footref{
-    color: #2980b9;
-    font-size: 170%;
-    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-}
-
-.footnum:before, .footref:before{
-    content:"[";
-}
-
-.footnum:after, .footref:after{
-    content:"]";
-}
-
-.footpara {
-    color: #999;
-    font-size: 90%;
-    font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-    padding-bottom: 8px;
-    padding-left: 16px;
-    padding-right: 16px;
-    padding-top: 8px;
-    line-height: 1.25em;
-    /* display: inline; */
-}
-
-
 .todo{
     background-color: #f29f97;
     padding: 0px 4px;

scss/partials/_footnotes.scss

@@ -1,32 +1,21 @@
 // Links to Footnotes
 sup{
-    font-size:0.5em;
-    line-height:0;
-    position:relative;
-    vertical-align:baseline;
-    top:-0.5em;
-}
-
-.footnum, .footref{
+    a.footref, a.footnum{
         color: #2980b9;
-    font-size: 170%;
+        font-size: 12px;
         font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
-}
 
-.footnum:before, .footref:before{
-    content:"[";
-}
+        &:before{ content:"["; }
+        &:after{  content:"]"; }
 
-.footnum:after, .footref:after{
-    content:"]";
+        &:visited {
+            color: #2980b9;
+        }
+    }
 }
 
-
 // Footer
 #footnotes{
-    border-top:1px solid #e1e4e5;
-    padding-top: 36px;
-
     // Individual Foot Div
     div.footdef {
         display: flex;
@@ -55,8 +44,3 @@ sup{
         }
     }
 }
-
-// Do not display the footnote Heading
-h2.footnotes{
-    display:none;
-}

scss/style.scss

@@ -1,6 +1,7 @@
 @import 'partials/_reset.scss';
 
 @import 'partials/_base.scss';
+@import 'partials/_headlines.scss';
 @import 'partials/_nagivation.scss';
 @import 'partials/_toc.scss';
 @import 'partials/_copyright.scss';
@@ -8,6 +9,8 @@
 @import 'partials/_print.scss';
 
 @import 'partials/_footnotes.scss';
+@import 'partials/_aside.scss';
+@import 'partials/_bibliography.scss';
 @import 'partials/_htmlize.scss';
 @import 'partials/_lists.scss';
 @import 'partials/_boxes.scss';