Tweak footnote font size

[blog] / public / css / poole.css

diff --git a/public/css/poole.css b/public/css/poole.css
index 44c937a199c4621e4f0c8fb4881c8a682817b6cf..76768751023084c435184606507896593b952c8e 100644 (file)
--- a/public/css/poole.css
+++ b/public/css/poole.css
@@ -1,3 +1,5 @@
+.footnotes { font-size: 80%; }
+
 /*
  *                        ___
  *                       /\_ \
@@ -9,13 +11,8 @@
  *    \ \_\
  *     \/_/
  *
- * In the novel, *The Strange Case of Dr. Jeykll and Mr. Hyde*, Mr. Poole is Dr.
- * Jekyll's virtuous and loyal butler. Similarly, Poole is an upstanding and
- * effective foundation for Jekyll themes.
- *
- * Designed, built, and released under MIT license by @mdo.
- *
- * Learn more at https://github.com/poole/poole.
+ * Designed, built, and released under MIT license by @mdo. Learn more at
+ * https://github.com/poole/poole.
  */
 
 
@@ -53,11 +50,11 @@ body {
 }
 
 html {
-  font-family: "PT Sans", Helvetica, Arial, sans-serif;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
 }
-@media (min-width: 38rem) {
+@media (min-width: 38em) {
   html {
     font-size: 20px;
   }
@@ -75,6 +72,9 @@ a {
   color: #268bd2;
   text-decoration: none;
 }
+a strong {
+  color: inherit;
+}
 /* `:focus` is linked to `:hover` for basic accessibility */
 a:hover,
 a:focus {
@@ -180,6 +180,8 @@ pre code {
   color: inherit;
   background-color: transparent;
 }
+
+/* Pygments via Jekyll */
 .highlight {
   margin-bottom: 1rem;
   border-radius: 4px;
@@ -188,6 +190,28 @@ pre code {
   margin-bottom: 0;
 }
 
+/* Gist via GitHub Pages */
+.gist .gist-file {
+  font-family: Menlo, Monaco, "Courier New", monospace !important;
+}
+.gist .markdown-body {
+  padding: 15px;
+}
+.gist pre {
+  padding: 0;
+  background-color: transparent;
+}
+.gist .gist-file .gist-data {
+  font-size: .8rem !important;
+  line-height: 1.4;
+}
+.gist code {
+  padding: 0;
+  color: inherit;
+  background-color: transparent;
+  border-radius: 0;
+}
+
 /* Quotes */
 blockquote {
   padding: .5rem 1rem;
@@ -198,7 +222,7 @@ blockquote {
 blockquote p:last-child {
   margin-bottom: 0;
 }
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
   blockquote {
     padding-right: 5rem;
     padding-left: 1.25rem;
@@ -207,6 +231,7 @@ blockquote p:last-child {
 
 img {
   display: block;
+  max-width: 100%;
   margin: 0 0 1rem;
   border-radius: 5px;
 }
@@ -386,7 +411,7 @@ a.pagination-item:hover {
   background-color: #f5f5f5;
 }
 
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
   .pagination {
     margin: 3rem 0;
   }