public/css: Use sans-serif font stack on footnotes

2 files changed, 8 insertions, 5 deletions

diff --git a/public/css/tdro-dark.css b/public/css/tdro-dark.css
index 5c7c338..2fc3c29 100644
--- a/public/css/tdro-dark.css
+++ b/public/css/tdro-dark.css
@@ -4,8 +4,9 @@ html { background-color: #001f2c; }
 a { color: #75b2f0; }
 a.navbar-item:hover { color: #fff !important; }
 img { box-shadow: none; }
-body, .serif > a { color: #cad6e2 }
+body, .sans-serif > a, .serif > a { color: #cad6e2 }
 .article__list li:hover { background-color: #003247; }
+.leftnote, .rightnote { color: #a9bdd0; }
 .medium-zoom-overlay { background-color: #001f2c; background-color: rgba(0, 31, 44, .9); }
 .navbar-item, .subtitle, .has-text-grey-dark { color: #ddd !important; }
 .navbar__mobile__compact .navbar__active, .navbar-end .navbar__active { color: #75b2f0 !important; }
diff --git a/public/css/tdro.css b/public/css/tdro.css
index 8fef57b..4e58714 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -207,7 +207,8 @@ body,
 button,
 input,
 select,
-textarea {
+textarea,
+.sans-serif {
   font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
   'Droid Sans', 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 }
@@ -4330,7 +4331,7 @@ a code { color: #0147b7; }
 .front__more { text-transform: uppercase; }
 .front__more svg { vertical-align: bottom; }
 
-.serif > a { color: #222; }
+.sans-serif > a, .serif > a { color: #222; }
 .is-size-serif { font-size: 1.3em !important; }
 .serif { font-family: Charter, Georgia, 'Book Antiqua', serif; }
 
@@ -4496,7 +4497,7 @@ a code { color: #0147b7; }
 
 .underline,
 .isso-comment > div.text-wrapper > .text a,
-.serif > a {
+.sans-serif > a, .serif > a {
   border-bottom: 1px solid #999;
 }
 
@@ -4506,6 +4507,7 @@ a code { color: #0147b7; }
 li a:focus,
 li a:focus span,
 .post-header a:focus,
+.sans-serif > a:focus,
 .serif > a:focus,
 .underline:focus,
 .isso-comment > div.text-wrapper > .text a:focus,
@@ -4563,9 +4565,9 @@ figcaption { font-size: 0.9em; margin-top: 1.5em; }
   margin-top: 0;
   margin-bottom: 1em;
   font-size: 0.75em;
-  line-height: 1.6;
   vertical-align: baseline;
   position: relative;
+  color: #333;
 }
 
 @media (min-width: 769px) { .rightnote { padding-right: 1.125em; } .leftnote { text-align: right; padding-left: 1.125em; } .leftnote, .rightnote { max-width: 22em; } }