aboutsummaryrefslogtreecommitdiff
path: root/test
diff options
context:
space:
mode:
authorJohn MacFarlane <jgm@berkeley.edu>2020-11-02 10:19:53 -0800
committerJohn MacFarlane <jgm@berkeley.edu>2020-11-02 10:51:18 -0800
commit5760cd850fd36ab483dceb5bfc78928d36ccee63 (patch)
treef8e1b7f1718aecb2c53db3921f9d26a9d864b19c /test
parent1175b0a008bbd35dd424dc82fc05dcc665a3a75f (diff)
downloadpandoc-5760cd850fd36ab483dceb5bfc78928d36ccee63.tar.gz
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.
Diffstat (limited to 'test')
-rw-r--r--test/lhs-test.html29
-rw-r--r--test/lhs-test.html+lhs29
-rw-r--r--test/writer.html429
-rw-r--r--test/writer.html529
4 files changed, 56 insertions, 60 deletions
diff --git a/test/lhs-test.html b/test/lhs-test.html
index 888b38826..38e0830f6 100644
--- a/test/lhs-test.html
+++ b/test/lhs-test.html
@@ -7,15 +7,15 @@
<title>lhs-test</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;
@@ -35,6 +35,7 @@
body {
background-color: transparent;
color: black;
+ font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
@@ -45,7 +46,7 @@
}
}
p {
- margin: 1.7em 0;
+ margin: 1em 0;
}
a {
color: #1a1a1a;
@@ -57,10 +58,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 {
@@ -68,13 +69,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;
@@ -85,8 +86,7 @@
margin: 0;
}
pre {
- margin: 1.7em 0;
- line-height: 1.5em;
+ margin: 1em 0;
overflow: auto;
}
pre code {
@@ -101,10 +101,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;
@@ -115,20 +115,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 {
diff --git a/test/lhs-test.html+lhs b/test/lhs-test.html+lhs
index 235bb499e..bc2503cca 100644
--- a/test/lhs-test.html+lhs
+++ b/test/lhs-test.html+lhs
@@ -7,15 +7,15 @@
<title>lhs-test</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;
@@ -35,6 +35,7 @@
body {
background-color: transparent;
color: black;
+ font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
@@ -45,7 +46,7 @@
}
}
p {
- margin: 1.7em 0;
+ margin: 1em 0;
}
a {
color: #1a1a1a;
@@ -57,10 +58,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 {
@@ -68,13 +69,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;
@@ -85,8 +86,7 @@
margin: 0;
}
pre {
- margin: 1.7em 0;
- line-height: 1.5em;
+ margin: 1em 0;
overflow: auto;
}
pre code {
@@ -101,10 +101,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;
@@ -115,20 +115,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 {
diff --git a/test/writer.html4 b/test/writer.html4
index a74705151..76578249a 100644
--- a/test/writer.html4
+++ b/test/writer.html4
@@ -10,15 +10,15 @@
<title>Pandoc Test Suite</title>
<style type="text/css">
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 {
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 {