View Single Post
Old 08-23-2022, 11:47 AM   #70
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 47,053
Karma: 169810634
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by JSWolf View Post
This is the CSS code I change or delete.

Spoiler:
Code:
/*
 * The Standoff
 * Stylesheet generated by Vellum
 */

@font-face {
    font-family: Quicksand;
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/00001.ttf");
}
p.subsq {
    margin-top: 0.7em;
    orphans: 2;
}
p, li {
    hyphens: auto;
    adobe-hyphenate: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-after: 4;
    -webkit-hyphenate-limit-before: 4;
}
body {
    font-family: Palatino, serif;
    font-weight: 400;
    font-style: normal;
}
span.smallcaps {
    font-variant-numeric: normal;
    font-variant: small-caps;
    font-variant-alternates: normal;
    font-variant-position: normal;
    font-variant-east-asian: normal;
    letter-spacing: 0.04em;
    font-variant-ligatures: none;
}
.heading {
    margin-bottom: 2em;
}
p.alignment-block-content-left {
    text-align: left;
}


@font-face, p (with the hyphen code), body, and heading all get deleted. p.subsq gets changed to text-indent: 1.2em;. The letter-spacing in the smallcaps code goes. And any instance of text-align: left; also goes.

I also remove unused CSS. I add in my body and my h1 code. I remove unused divs and spans. That's all I need to do in most cases.
I grabbed the sample of The Standoff by Scott Blade from Amazon and looked at it's code. Perhaps you should have included the p entry between the @fontface and p.subsq entries? I'm still curious as how that gives you indents on every paragraph? While the margin-top in the subsequent paragraphs style would give a space between paragraphs since there is no text indent specified, I can't see your indent and paragraph space complaint. While I prefer an indent and no space, space and no indent is a valid choice. As for removing unused or undefined code, Delete unused stylesheet selectors and cssUndefinedClasses do a decent job of cleanup.

Spoiler:
Code:
p {
    margin-bottom: 0px;
    text-indent: 0px;
    margin-top: 0px;
    text-align: justify;
}
The code I replace the body, p and p.subsq with is below:
Code:
body {
  display: block;
  font-size: 1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-indent: 0;
  widows: 1;
  orphans: 1;
}

p {
  margin: 0 0 0 0;
  padding: 0.1em 0 0 0;
  margin-block-end: 0em;
  }

p.subsq {
  text-indent: 1.25em;
}


I must thank you for bring yet another variant of Vellum stylesheets to my attention.

Edit: And just perhaps if we wish to continue this discussion, it should be moved to a new thread in a more relevant forum.

Last edited by DNSB; 08-23-2022 at 11:50 AM.
DNSB is offline   Reply With Quote