M templates/style-print.css → templates/style-print.css

@@ -4,7 +4,7 @@ color: #222;
 }
 
 html, body {
-  font-size: 11pt !important;
+  font-size: 10pt !important;
   font-family: Helvetica, sans-serif !important;
 }
 
@@ -24,7 +24,7 @@ }
 
 h3,
 a,
-.footnotes ol li a,
+.footnotes a,
 .h-feed .h-entry,
 code,
 pre {
@@ -43,10 +43,16 @@ td, th {
   border: 1pt solid #666;
 }
 
-.footnote ol li a {
+.footnotes a {
   display: block;
   overflow: visible;
   white-space: normal;
+  overflow:visible !important;
+  text-overflow:initial !important;
+}
+
+.footnote-back {
+  display: none;
 }
 
 body > header,
@@ -55,7 +61,7 @@ video,
 audio,
 .footnote-backref,
 .footnote-back,
-.donation,
+.encourage,
 .noprint {
   display:none !important;
 }
@@ -80,4 +86,4 @@ }
 
 .h-feed .h-entry {
   page-break-after: always;
-}
+}    

M templates/style.css → templates/style.css

@@ -4,6 +4,10 @@ -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
+html {
+  background-color: #111;
+}
+
 body {
   margin: 0;
   padding: 0;
@@ -214,8 +218,6 @@ body > footer {
   padding: 0.6em 0.6em;
   background-color: #111;
   text-align: center;
-/*background-color: #424747;
-  text-shadow: 1px 1px #222;*/
 }
 
 body > header nav {
@@ -316,6 +318,7 @@ body > footer nav {
   margin: 1em 0;
 }
 
+.replies .u-url,
 .footnotes a {
   display: inline-block;
   overflow: hidden;
@@ -357,7 +360,8 @@ display: none;
 }
 @media all and (min-width: 58em) {
   body > header > section,
-  body > footer > section {
+  body > footer > section,
+  .grid {
     text-align: left;
     display: flex;
     justify-content:space-between;
@@ -372,6 +376,11 @@ body > header a svg {
     display: inline-block;
     vertical-align: top;
   }
+  
+  .grid iframe {
+    width: 32%;
+    height: 30em;
+  }
 }
 
 body > img {
@@ -380,4 +389,5 @@ bottom: 0;
   right: 0;
   width: 10em;
   height: auto;
-}            +}
+