Add epigraph styling

This commit is contained in:
Alex Cabal 2024-01-08 21:47:07 -06:00
parent c2e993fec9
commit 57f13bc6ee
3 changed files with 62 additions and 2 deletions

View file

@ -57,7 +57,7 @@
<dc:source>https://www.gutenberg.org/ebooks/2009</dc:source>
<dc:source>https://catalog.hathitrust.org/Record/100424049</dc:source>
<meta property="se:production-notes">Leading chapter summaries in the original have been removed as they merely list the subheadings already in the table of contents.</meta>
<meta property="se:word-count">200096</meta>
<meta property="se:word-count">200095</meta>
<meta property="se:reading-ease.flesch">36.56</meta>
<meta property="se:url.encyclopedia.wikipedia">https://en.wikipedia.org/wiki/The_Origin_of_Species</meta>
<meta property="se:url.vcs.github">https://github.com/standardebooks/charles-darwin_the-origin-of-species</meta>

View file

@ -24,3 +24,64 @@ table{
table tbody td:last-child{
text-align: right;
}
/* All epigraphs */
[epub|type~="epigraph"]{
font-style: italic;
hyphens: none;
-epub-hyphens: none;
}
[epub|type~="epigraph"] i{
font-style: normal;
}
[epub|type~="epigraph"] cite{
font-style: normal;
font-variant: small-caps;
margin-top: 1em;
}
[epub|type~="epigraph"] cite i{
font-style: italic;
}
/* End all epigraphs */
/* Full-page epigraphs */
section[epub|type~="epigraph"]{
text-align: center;
}
section[epub|type~="epigraph"] > *{
display: inline-block;
margin: auto;
margin-top: 3em;
max-width: 80%;
text-align: initial;
}
@supports(display: flex){
section[epub|type~="epigraph"]{
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(98vh - 3em);
padding-top: 3em;
}
section[epub|type~="epigraph"] > *{
margin: 0;
}
section[epub|type~="epigraph"] > * + *{
margin-top: 3em;
}
}
/* End full-page epigraphs */
#epigraph blockquote + blockquote{
margin-top: 3em;
}

View file

@ -7,7 +7,6 @@
</head>
<body epub:type="frontmatter z3998:non-fiction">
<section id="epigraph" epub:type="epigraph">
<h2 epub:type="title">Epigraphs</h2>
<blockquote>
<p>“But with regard to the material world, we can at least go so far as this—we can perceive that events are brought about not by insulated interpositions of Divine power, exerted in each particular case, but by the establishment of general laws.”</p>
<cite>Whewell: <i epub:type="se:name.publication.book">Bridgewater Treatise</i></cite>