From 5760cd850fd36ab483dceb5bfc78928d36ccee63 Mon Sep 17 00:00:00 2001
From: John MacFarlane <jgm@berkeley.edu>
Date: Mon, 2 Nov 2020 10:19:53 -0800
Subject: Default CSS tweaks.

These changes restore the 20px font size while increasing readibility by
reducing line width. (The number of words per line is now similar to
that of pandoc's default LaTeX/PDF output.)  With the narrower lines, we
also need less interline and interparagraph space, so the content
becomes more compact and skimmable:

- Change default font size back to 20px.
- Set font-size for print media to 12pt.
- Reduce interline space.
- Reduce interparagraph space.
- Reduce line width.
- Remove the special `line-height: 1` for table cells,
  which I had suggested but which now seems a mistake.
- Remove the special line-height for pre.
- Ensure that there is a bit more space before a heading
  than after.
- Slightly reduced space after title header.
---
 test/writer.html5 | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

(limited to 'test/writer.html5')

diff --git a/test/writer.html5 b/test/writer.html5
index b5e65a4d7..cb9333efa 100644
--- a/test/writer.html5
+++ b/test/writer.html5
@@ -10,15 +10,15 @@
   <title>Pandoc Test Suite</title>
   <style>
     html {
-      line-height: 1.7;
+      line-height: 1.5;
       font-family: Georgia, serif;
-      font-size: 18px;
+      font-size: 20px;
       color: #1a1a1a;
       background-color: #fdfdfd;
     }
     body {
       margin: 0 auto;
-      max-width: 40em;
+      max-width: 36em;
       padding-left: 50px;
       padding-right: 50px;
       padding-top: 50px;
@@ -38,6 +38,7 @@
       body {
         background-color: transparent;
         color: black;
+        font-size: 12pt;
       }
       p, h2, h3 {
         orphans: 3;
@@ -48,7 +49,7 @@
       }
     }
     p {
-      margin: 1.7em 0;
+      margin: 1em 0;
     }
     a {
       color: #1a1a1a;
@@ -60,10 +61,10 @@
       max-width: 100%;
     }
     h1, h2, h3, h4, h5, h6 {
-      margin-top: 1.7em;
+      margin-top: 1.4em;
     }
     h5, h6 {
-      font-size: 18px;
+      font-size: 1em;
       font-style: italic;
     }
     h6 {
@@ -71,13 +72,13 @@
     }
     ol, ul {
       padding-left: 1.7em;
-      margin-top: 1.7em;
+      margin-top: 1em;
     }
     li > ol, li > ul {
       margin-top: 0;
     }
     blockquote {
-      margin: 1.7em 0 1.7em 1.7em;
+      margin: 1em 0 1em 1.7em;
       padding-left: 1em;
       border-left: 2px solid #e6e6e6;
       color: #606060;
@@ -88,8 +89,7 @@
       margin: 0;
     }
     pre {
-      margin: 1.7em 0;
-      line-height: 1.5em;
+      margin: 1em 0;
       overflow: auto;
     }
     pre code {
@@ -104,10 +104,10 @@
       background-color: #1a1a1a;
       border: none;
       height: 1px;
-      margin: 1.7em 0;
+      margin: 1em 0;
     }
     table {
-      margin: 1.7em 0;
+      margin: 1em 0;
       border-collapse: collapse;
       width: 100%;
       overflow-x: auto;
@@ -118,20 +118,19 @@
       margin-bottom: 0.75em;
     }
     tbody {
+      margin-top: 0.5em;
       border-top: 1px solid #1a1a1a;
       border-bottom: 1px solid #1a1a1a;
     }
     th {
       border-top: 1px solid #1a1a1a;
       padding: 0.25em 0.5em 0.25em 0.5em;
-      line-height: 1;
     }
     td {
       padding: 0.125em 0.5em 0.25em 0.5em;
-      line-height: 1;
     }
     header {
-      margin-bottom: 6em;
+      margin-bottom: 4em;
       text-align: center;
     }
     #TOC li {
-- 
cgit v1.2.3