Add partial styles.html in HTML5 template.

Avoid duplication in HTML templates by using styles.html partial.
Change indentation of styles in template.
This commit is contained in:
John MacFarlane 2019-09-04 17:33:59 -07:00
parent 75f6af5c12
commit bb362fd76c
18 changed files with 179 additions and 241 deletions

View file

@ -12,3 +12,8 @@ source-repository-package
type: git type: git
location: https://github.com/jgm/pandoc-citeproc location: https://github.com/jgm/pandoc-citeproc
tag: 63498fb22ae6f394f19f6d62312350b566c4aebd tag: 63498fb22ae6f394f19f6d62312350b566c4aebd
source-repository-package
type: git
location: https://github.com/jgm/doctemplates
tag: 37ac859e3c88493ac62ce5f9e32a943d37529b98

View file

@ -13,19 +13,8 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style> <style>
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style>
$highlighting-css$
</style>
$endif$
$if(css)$ $if(css)$
$for(css)$ $for(css)$
<link rel="stylesheet" href="$css$"> <link rel="stylesheet" href="$css$">

View file

@ -15,19 +15,8 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$
$for(css)$ $for(css)$
<link rel="stylesheet" href="$css$" type="text/css" /> <link rel="stylesheet" href="$css$" type="text/css" />
$endfor$ $endfor$

View file

@ -15,19 +15,8 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style> <style>
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style>
$highlighting-css$
</style>
$endif$
$for(css)$ $for(css)$
<link rel="stylesheet" href="$css$" /> <link rel="stylesheet" href="$css$" />
$endfor$ $endfor$

View file

@ -19,19 +19,8 @@ $endif$
<link rel="stylesheet" href="$revealjs-url$/css/reset.css"> <link rel="stylesheet" href="$revealjs-url$/css/reset.css">
<link rel="stylesheet" href="$revealjs-url$/css/reveal.css"> <link rel="stylesheet" href="$revealjs-url$/css/reveal.css">
<style> <style>
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style>
$highlighting-css$
</style>
$endif$
$if(theme)$ $if(theme)$
<link rel="stylesheet" href="$revealjs-url$/css/theme/$theme$.css" id="theme"> <link rel="stylesheet" href="$revealjs-url$/css/theme/$theme$.css" id="theme">
$else$ $else$

View file

@ -16,22 +16,11 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
<!-- configuration parameters --> <!-- configuration parameters -->
<meta name="defaultView" content="slideshow" /> <meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" /> <meta name="controlVis" content="hidden" />
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$
$for(css)$ $for(css)$
<link rel="stylesheet" href="$css$" type="text/css" /> <link rel="stylesheet" href="$css$" type="text/css" />
$endfor$ $endfor$

View file

@ -17,19 +17,8 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$
<link rel="stylesheet" type="text/css" media="screen, projection, print" <link rel="stylesheet" type="text/css" media="screen, projection, print"
href="$slideous-url$/slideous.css" /> href="$slideous-url$/slideous.css" />
$for(css)$ $for(css)$

View file

@ -17,19 +17,8 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} $styles.html()$
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
</style> </style>
$if(highlighting-css)$
<style type="text/css">
$highlighting-css$
</style>
$endif$
<link rel="stylesheet" type="text/css" media="screen, projection, print" <link rel="stylesheet" type="text/css" media="screen, projection, print"
href="$slidy-url$/styles/slidy.css" /> href="$slidy-url$/styles/slidy.css" />
$for(css)$ $for(css)$

View file

@ -0,0 +1,11 @@
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
q { quotes: "“" "”" "" ""; }
$endif$
$if(highlighting-css)$
$highlighting-css$
$endif$

View file

@ -41,6 +41,7 @@ description: Pandoc is a Haskell library for converting from one markup
only adding a reader or writer. only adding a reader or writer.
data-files: data-files:
-- templates -- templates
data/templates/styles.html
data/templates/default.html4 data/templates/default.html4
data/templates/default.html5 data/templates/default.html5
data/templates/default.docbook4 data/templates/default.docbook4

View file

@ -14,6 +14,8 @@ extra-deps:
# - pandoc-citeproc-0.16.2 # - pandoc-citeproc-0.16.2
- git: https://github.com/jgm/pandoc-citeproc - git: https://github.com/jgm/pandoc-citeproc
commit: 63498fb22ae6f394f19f6d62312350b566c4aebd commit: 63498fb22ae6f394f19f6d62312350b566c4aebd
- git: https://github.com/jgm/doctemplates
commit: 37ac859e3c88493ac62ce5f9e32a943d37529b98
- pandoc-types-1.17.6 - pandoc-types-1.17.6
- ipynb-0.1 - ipynb-0.1
- cmark-gfm-0.2.0 - cmark-gfm-0.2.0
@ -23,7 +25,7 @@ extra-deps:
- skylighting-core-0.8.2 - skylighting-core-0.8.2
- skylighting-0.8.2 - skylighting-0.8.2
- doclayout-0.1 - doclayout-0.1
- doctemplates-0.6 #- doctemplates-0.6
ghc-options: ghc-options:
"$locals": -fhide-source-paths -Wno-missing-home-modules "$locals": -fhide-source-paths -Wno-missing-home-modules
resolver: lts-13.17 resolver: lts-13.17

View file

@ -6,74 +6,72 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>lhs-test</title> <title>lhs-test</title>
<style> <style>
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> pre > code.sourceCode { white-space: pre; position: relative; }
<style> pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode { white-space: pre; position: relative; } pre > code.sourceCode > span:empty { height: 1.2em; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; } code.sourceCode > span { color: inherit; text-decoration: inherit; }
pre > code.sourceCode > span:empty { height: 1.2em; } div.sourceCode { margin: 1em 0; }
code.sourceCode > span { color: inherit; text-decoration: inherit; } pre.sourceCode { margin: 0; }
div.sourceCode { margin: 1em 0; } @media screen {
pre.sourceCode { margin: 0; } div.sourceCode { overflow: auto; }
@media screen { }
div.sourceCode { overflow: auto; } @media print {
} pre > code.sourceCode { white-space: pre-wrap; }
@media print { pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
pre > code.sourceCode { white-space: pre-wrap; } }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; } pre.numberSource code
} { counter-reset: source-line 0; }
pre.numberSource code pre.numberSource code > span
{ counter-reset: source-line 0; } { position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span pre.numberSource code > span > a:first-child::before
{ position: relative; left: -4em; counter-increment: source-line; } { content: counter(source-line);
pre.numberSource code > span > a:first-child::before position: relative; left: -1em; text-align: right; vertical-align: baseline;
{ content: counter(source-line); border: none; display: inline-block;
position: relative; left: -1em; text-align: right; vertical-align: baseline; -webkit-touch-callout: none; -webkit-user-select: none;
border: none; display: inline-block; -khtml-user-select: none; -moz-user-select: none;
-webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
-khtml-user-select: none; -moz-user-select: none; padding: 0 4px; width: 4em;
-ms-user-select: none; user-select: none; color: #aaaaaa;
padding: 0 4px; width: 4em; }
color: #aaaaaa; pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
} div.sourceCode
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; } { }
div.sourceCode @media screen {
{ } pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
@media screen { }
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; } code span.al { color: #ff0000; font-weight: bold; } /* Alert */
} code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.al { color: #ff0000; font-weight: bold; } /* Alert */ code span.at { color: #7d9029; } /* Attribute */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ code span.bn { color: #40a070; } /* BaseN */
code span.at { color: #7d9029; } /* Attribute */ code span.bu { } /* BuiltIn */
code span.bn { color: #40a070; } /* BaseN */ code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code span.bu { } /* BuiltIn */ code span.ch { color: #4070a0; } /* Char */
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ code span.cn { color: #880000; } /* Constant */
code span.ch { color: #4070a0; } /* Char */ code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cn { color: #880000; } /* Constant */ code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */ code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ code span.dt { color: #902000; } /* DataType */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */ code span.dv { color: #40a070; } /* DecVal */
code span.dt { color: #902000; } /* DataType */ code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.dv { color: #40a070; } /* DecVal */ code span.ex { } /* Extension */
code span.er { color: #ff0000; font-weight: bold; } /* Error */ code span.fl { color: #40a070; } /* Float */
code span.ex { } /* Extension */ code span.fu { color: #06287e; } /* Function */
code span.fl { color: #40a070; } /* Float */ code span.im { } /* Import */
code span.fu { color: #06287e; } /* Function */ code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.im { } /* Import */ code span.kw { color: #007020; font-weight: bold; } /* Keyword */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ code span.op { color: #666666; } /* Operator */
code span.kw { color: #007020; font-weight: bold; } /* Keyword */ code span.ot { color: #007020; } /* Other */
code span.op { color: #666666; } /* Operator */ code span.pp { color: #bc7a00; } /* Preprocessor */
code span.ot { color: #007020; } /* Other */ code span.sc { color: #4070a0; } /* SpecialChar */
code span.pp { color: #bc7a00; } /* Preprocessor */ code span.ss { color: #bb6688; } /* SpecialString */
code span.sc { color: #4070a0; } /* SpecialChar */ code span.st { color: #4070a0; } /* String */
code span.ss { color: #bb6688; } /* SpecialString */ code span.va { color: #19177c; } /* Variable */
code span.st { color: #4070a0; } /* String */ code span.vs { color: #4070a0; } /* VerbatimString */
code span.va { color: #19177c; } /* Variable */ code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
</style> </style>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>

View file

@ -6,74 +6,72 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>lhs-test</title> <title>lhs-test</title>
<style> <style>
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> pre > code.sourceCode { white-space: pre; position: relative; }
<style> pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode { white-space: pre; position: relative; } pre > code.sourceCode > span:empty { height: 1.2em; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; } code.sourceCode > span { color: inherit; text-decoration: inherit; }
pre > code.sourceCode > span:empty { height: 1.2em; } div.sourceCode { margin: 1em 0; }
code.sourceCode > span { color: inherit; text-decoration: inherit; } pre.sourceCode { margin: 0; }
div.sourceCode { margin: 1em 0; } @media screen {
pre.sourceCode { margin: 0; } div.sourceCode { overflow: auto; }
@media screen { }
div.sourceCode { overflow: auto; } @media print {
} pre > code.sourceCode { white-space: pre-wrap; }
@media print { pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
pre > code.sourceCode { white-space: pre-wrap; } }
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; } pre.numberSource code
} { counter-reset: source-line 0; }
pre.numberSource code pre.numberSource code > span
{ counter-reset: source-line 0; } { position: relative; left: -4em; counter-increment: source-line; }
pre.numberSource code > span pre.numberSource code > span > a:first-child::before
{ position: relative; left: -4em; counter-increment: source-line; } { content: counter(source-line);
pre.numberSource code > span > a:first-child::before position: relative; left: -1em; text-align: right; vertical-align: baseline;
{ content: counter(source-line); border: none; display: inline-block;
position: relative; left: -1em; text-align: right; vertical-align: baseline; -webkit-touch-callout: none; -webkit-user-select: none;
border: none; display: inline-block; -khtml-user-select: none; -moz-user-select: none;
-webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
-khtml-user-select: none; -moz-user-select: none; padding: 0 4px; width: 4em;
-ms-user-select: none; user-select: none; color: #aaaaaa;
padding: 0 4px; width: 4em; }
color: #aaaaaa; pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
} div.sourceCode
pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; } { }
div.sourceCode @media screen {
{ } pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
@media screen { }
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; } code span.al { color: #ff0000; font-weight: bold; } /* Alert */
} code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.al { color: #ff0000; font-weight: bold; } /* Alert */ code span.at { color: #7d9029; } /* Attribute */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ code span.bn { color: #40a070; } /* BaseN */
code span.at { color: #7d9029; } /* Attribute */ code span.bu { } /* BuiltIn */
code span.bn { color: #40a070; } /* BaseN */ code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code span.bu { } /* BuiltIn */ code span.ch { color: #4070a0; } /* Char */
code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ code span.cn { color: #880000; } /* Constant */
code span.ch { color: #4070a0; } /* Char */ code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cn { color: #880000; } /* Constant */ code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */ code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ code span.dt { color: #902000; } /* DataType */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */ code span.dv { color: #40a070; } /* DecVal */
code span.dt { color: #902000; } /* DataType */ code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.dv { color: #40a070; } /* DecVal */ code span.ex { } /* Extension */
code span.er { color: #ff0000; font-weight: bold; } /* Error */ code span.fl { color: #40a070; } /* Float */
code span.ex { } /* Extension */ code span.fu { color: #06287e; } /* Function */
code span.fl { color: #40a070; } /* Float */ code span.im { } /* Import */
code span.fu { color: #06287e; } /* Function */ code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.im { } /* Import */ code span.kw { color: #007020; font-weight: bold; } /* Keyword */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ code span.op { color: #666666; } /* Operator */
code span.kw { color: #007020; font-weight: bold; } /* Keyword */ code span.ot { color: #007020; } /* Other */
code span.op { color: #666666; } /* Operator */ code span.pp { color: #bc7a00; } /* Preprocessor */
code span.ot { color: #007020; } /* Other */ code span.sc { color: #4070a0; } /* SpecialChar */
code span.pp { color: #bc7a00; } /* Preprocessor */ code span.ss { color: #bb6688; } /* SpecialString */
code span.sc { color: #4070a0; } /* SpecialChar */ code span.st { color: #4070a0; } /* String */
code span.ss { color: #bb6688; } /* SpecialString */ code span.va { color: #19177c; } /* Variable */
code span.st { color: #4070a0; } /* String */ code span.vs { color: #4070a0; } /* VerbatimString */
code span.va { color: #19177c; } /* Variable */ code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
</style> </style>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>

View file

@ -11,10 +11,10 @@
<meta name="date" content="2006-07-15" /> <meta name="date" content="2006-07-15" />
<title>My S5 Document</title> <title>My S5 Document</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!-- configuration parameters --> <!-- configuration parameters -->
<meta name="defaultView" content="slideshow" /> <meta name="defaultView" content="slideshow" />

View file

@ -11,10 +11,10 @@
<meta name="date" content="2006-07-15" /> <meta name="date" content="2006-07-15" />
<title>My S5 Document</title> <title>My S5 Document</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!-- configuration parameters --> <!-- configuration parameters -->
<meta name="defaultView" content="slideshow" /> <meta name="defaultView" content="slideshow" />

View file

@ -9,10 +9,10 @@
<meta name="date" content="2006-07-15" /> <meta name="date" content="2006-07-15" />
<title>My S5 Document</title> <title>My S5 Document</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<link rel="stylesheet" href="main.css" type="text/css" /> <link rel="stylesheet" href="main.css" type="text/css" />
STUFF INSERTED STUFF INSERTED

View file

@ -9,10 +9,10 @@
<meta name="date" content="2006-07-17" /> <meta name="date" content="2006-07-17" />
<title>Pandoc Test Suite</title> <title>Pandoc Test Suite</title>
<style type="text/css"> <style type="text/css">
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
</head> </head>
<body> <body>

View file

@ -9,10 +9,10 @@
<meta name="dcterms.date" content="2006-07-17" /> <meta name="dcterms.date" content="2006-07-17" />
<title>Pandoc Test Suite</title> <title>Pandoc Test Suite</title>
<style> <style>
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{display: inline-block; vertical-align: top; width: 50%;}
</style> </style>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>