Update core.css, add se.css, and update SE boilerplate files

This commit is contained in:
Alex Cabal 2020-09-09 21:21:02 -05:00
parent 2c7d058ac8
commit 41bf5e02bc
6 changed files with 111 additions and 95 deletions

View File

@ -159,6 +159,7 @@
<item href="toc.xhtml" id="toc.xhtml" media-type="application/xhtml+xml" properties="nav"/> <item href="toc.xhtml" id="toc.xhtml" media-type="application/xhtml+xml" properties="nav"/>
<item href="css/core.css" id="core.css" media-type="text/css"/> <item href="css/core.css" id="core.css" media-type="text/css"/>
<item href="css/local.css" id="local.css" media-type="text/css"/> <item href="css/local.css" id="local.css" media-type="text/css"/>
<item href="css/se.css" id="se.css" media-type="text/css"/>
<item href="images/cover.svg" id="cover.svg" media-type="image/svg+xml" properties="cover-image"/> <item href="images/cover.svg" id="cover.svg" media-type="image/svg+xml" properties="cover-image"/>
<item href="images/logo.svg" id="logo.svg" media-type="image/svg+xml"/> <item href="images/logo.svg" id="logo.svg" media-type="image/svg+xml"/>
<item href="images/titlepage.svg" id="titlepage.svg" media-type="image/svg+xml"/> <item href="images/titlepage.svg" id="titlepage.svg" media-type="image/svg+xml"/>

View File

@ -2,6 +2,7 @@
@namespace epub "http://www.idpf.org/2007/ops"; @namespace epub "http://www.idpf.org/2007/ops";
body{ body{
font-variant-numeric: oldstyle-nums;
hyphens: auto; hyphens: auto;
-epub-hyphens: auto; -epub-hyphens: auto;
} }
@ -29,7 +30,8 @@ h2,
h3, h3,
h4, h4,
h5, h5,
h6{ h6,
hgroup{
font-variant: small-caps; font-variant: small-caps;
hyphens: none; hyphens: none;
-epub-hyphens: none; -epub-hyphens: none;
@ -39,6 +41,15 @@ h6{
margin: 3em 0; margin: 3em 0;
} }
hgroup > *{
font-weight: normal;
margin: 0;
}
hgroup > *:first-child{
font-weight: bold;
}
blockquote + p, blockquote + p,
h2 + p, h2 + p,
h3 + p, h3 + p,
@ -50,7 +61,9 @@ hr + p,
ol + p, ol + p,
ul + p, ul + p,
table + p, table + p,
hgroup + p,
p:first-child{ p:first-child{
hanging-punctuation: first last;
text-indent: 0; text-indent: 0;
} }
@ -107,94 +120,3 @@ a[epub|type~="noteref"]{
section[epub|type~="endnotes"] > ol > li{ section[epub|type~="endnotes"] > ol > li{
margin: 1em 0; margin: 1em 0;
} }
section[epub|type~="colophon"],
section[epub|type~="imprint"]{
text-align: center;
}
section[epub|type~="colophon"] header,
section[epub|type~="imprint"] header{
line-height: 0;
margin-top: 3em;
}
section[epub|type~="colophon"] h2,
section[epub|type~="imprint"] h2{
display: none;
}
img[epub|type~="z3998:publisher-logo"]{
max-width: 25%;
}
section[epub|type~="colophon"] p,
section[epub|type~="imprint"] p{
margin: 1em auto 0 auto;
text-indent: 0;
}
section[epub|type~="imprint"] p{
font-size: .75em;
text-align: justify;
width: 75%;
}
section[epub|type~="colophon"] p + p::before{
border-top: 1px solid;
content: "";
display: block;
margin: auto auto 1em auto;
width: 25%;
}
section[epub|type~="colophon"] a{
font-variant: small-caps;
}
section[epub|type~="imprint"] a,
section[epub|type~="colophon"] a{
hyphens: none;
-epub-hyphens: none;
}
section[epub|type~="copyright-page"] p{
margin: 1em auto;
text-indent: 0;
}
section[epub|type~="copyright-page"] blockquote p{
font-style: italic;
text-align: left;
text-indent: 0;
}
section[epub|type~="copyright-page"] blockquote p span{
display: block;
padding-left: 1em;
text-indent: -1em;
}
section[epub|type~="copyright-page"] blockquote br{
display: none;
}
@supports(display: flex){
section[epub|type~="imprint"]{
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(98vh - 3em);
padding-top: 3em;
}
section[epub|type~="imprint"] header{
margin-bottom: 2em;
margin-top: 0;
}
img[epub|type~="z3998:publisher-logo"]{
max-width: 25vw;
}
}

93
src/epub/css/se.css Normal file
View File

@ -0,0 +1,93 @@
@charset "utf-8";
@namespace epub "http://www.idpf.org/2007/ops";
section[epub|type~="colophon"],
section[epub|type~="imprint"]{
text-align: center;
}
section[epub|type~="colophon"] header,
section[epub|type~="imprint"] header{
line-height: 0;
margin-top: 3em;
}
section[epub|type~="colophon"] h2,
section[epub|type~="imprint"] h2{
display: none;
}
img[epub|type~="z3998:publisher-logo"]{
max-width: 25%;
}
section[epub|type~="colophon"] p,
section[epub|type~="imprint"] p{
margin: 1em auto 0 auto;
text-indent: 0;
}
section[epub|type~="imprint"] p{
font-size: .75em;
text-align: justify;
width: 75%;
}
section[epub|type~="colophon"] p + p::before{
border-top: 1px solid;
content: "";
display: block;
margin: auto auto 1em auto;
width: 25%;
}
section[epub|type~="colophon"] a{
font-variant: small-caps;
}
section[epub|type~="imprint"] a,
section[epub|type~="colophon"] a{
hyphens: none;
-epub-hyphens: none;
}
section[epub|type~="copyright-page"] p{
margin: 1em auto;
text-indent: 0;
}
section[epub|type~="copyright-page"] blockquote p{
font-style: italic;
text-align: left;
text-indent: 0;
}
section[epub|type~="copyright-page"] blockquote p span{
display: block;
padding-left: 1em;
text-indent: -1em;
}
section[epub|type~="copyright-page"] blockquote br{
display: none;
}
@supports(display: flex){
section[epub|type~="imprint"]{
align-content: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(98vh - 3em);
padding-top: 3em;
}
section[epub|type~="imprint"] header{
margin-bottom: 2em;
margin-top: 0;
}
img[epub|type~="z3998:publisher-logo"]{
max-width: 25vw;
}
}

View File

@ -3,7 +3,7 @@
<head> <head>
<title>Colophon</title> <title>Colophon</title>
<link href="../css/core.css" rel="stylesheet" type="text/css"/> <link href="../css/core.css" rel="stylesheet" type="text/css"/>
<link href="../css/local.css" rel="stylesheet" type="text/css"/> <link href="../css/se.css" rel="stylesheet" type="text/css"/>
</head> </head>
<body epub:type="backmatter"> <body epub:type="backmatter">
<section id="colophon" epub:type="colophon"> <section id="colophon" epub:type="colophon">

View File

@ -3,7 +3,7 @@
<head> <head>
<title>Imprint</title> <title>Imprint</title>
<link href="../css/core.css" rel="stylesheet" type="text/css"/> <link href="../css/core.css" rel="stylesheet" type="text/css"/>
<link href="../css/local.css" rel="stylesheet" type="text/css"/> <link href="../css/se.css" rel="stylesheet" type="text/css"/>
</head> </head>
<body epub:type="frontmatter"> <body epub:type="frontmatter">
<section id="imprint" epub:type="imprint"> <section id="imprint" epub:type="imprint">

View File

@ -3,7 +3,7 @@
<head> <head>
<title>Uncopyright</title> <title>Uncopyright</title>
<link href="../css/core.css" rel="stylesheet" type="text/css"/> <link href="../css/core.css" rel="stylesheet" type="text/css"/>
<link href="../css/local.css" rel="stylesheet" type="text/css"/> <link href="../css/se.css" rel="stylesheet" type="text/css"/>
</head> </head>
<body epub:type="backmatter"> <body epub:type="backmatter">
<section id="uncopyright" epub:type="copyright-page"> <section id="uncopyright" epub:type="copyright-page">