View Single Post
Old 04-09-2024, 04:39 PM   #20
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 74,405
Karma: 129358310
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
@Turtle91 have a look at my modified CSS vs StandardEbooks CSS. The book is McTeague by Frank Norris https://standardebooks.org/ebooks/fr...ad?format=epub

The version I chose is the compatible version which is not compatible.

Can you say that their CSS is less complicated?

StandardEbooks CSS
core.css
Spoiler:
@charset "utf-8";
@namespace epub "http://www.idpf.org/2007/ops";
body {
font-variant-numeric: oldstyle-nums;
hyphens: auto;
adobe-hyphenate: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-epub-hyphens: auto;
text-wrap: pretty;
}
p {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-indent: 1em;
}
hr {
border: none;
border-top: 1px solid;
height: 0;
margin-top: 1.5em;
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
width: 25%;
}
q::before, q::after {
content: "";
}
blockquote {
margin-top: 1em;
margin-right: 2.5em;
margin-bottom: 1em;
margin-left: 2.5em;
}
h1, h2, h3, h4, h5, h6, hgroup {
break-after: avoid;
page-break-after: avoid;
break-inside: avoid;
page-break-inside: avoid;
font-variant: small-caps;
hyphens: none;
adobe-text-layout: optimizeSpeed;
/* For Nook */
adobe-hyphenate: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-epub-hyphens: none;
margin-top: 3em;
margin-right: 0;
margin-bottom: 3em;
margin-left: 0;
text-align: center;
}
/* simulate h3 in an hgroup */
hgroup h2 + p {
font-size: 1.17em;
}
/* simulate h4 in an hgroup */
hgroup h2 + p + p, hgroup h3 + p {
font-size: 1em;
}
/* simulate h5 in an hgroup */
hgroup h2 + p + p + p, hgroup h3 + p + p, hgroup h4 + p {
font-size: 0.83em;
}
/* simulate h6 in an hgroup */
hgroup h2 + p + p + p + p, hgroup h3 + p + p + p, hgroup h4 + p + p, hgroup h5 + p {
font-size: 0.67em;
}
hgroup > * {
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
hgroup > *.first-child, hgroup > *:first-child {
font-weight: bold;
}
hgroup > p {
text-indent: 0;
}
p.continued, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, header + p, hr + p, hgroup + p, p.first-child, p:first-child {
hanging-punctuation: first last;
text-indent: 0;
}
cite {
font-style: normal;
}
abbr {
border: none;
white-space: nowrap;
}
blockquote cite {
display: block;
font-style: italic;
text-align: right;
}
blockquote cite i {
font-style: normal;
}
b, strong {
font-variant: small-caps;
font-weight: normal;
}
i > i, em > i, i > em {
font-style: normal;
}
ol, ul {
margin-bottom: 1em;
margin-top: 1em;
}
header {
break-after: avoid;
page-break-after: avoid;
break-inside: avoid;
page-break-inside: avoid;
hyphens: none;
adobe-text-layout: optimizeSpeed;
/* For Nook */
adobe-hyphenate: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-epub-hyphens: none;
text-align: center;
}
header > * + p {
text-indent: 0;
}
article > header + *, section > header + * {
margin-top: 3em;
}
a.epub-type-noteref {
font-size: 0.75em;
font-style: normal !important;
vertical-align: super;
}
section.epub-type-footnotes > ol > li {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* Invert images in dark mode. RMSDK requires a target media as well as a state. */
@media all and (prefers-color-scheme: dark) {
img.epub-type-se-image-color-depth-black-on-transparent {
filter: invert(100%);
}
img.epub-type-se-image-color-depth-black-on-transparent.epub-type-se-image-style-realistic {
background: currentColor;
filter: none;
}
}
/* For legacy reading systems */
article, aside, figure, figcaption, footer, header, main, nav, section {
display: block;
}
/* ADE can't handle the way we hide the title/author/contributor blocks in the titlepage, so hide them from ADE... */
section.epub-type-titlepage h1, section.epub-type-titlepage p, section.epub-type-colophon h2, section.epub-type-imprint h2 {
display: none;
}
/* ...but enable them for accessibility in all other ereaders */
@supports(font-size: 0){
section.epub-type-titlepage h1,
section.epub-type-titlepage p,
section.epub-type-colophon h2,
section.epub-type-imprint h2{
display: block;
}
}
/* Epub2 compatibility CSS */
img.epub-type-z3998-publisher-logo {
width: 222px;
/* This gets scaled up by 2px when adding the white outside path during the build process */
}
/* Give PNGs a white background for night mode compatibility... */
img.epub-type-se-image-color-depth-black-on-transparent {
background: #fff !important;
/* `!important` is required to make sure readers respect the BG color */
}
/* ...except our house PNGs, which were rendered from SVGs with a white stroke... */
.epub-type-titlepage img.epub-type-se-image-color-depth-black-on-transparent, img.epub-type-se-image-color-depth-black-on-transparent.epub-type-z3998-publisher-logo {
background: transparent !important;
}
/* ...or if the device supports prefers-color-scheme. We’ll invert the image in core.css. RMSDK requires a target media as well as a state. */
@media all and (prefers-color-scheme) {
img.epub-type-se-image-color-depth-black-on-transparent:not(.epub-type-se-image-style-realistic) {
background: transparent !important;
}
}
/* Vertical align any MathML images we might have */
img.mathml {
vertical-align: middle;
}
/* As of 2020-09 hanging punctuation only works on iBooks. However, when it hangs over the page margin, it's
not rendered. So here we simply remove it for iBooks, unless it's on an element that already has a margin
like <blockquote> */
:root[__ibooks_internal_theme] blockquote + p, :root[__ibooks_internal_theme] h2 + p, :root[__ibooks_internal_theme] h3 + p, :root[__ibooks_internal_theme] h4 + p, :root[__ibooks_internal_theme] h5 + p, :root[__ibooks_internal_theme] h6 + p, :root[__ibooks_internal_theme] header + p, :root[__ibooks_internal_theme] hr + p, :root[__ibooks_internal_theme] ol + p, :root[__ibooks_internal_theme] ul + p, :root[__ibooks_internal_theme] table + p, :root[__ibooks_internal_theme] hgroup + p, :root[__ibooks_internal_theme] p.first-child, :root[__ibooks_internal_theme] p:first-child {
hanging-punctuation: none !important;
}
:root[__ibooks_internal_theme] blockquote p.first-child, :root[__ibooks_internal_theme] blockquote p:first-child {
hanging-punctuation: first last !important;
}

local.css
Spoiler:
@charset "utf-8";
@namespace epub "http://www.idpf.org/2007/ops";
.epub-type-z3998-verse p {
text-align: left;
text-indent: 0;
}
.epub-type-z3998-verse p > span {
display: block;
padding-left: 1em;
text-indent: -1em;
}
.epub-type-z3998-verse p > span + br {
display: none;
}
/* All dedications */
section.epub-type-dedication {
text-align: center;
}
section.epub-type-dedication > * {
display: inline-block;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
margin-top: 3em;
max-width: 80%;
}
@supports(display: flex){
section.epub-type-dedication{
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-dedication > *{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
}
/* End all dedications */
section.epub-type-dedication p {
font-variant: small-caps;
}
section.epub-type-dedication i {
font-variant: normal;
}
section.epub-type-dedication b {
font-size: 1.25em;
}

se.css
Spoiler:
@charset "utf-8";
@namespace epub "http://www.idpf.org/2007/ops";
/* This may appear in the colophon */
abbr.epub-type-se-era {
font-variant: small-caps;
text-transform: lowercase;
}
section.epub-type-titlepage h1, section.epub-type-titlepage p, section.epub-type-colophon h2, section.epub-type-imprint h2 {
font-size: 0;
/* Required for Kobo not to add an extra page to the title */
left: -999em;
position: absolute;
/* Required for Kindle */
}
section.epub-type-titlepage img {
display: block;
margin-top: 3em;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
width: 100%;
}
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;
}
img.epub-type-z3998-publisher-logo {
max-width: 25%;
width: 220px;
}
section.epub-type-colophon p, section.epub-type-imprint p {
margin-top: 1em;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-indent: 0;
}
section.epub-type-imprint p {
font-size: 0.75em;
text-align: justify;
width: 75%;
}
section.epub-type-colophon p + p::before {
border-top: 1px solid;
content: "";
display: block;
margin-top: auto;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 25%;
}
section.epub-type-colophon a {
font-variant: small-caps;
}
section.epub-type-imprint a, section.epub-type-colophon a {
hyphens: none;
adobe-text-layout: optimizeSpeed;
/* For Nook */
adobe-hyphenate: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-epub-hyphens: none;
}
section.epub-type-copyright-page p {
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: 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;
}


My CSS
Spoiler:
blockquote {
margin-top: 1em;
margin-right: 1.5em;
margin-bottom: 1em;
margin-left: 1.5em;
}
body {
widows: 1;
orphans: 1;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: justify;
}
h2 {
text-align: center;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
hr {
margin-top: 1em;
margin-right: 40%;
margin-bottom: 0.9em;
margin-left: 40%;
border-top: 2px solid;
}
img {
max-height: 100%;
max-width: 100%;
}
p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em;
}
h2 + p, hr + p {
text-indent: 0;
}
.center {
text-align: center;
text-indent: 0;
}
.copy {
font-size: small;
margin-top: 0.5em;
text-indent: 0;
}
.ded {
text-align: center;
text-indent: 0;
margin-top: 3em;
}
.noindent {
text-indent: 0;
}
.smallcaps {
font-size: 0.8333em;
}
.spaceb {
margin-bottom: 1em;
}
.subtitle {
margin-top: 0.5em;
text-align: center;
}
.title {
margin-top: 3em;
margin-bottom: 0;
text-align: center;
}
JSWolf is offline   Reply With Quote