Mysterious font information in AZW3 file

[JSWolf]

Originally Posted by Hitch

Well, Ye Olden Days of Kindle "justification" are, happily, pretty far gone now. The Enhanced Typesetting does have kerning and other niceties, so it's far less barbarous on the eyes.

Hitch

But some still prefer KF8 because of the things you lose due to KFX being well MEH! (at best).

[Hitch]

Originally Posted by JSWolf

But some still prefer KF8 because of the things you lose due to KFX being well MEH! (at best).

Oh, Jon, I think that there's a scant handful of people that could even elucidate the differences.

Hitch

[JSWolf]

Originally Posted by Hitch

Oh, Jon, I think that there's a scant handful of people that could even elucidate the differences.

Hitch

And they all use MR.

[Hitch]

Originally Posted by JSWolf

And they all use MR.

Yes, but what percentage of eReaders (people) is that, all in? 1/100th of 1%? Less? Sure, we're a dedicated group here, but we are not a multitude.

Hitch

[JSWolf]

Originally Posted by Hitch

Yes, but what percentage of eReaders (people) is that, all in? 1/100th of 1%? Less? Sure, we're a dedicated group here, but we are not a multitude.

Hitch

My problem with a Kindle is that KFX sux. KF8 is not good enough. And Mobi is obsolete.

And that's just the beginning.

[Quoth]

And now we can argue about vi and emacs, kepub vs epub, epub2 vs epub3 and what size a pint should be.

[Hitch]

Originally Posted by JSWolf

My problem with a Kindle is that KFX sux. KF8 is not good enough. And Mobi is obsolete.

And that's just the beginning.

Jon, not really sure where you are going with this. Those are your choices, at the moment. That, or you redo/reformat all your Amazon books, make them into ePUBs that float your boat, build your own and go from there. Honestly, it's too much damn work for me. Amazon has moved strongly toward ePUB specs and...well. It is what it is.

Originally Posted by Quoth

And now we can argue about vi and emacs, kepub vs epub, epub2 vs epub3 and what size a pint should be.

Quoth, bite thy tongue!

Hitch

[DNSB]

Originally Posted by Quoth

And now we can argue about vi and emacs, kepub vs epub, epub2 vs epub3 and what size a pint should be.

emacs for evah!

kepub vs. epub? A non starter.

epub 3

a pint should be 568.26ml not the abomination that is 473.184ml

[Martinoptic]

Hear hear. Cheers!
(The pint bit, not the eMacs bit)

[JSWolf]

Originally Posted by Hitch

Jon, not really sure where you are going with this. Those are your choices, at the moment. That, or you redo/reformat all your Amazon books, make them into ePUBs that float your boat, build your own and go from there. Honestly, it's too much damn work for me. Amazon has moved strongly toward ePUB specs and...well. It is what it is.

The problem (IMHO) is how well made eBooks are rendered on a Kindle. Margins are too wide unless you use negative margins. You cannot reduce the line height unless you use KF8 and a font such as ChareInk thaty has the metadata set to reduce the line height on a Kindle. But then you lose kerning and ligatures. You can use Hyphenate This! or the option in Polish to add soft-hyphens for hyphenations. KFX you cannot reduce the line height. It's hard coded. Basically, there's no way to get it all. But it is good that Amazon is using ePub as the source.

Now if we could only get Amazon to toss out any eBooks created with Vellum.

[Quoth]

Vellum ebooks are terribly complex. Deranged. I got a ghastly KF8 one from Vellum on Amazon and then 2 days later a ghastly epub one from Smashwords.

[JSWolf]

Originally Posted by Quoth

Vellum ebooks are terribly complex. Deranged. I got a ghastly KF8 one from Vellum on Amazon and then 2 days later a ghastly epub one from Smashwords.

Here is the code for a simple centered chapter number. after that one of two CSS from a Kindle eBook made with Vellum.

  <div id="chapter-11" class="element element-bodymatter element-container-single element-type-chapter element-with-heading full-character-formatting" role="doc-chapter" epub:type="chapter">
    <div class="heading heading-with-title heading-without-image">
      <div class="heading-contents">
        <div class="title-subtitle-block title-block-title-is-element-number">
          <h1 class="number-and-title case-upper"><span class="title case-upper">11</span></h1>
        </div>
      </div>
    </div>

/*
 * Black Daylight
 * Stylesheet generated by Vellum
 */

@media  not amzn-mobi {
    p span.last-word, li span.lastword {
        -webkit-hyphenate-limit-after: 7;
    }
}
@media  not amzn-mobi {
    .element .section-title {
        font-size: 100%;
    }
}
@media  not amzn-mobi {
    span.monospace, span.monospace b {
        font-family: Courier, monospace;
    }
}
@media  not amzn-mobi {
    span.sans-serif, span.sans-serif b {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}
@media  screen and (max-width: 420px) {
    ul, ol {
        padding-right: 0px;
    }
}
@media  screen and (max-width: 420px) {
    blockquote.verse {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}
@media  screen and (min-width: 421px) {
    h1, h2, h3, h4 {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  all {
    span.last-word-with-trailing-em-dash {
        white-space: nowrap;
    }
}
@media  not amzn-mobi {
    a, a * {
        color: rgb(36, 39, 116);
    }
}
@media all{
    div a.link-contains-image {
        text-decoration: none !important;
    }
}
@media  not amzn-mobi {
    .element .section-title {
        margin-top: 1.4em;
        padding-top: 0.7em;
        margin-bottom: 0.7em;
    }
}
@media  not amzn-mobi {
    .element .section-title.keep-with-next.paragraph-follows {
        margin-bottom: 0px;
        padding-bottom: 0.7em;
    }
}
 
@media  screen and (max-width: 420px) {
    p.blockquote-attribution {
        margin-left: 0em;
    }
}
@media  screen and (min-width: 421px) {
    p.blockquote-attribution {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .element-bodymatter .text > .implicit-break {
        margin-top: 0px;
        height: 1.4em;
        margin-bottom: 1.4em;
        clear: both;
    }
}
 
@media  not amzn-mobi {
    blockquote.prose.keep-lines-on-same-page p, blockquote.verse.keep-lines-on-same-page .stanza, blockquote.keep-lines-on-same-page .paragraph-and-attribution, div.alignment-block.keep-lines-on-same-page .text-block, ul.keep-lines-on-same-page, ol.keep-lines-on-same-page {
        page-break-inside: avoid;
    }
}
@media  not amzn-mobi {
    .alignment-block, blockquote, .ornamental-break, .section-title .endnotes {
        clear: both;
    }
}
@media  screen and (min-width: 421px) {
    li {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
 
 
@media  not amzn-mobi {
    img.low-res {
        display: none;
    }
}
 
@media  screen and (min-width: 421px) {
    .inline-image.inline-image-after-section-begin.inline-image-flow-within-text.inline-image-flow-left, .inline-image.inline-image-after-section-begin.inline-image-flow-within-text.inline-image-flow-right {
        margin-top: 0.75em;
    }
}
@media  screen and (min-width: 421px) {
    .inline-image.inline-image-begins-section.inline-image-flow-left, .inline-image.inline-image-begins-section.inline-image-flow-right {
        margin-top: 0.1em;
    }
}
@media  screen and (min-width: 421px) {
    .inline-image.inline-image-before-element-end.inline-image-flow-within-text.inline-image-flow-left, .inline-image.inline-image-before-element-end.inline-image-flow-within-text.inline-image-flow-right {
        margin-bottom: 0.75em;
    }
}
@media  not amzn-mobi {
    .full-character-formatting .inline-image-caption {
        font-size: 75%;
    }
}
@media  screen and (min-width: 421px) {
    .inline-image-caption {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-left .inline-image-caption, .inline-image-flow-right .inline-image-caption {
        margin-bottom: 0.5em;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left .inline-image-caption, .inline-image-flow-right .inline-image-caption {
        margin-bottom: 0px;
    }
}
@media  screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-large {
        padding-top: 80px;
    }
}
@media  screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-full {
        padding-top: 64px;
    }
}
@media  screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-large {
        padding-top: 64px;
    }
}
@media  screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-full {
        padding-top: 32px;
    }
}
@media  screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-tall.inline-image-size-large {
        padding-top: 0px;
    }
}
@media  screen and (max-height: 380px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-large, .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-full, .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-large, .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-full {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .inline-image-kind-bookcover img {
        box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.3);
    }
}
@media  not amzn-mobi {
    .inline-image-kind-bookcover.inline-image-with-caption img {
        margin-bottom: 1px;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-kind-bookcover.inline-image-flow-left, .inline-image-kind-bookcover.inline-image-flow-right {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-kind-bookcover.inline-image-size-full.inline-image-flow-left, .inline-image-kind-bookcover.inline-image-size-full.inline-image-flow-right {
        margin-left: 11px;
        margin-right: 11px;
    }
}
@media  not amzn-mobi {
    .inline-image-kind-figure img {
        border-top-color: rgb(152, 152, 152);
        border-right-color: rgb(152, 152, 152);
        border-bottom-color: rgb(152, 152, 152);
        border-left-color: rgb(152, 152, 152);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        box-sizing: border-box;
    }
}
@media  not amzn-mobi {
    .inline-image-caption span.figure-number {
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-variant: small-caps;
        font-variant-alternates: normal;
        font-variant-position: normal;
        font-variant-east-asian: normal;
    }
}
 
@media  not amzn-mobi {
    .inline-image img {
        width: 100%;
        height: auto;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-left.inline-image-flow-within-text .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text .inline-image-container {
        width: 100%;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        width: 35%;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        width: 50%;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        width: 75%;
    }
}
@media  not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        width: 100%;
    }
}
@media  not amzn-mobi {
    .inline-image-aspect-tall.inline-image-size-large.inline-image-with-caption .inline-image-container {
        width: 66%;
    }
}
@media  not amzn-mobi {
    .inline-image-aspect-tall.inline-image-size-full.inline-image-with-caption .inline-image-container {
        width: 76%;
    }
}
@media all{
    .inline-image-container {
        display: block;
    }
}
@media all{
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        margin-right: 32.5%;
        margin-left: 32.5%;
    }
}
@media all{
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        margin-right: 25%;
        margin-left: 25%;
    }
}
@media all{
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        margin-right: 12.5%;
        margin-left: 12.5%;
    }
}
@media all{
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media all{
    .inline-image-aspect-tall.inline-image-size-large.inline-image-with-caption .inline-image-container {
        margin-right: 17%;
        margin-left: 17%;
    }
}
@media all{
    .inline-image-aspect-tall.inline-image-size-full.inline-image-with-caption .inline-image-container {
        margin-right: 12%;
        margin-left: 12%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text, .inline-image-flow-right.inline-image-flow-within-text {
        float: none;
        margin-right: 0px;
        margin-left: 0px;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        width: 40%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small {
        width: 100%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        width: 55%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium {
        width: 100%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        width: 80%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large {
        width: 100%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        width: 100%;
    }
}
@media  screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full {
        width: 100%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        margin-right: 30%;
        margin-left: 30%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        margin-right: 22.5%;
        margin-left: 22.5%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        margin-right: 10%;
        margin-left: 10%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media  not amzn-mobi {
    .full-character-formatting p.dedication-content {
        font-style: italic;
    }
}
@media  screen and (max-height: 580px) {
    .element-type-dedication.element-without-heading {
        margin-top: 7em;
    }
}
@media  screen and (max-height: 580px) {
    .element-type-epigraph.element-without-heading {
        margin-top: 7em;
    }
}
@media  screen and (min-width: 421px) {
    .element-container-single.element-type-dedication p, .element-container-single.element-type-epigraph p {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-also-by .heading {
        min-height: inherit;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-also-by .heading .title-subtitle-block, .element-container-single.element-type-also-by .heading .title-subtitle-block .title-block, .element-container-single.element-type-also-by .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-also-by .heading .heading-contents {
        padding-top: 2em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-blurbs .heading {
        min-height: inherit;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-blurbs .heading .title-subtitle-block, .element-container-single.element-type-blurbs .heading .title-subtitle-block .title-block, .element-container-single.element-type-blurbs .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-blurbs .heading .heading-contents {
        padding-top: 2em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-acknowledgments .heading {
        min-height: 6em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-acknowledgments .heading .title-subtitle-block, .element-container-single.element-type-acknowledgments .heading .title-subtitle-block .title-block, .element-container-single.element-type-acknowledgments .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-acknowledgments .heading .heading-contents {
        padding-top: 3em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-acknowledgments .heading {
        min-height: 4em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-acknowledgments .heading .title-subtitle-block, .element-container-single.element-type-acknowledgments .heading .title-subtitle-block .title-block, .element-container-single.element-type-acknowledgments .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-acknowledgments .heading .heading-contents {
        padding-top: 1.25em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-also-by .heading .title-block, .element-container-single.element-type-blurbs .heading .title-block {
        font-size: 90%;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-also-by .subhead {
        text-align: center;
    }
}
@media  screen and (min-width: 421px) {
    p.also-by-content {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
 
@media  screen and (max-height: 580px) {
    p.also-by-content, p.also-by-content.alignment-block-content {
        margin-top: 0.25em;
    }
}
@media  not amzn-mobi {
    .element-type-blurbs blockquote {
        page-break-inside: avoid;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-contents {
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media  screen and (max-width: 420px) {
    .element-type-toc .toc-contents {
        padding-left: 0%;
        padding-right: 0%;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-toc .heading {
        min-height: 4.5em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-toc .heading .title-subtitle-block, .element-container-single.element-type-toc .heading .title-subtitle-block .title-block, .element-container-single.element-type-toc .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-toc .heading .heading-contents {
        padding-top: 2em;
    }
}
@media  not amzn-mobi {
    .element-type-toc p {
        text-align: left;
    }
}
@media  screen and (min-width: 421px) {
    .element-type-toc p {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item {
        page-break-inside: avoid;
    }
}
@media  not amzn-mobi {
    .element-type-toc .item-number {
        font-size: 80%;
        padding-right: 0.3em;
        text-indent: 0px;
        padding-left: 0px;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item-entry-type-part .item-number {
        font-size: 70%;
    }
}
@media  not amzn-mobi {
    .element-type-toc .item-children {
        margin-left: 1.5rem;
        margin-bottom: 0.5em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-group-chapter {
        margin-top: 0.5em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item.has-no-children .item-title {
        text-indent: -1.5rem;
        padding-left: 1.5rem;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-frontmatter-group {
        margin-bottom: 0.75em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-backmatter-group {
        margin-top: 0.75em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item-entry-type-volume.has-children {
        margin-top: 0.75em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item.has-author {
        margin-bottom: 0.5em;
    }
}
@media  not amzn-mobi {
    .element-type-toc p {
        font-size: 90%;
    }
}
@media  not amzn-mobi {
    .element-type-toc .item-author, .element-type-toc .item-subtitle {
        font-size: 75%;
        margin-top: 0.1em;
    }
}
@media  not amzn-mobi {
    .element-type-toc .toc-item.has-leading-number .item-author, .element-type-toc .toc-item.has-leading-number .item-subtitle {
        margin-left: 1.5rem;
    }
}
@media  not amzn-mobi {
    .element-type-toc .item-subtitle {
        font-style: italic;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-toc .heading .title-block {
        font-size: 95%;
    }
}
 
 
@media  not amzn-mobi {
    .element-container-single.element-type-about-author .heading {
        min-height: 6em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-about-author .heading .title-subtitle-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .title-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-about-author .heading .heading-contents {
        padding-top: 3em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-about-author .heading {
        min-height: 4em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-about-author .heading .title-subtitle-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .title-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single.element-type-about-author .heading .heading-contents {
        padding-top: 1.25em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-about-author .heading-without-image .title-subtitle-block {
        min-height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-about-author p, .element-container-single.element-type-about-author li {
        font-size: 90%;
    }
}
@media  not amzn-mobi {
    .social-media-profiles .social-profile a {
        text-decoration: none !important;
    }
}
@media  not amzn-mobi {
    .social-media-profiles .social-profile .social-profile-image {
        height: auto;
    }
}
@media  not amzn-mobi {
    .social-media-profiles .social-profile .social-profile-image {
        width: 1.8em;
    }
}
@media  not amzn-mobi {
    .social-media-profiles.as-icons .social-profile {
        display: inline;
        padding-left: 0.05em;
        padding-right: 0.05em;
    }
}
@media all{
    .social-media-profiles.as-icons .social-profile {
        padding-left: 0.15em;
        padding-right: 0.15em;
    }
}
 
 
 
@media  screen and (min-width: 421px) {
    p.copyright-content, li.copyright-content {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .element-type-copyright ul {
        margin-top: 0.5em;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-copyright .heading {
        min-height: inherit;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-copyright .heading .title-subtitle-block, .element-container-single.element-type-copyright .heading .title-subtitle-block .title-block, .element-container-single.element-type-copyright .heading .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-type-copyright .heading .heading-contents {
        padding-top: 2em;
    }
}
@media  screen and (max-height: 580px) {
    .element-type-copyright.element-without-heading {
        margin-top: 1em;
    }
}
@media  not amzn-mobi {
    .element-type-copyright .created-with-vellum {
        padding-top: 0.5em;
    }
}
@media  not amzn-mobi {
    .element-type-copyright .created-with-vellum a {
        text-decoration: none !important;
    }
}
@media  not amzn-mobi {
    .element-type-copyright .created-with-vellum-text {
        font-size: 80%;
    }
}
@media  not amzn-mobi {
    .element-type-copyright .created-with-vellum-text {
        color: rgb(51, 51, 51);
    }
}
@media  not amzn-mobi {
    div.title-page .title-page-title-subtitle-block, section.title-page .title-page-title-subtitle-block {
        margin-left: 6%;
        margin-right: 6%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    h1.title-page-title {
        font-size: 110%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    h2.title-page-subtitle {
        font-size: 90%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    p.title-page-series-name {
        font-size: 90%;
    }
}
@media  screen and (min-width: 421px) {
    p.title-page-series-name {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    p.title-page-series-position {
        font-size: 90%;
    }
}
@media  screen and (min-height: 720px) {
    div.title-page-contributor-block {
        margin-bottom: 3em;
    }
}
@media  screen and (min-height: 720px) {
    .titlepage-several-secondary-contributors div.title-page-contributor-block {
        margin-bottom: 2em;
    }
}
@media  screen and (max-height: 640px) {
    div.title-page-title-subtitle-block {
        min-height: 100px;
        margin-top: 80px;
    }
}
@media  screen and (max-height: 640px) {
    div.title-page-contributor-block {
        min-height: 60px;
    }
}
@media  screen and (max-height: 580px) {
    div.title-page-title-subtitle-block {
        min-height: 80px;
        margin-top: 80px;
    }
}
@media  screen and (max-height: 580px) {
    div.title-page-contributor-block {
        min-height: 3em;
    }
}
@media  screen and (max-height: 420px) {
    div.title-page-title-subtitle-block {
        min-height: 2em;
        margin-top: 2em;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    h2.title-page-contributor-primary {
        font-size: 100%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    h2.title-page-contributor-secondary {
        font-size: 90%;
    }
}
@media  not amzn-mobi {
    .titlepage-several-primary-contributors .title-page-contributor {
        font-size: 90%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .titlepage-several-primary-contributors .title-page-contributor {
        font-size: 80%;
    }
}
@media  not amzn-mobi {
    .titlepage-several-primary-contributors .title-page-contributor-without-introduction {
        display: inline-block;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .titlepage-several-primary-contributors .title-page-contributor-without-introduction {
        padding-left: 0.4em;
        padding-right: 0.4em;
    }
}
@media  not amzn-mobi {
    .titlepage-several-secondary-contributors span.title-page-contributor-introduction {
        display: inline;
    }
}
@media  not amzn-mobi {
    .titlepage-ornament-size-container img.titlepage-ornament-image {
        width: 100%;
        height: auto;
    }
}
@media  not amzn-mobi {
    img.title-page-publisher-logo-image {
        width: 100%;
        height: auto;
        vertical-align: middle;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    h2.title-page-publisher {
        font-size: 70%;
    }
}
 
 
@media  not amzn-mobi {
    div.title-page, section.title-page {
        margin-right: 2%;
        margin-left: 2%;
    }
}
@media  not amzn-mobi {
    div.title-page-publisher-logo-block.title-page-publisher-logo-aspect-wide {
        width: 32%;
    }
}
@media  not amzn-mobi {
    div.title-page-publisher-logo-block.title-page-publisher-logo-aspect-square {
        width: 36.5%;
    }
}
@media  not amzn-mobi {
    div.title-page-publisher-logo-block.title-page-publisher-logo-aspect-tall {
        width: 48%;
    }
}
@media  not amzn-mobi {
    p.blockquote-attribution, p.blockquote-attribution sub, p.blockquote-attribution sup {
        font-family: Quicksand, sans-serif;
        font-weight: normal;
        font-style: normal;
    }
}
@media  not amzn-mobi {
    p.blockquote-attribution, p.blockquote-attribution sub, p.blockquote-attribution sup {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading {
        text-align: center;
        margin-left: 6%;
        margin-right: 6%;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading h1.title, .element-container-single .heading div.element-number, .element-container-single .heading h1.number-and-title, .element-container-single .heading h2.subtitle, .element-container-single .heading h2.author {
        text-align: center;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading {
        min-height: 12em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading {
        min-height: 10em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 4.5em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 2em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 2.5em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 1em;
    }
}
@media all{
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 3.0015em;
    }
}
@media all{
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 1.334em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-image-block {
        display: block;
        text-align: center;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-image-block-before-element-number {
        margin-bottom: 2em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-image-block-after-element-number {
        margin-top: 1.5em;
        margin-bottom: 1em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-image-block-after-title-and-subtitle {
        margin-top: 1.5em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading {
        margin-bottom: 3em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-group .heading {
        margin-bottom: 2em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading {
        min-height: 15em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .heading-contents {
        padding-top: 4em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-group .heading {
        min-height: 11em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-group .heading .heading-contents {
        padding-top: 3em;
    }
}
@media  not amzn-mobi {
    .element .heading h1, .element .heading h2, .element .heading h3 {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-weight: normal;
        line-height: 1.2;
    }
}
@media  not amzn-mobi {
    img.heading-image-image {
        width: 100%;
        height: auto;
    }
}
@media  not amzn-mobi {
    .heading-ornament-size-container img.heading-ornament-image {
        width: 100%;
        height: auto;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading {
        margin-left: 6%;
        margin-right: 6%;
        text-align: center;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .element-number {
        text-align: center;
        font-size: 130%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .element-container-group .heading .element-number {
        font-size: 100%;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .title {
        text-align: center;
        font-size: 150%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .element-container-group .heading .title {
        font-size: 110%;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .subtitle {
        margin-top: 1.3em;
        margin-bottom: 1.5em;
        text-align: center;
        font-size: 100%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .element-container-group .heading .subtitle {
        font-size: 90%;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .author {
        margin-top: 1.3em;
        margin-bottom: 1.5em;
        text-align: center;
        font-size: 120%;
    }
}
@media  screen and (max-height: 580px), screen and (max-width: 420px) {
    .element-container-group .heading .author {
        font-size: 100%;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading-image-block {
        display: block;
        text-align: center;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading-image-block-before-heading-number {
        margin-bottom: 2em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading-image-block-after-heading-number {
        margin-top: 1.5em;
        margin-bottom: 1.3em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading-image-block-after-title-and-subtitle {
        margin-top: 1.5em;
    }
}
 
 
 
 
 
 
@media  screen and (max-height: 580px) {
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 3em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 1em;
    }
}
@media  not amzn-mobi {
    .element .heading .element-number.case-upper {
        letter-spacing: 0.04em;
    }
}
@media  not amzn-mobi {
    .element .heading h1.title.case-upper, .element .heading h1.number-and-title.case-upper {
        letter-spacing: 0.04em;
    }
}
@media  not amzn-mobi {
    .element .heading h1.title.case-mixed, .element .heading h1.number-and-title.case-mixed {
        letter-spacing: 0.02em;
    }
}
@media  not amzn-mobi {
    .element .heading .subtitle.case-upper {
        letter-spacing: 0.04em;
    }
}
@media  not amzn-mobi {
    .element .heading .subtitle.case-mixed {
        letter-spacing: 0.02em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading h1.title, .element-container-single .heading h1.number-and-title {
        font-size: 112%;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading .subtitle {
        font-size: 93%;
        margin-top: 0.6em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading .author {
        font-size: 90%;
        margin-top: 1.25em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .title {
        margin-top: 0.4em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .subtitle {
        margin-top: 1em;
        margin-bottom: 1.5em;
    }
}
@media  not amzn-mobi {
    .element-container-group .heading .author {
        margin-top: 0.75em;
    }
}
@media  not amzn-mobi {
    .element-type-volume .heading .element-number, .element-type-volume .heading .title-block-title-is-element-number .title, .element-type-volume .heading .title-block-without-element-number .title {
        padding-bottom: 0.5em;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-style: solid;
    }
}
@media  not amzn-mobi {
    .element-type-volume .heading .element-number, .element-type-volume .heading .title-block-title-is-element-number .title, .element-type-volume .heading .title-block-without-element-number .title {
        border-top-color: rgb(102, 102, 102);
        border-right-color: rgb(102, 102, 102);
        border-bottom-color: rgb(102, 102, 102);
        border-left-color: rgb(102, 102, 102);
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 5.5em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 3em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 3.75em;
    }
}
@media  screen and (max-height: 580px) {
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 1em;
    }
}
@media all{
    .element-container-single .heading-without-image .heading-contents {
        padding-top: 3.6685em;
    }
}
@media all{
    .element-container-single .heading-with-image .heading-contents {
        padding-top: 2.001em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading .title-block-with-element-number .title {
        padding-left: 0.6em;
    }
}
@media  not amzn-mobi {
    .element-container-single .heading .subtitle {
        margin-top: 0.5em;
    }
}
@media  not amzn-mobi {
    .element .heading .element-number {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    .element .heading .element-number, .element .heading .title, .element .heading .subtitle, .element .heading .author, .element .section-title, .element .section-title sub, .element .section-title sup, h1.title-page-title, h2.title-page-subtitle, p.title-page-series-name, p.title-page-series-position, h2.title-page-contributor span.title-page-contributor-name, h2.title-page-contributor span.title-page-contributor-introduction, h2.title-page-publisher {
        font-family: Quicksand, sans-serif;
        font-weight: normal;
        font-style: normal;
    }
}
@media  not amzn-mobi {
    .element .heading .subtitle {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    h2.title-page-contributor span.title-page-contributor-name {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    .element .heading .author {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    .element .heading .title {
        text-transform: uppercase;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter span.first-phrase {
        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;
    }
}
@media  not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-section span.first-phrase {
        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;
    }
}
@media  not amzn-mobi {
    img.ornamental-break-image {
        width: 100%;
        height: auto;
        vertical-align: top;
    }
}
@media  not amzn-mobi {
    p.ornamental-break-as-text {
        display: none;
    }
}
 
@media  not amzn-mobi {
    div.ornamental-break-block {
        width: 11.2em;
    }
}
@media  screen and (min-width: 421px) {
    p.alignment-block-content-center {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  screen and (min-width: 421px) {
    p.alignment-block-content-right {
        hyphens: manual;
        adobe-hyphenate: none;
        -webkit-hyphens: manual;
    }
}
@media  not amzn-mobi {
    .publisher-logo-width-513 {
        width: 51.3%;
    }
}
@media  not amzn-mobi {
    .ornamental-break-width-281 {
        width: 28.1%;
    }
}

[DNSB]

Originally Posted by JSWolf

Here is the code for a simple centered chapter number. after that one of two CSS from a Kindle eBook made with Vellum.

  <div id="chapter-11" class="element element-bodymatter element-container-single element-type-chapter element-with-heading full-character-formatting" role="doc-chapter" epub:type="chapter">
    <div class="heading heading-with-title heading-without-image">
      <div class="heading-contents">
        <div class="title-subtitle-block title-block-title-is-element-number">
          <h1 class="number-and-title case-upper"><span class="title case-upper">11</span></h1>
        </div>
      </div>
    </div>

If you look at the mass of media queries in Vellum's media.css, you realize that they are attempting to produce books that look good on multiple platforms without needing the user to produce multiple versions. So you end up with a mass of media queries allowing different formats (epub, mobi, KF8) to be targetted along with a mass of screen sizes, etc. I admit to wondering about the screen size with a max-height of 380px, etc. since I haven't seen many ereaders with such a small screen since I stopped reading on my Blackberry.

If I remove the media queries and try generating epub, mobi and KF8 copies, the media query bound versions look a lot better for mobi.

Compare this to a recent anthology I purchased which has 202 stylesheets all containing the following:

Spoiler:

			@page Section1 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section1 { page:Section1 }
			@page Section2 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section2 { page:Section2 }
			@page Section3 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section3 { page:Section3 }
			@page Section4 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section4 { page:Section4 }
			@page Section5 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section5 { page:Section5 }
			@page Section6 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section6 { page:Section6 }
			@page Section7 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section7 { page:Section7 }
			@page Section8 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section8 { page:Section8 }
			@page Section9 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section9 { page:Section9 }
			@page Section10 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section10 { page:Section10 }
			@page Section11 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section11 { page:Section11 }
			@page Section12 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section12 { page:Section12 }
			@page Section13 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section13 { page:Section13 }
			@page Section14 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section14 { page:Section14 }
			@page Section15 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section15 { page:Section15 }
			@page Section16 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section16 { page:Section16 }
			@page Section17 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section17 { page:Section17 }
			@page Section18 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section18 { page:Section18 }
			@page Section19 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section19 { page:Section19 }
			@page Section20 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section20 { page:Section20 }
			@page Section21 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section21 { page:Section21 }
			@page Section22 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section22 { page:Section22 }
			@page Section23 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section23 { page:Section23 }
			@page Section24 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section24 { page:Section24 }
			@page Section25 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section25 { page:Section25 }
			@page Section26 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section26 { page:Section26 }
			@page Section27 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section27 { page:Section27 }
			@page Section28 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section28 { page:Section28 }
			@page Section29 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section29 { page:Section29 }
			@page Section30 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section30 { page:Section30 }
			@page Section31 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section31 { page:Section31 }
			@page Section32 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section32 { page:Section32 }
			@page Section33 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section33 { page:Section33 }
			@page Section34 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section34 { page:Section34 }
			@page Section35 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section35 { page:Section35 }
			@page Section36 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section36 { page:Section36 }
			@page Section37 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section37 { page:Section37 }
			@page Section38 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section38 { page:Section38 }
			@page Section39 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section39 { page:Section39 }
			@page Section40 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section40 { page:Section40 }

Every other bit of styling is done using inline styles which are also a mess including what appear to be random languages (24 of them in one chapter).

[JSWolf]

Originally Posted by DNSB

If you look at the mass of media queries in Vellum's media.css, you realize that they are attempting to produce books that look good on multiple platforms without needing the user to produce multiple versions. So you end up with a mass of media queries allowing different formats (epub, mobi, KF8) to be targetted along with a mass of screen sizes, etc. I admit to wondering about the screen size with a max-height of 380px, etc. since I haven't seen many ereaders with such a small screen since I stopped reading on my Blackberry.

If I remove the media queries and try generating epub, mobi and KF8 copies, the media query bound versions look a lot better for mobi.

Delete the CSS with all the media queries. remove all unused CSS, drop all of the spans and divs with no classes. Also drop divs with the class header. Add in a CSs for h1 to fix the chapter headers, fix the class being used with p so it has a text-indent. Then the book is readable and looks good to go. Oh and also drop the letter spacing for small-caps.

Compare this to a recent anthology I purchased which has 202 stylesheets all containing the following:

Spoiler:

			@page Section1 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section1 { page:Section1 }
			@page Section2 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section2 { page:Section2 }
			@page Section3 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section3 { page:Section3 }
			@page Section4 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section4 { page:Section4 }
			@page Section5 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section5 { page:Section5 }
			@page Section6 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section6 { page:Section6 }
			@page Section7 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section7 { page:Section7 }
			@page Section8 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section8 { page:Section8 }
			@page Section9 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section9 { page:Section9 }
			@page Section10 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section10 { page:Section10 }
			@page Section11 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section11 { page:Section11 }
			@page Section12 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section12 { page:Section12 }
			@page Section13 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section13 { page:Section13 }
			@page Section14 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section14 { page:Section14 }
			@page Section15 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section15 { page:Section15 }
			@page Section16 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section16 { page:Section16 }
			@page Section17 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section17 { page:Section17 }
			@page Section18 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section18 { page:Section18 }
			@page Section19 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section19 { page:Section19 }
			@page Section20 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section20 { page:Section20 }
			@page Section21 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section21 { page:Section21 }
			@page Section22 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section22 { page:Section22 }
			@page Section23 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section23 { page:Section23 }
			@page Section24 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section24 { page:Section24 }
			@page Section25 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section25 { page:Section25 }
			@page Section26 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section26 { page:Section26 }
			@page Section27 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section27 { page:Section27 }
			@page Section28 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section28 { page:Section28 }
			@page Section29 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section29 { page:Section29 }
			@page Section30 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section30 { page:Section30 }
			@page Section31 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section31 { page:Section31 }
			@page Section32 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section32 { page:Section32 }
			@page Section33 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section33 { page:Section33 }
			@page Section34 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section34 { page:Section34 }
			@page Section35 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section35 { page:Section35 }
			@page Section36 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section36 { page:Section36 }
			@page Section37 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section37 { page:Section37 }
			@page Section38 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section38 { page:Section38 }
			@page Section39 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section39 { page:Section39 }
			@page Section40 { size:378pt 576pt; margin:54pt 36pt 54pt 54pt }
			div.Section40 { page:Section40 }

Every other bit of styling is done using inline styles which are also a mess including what appear to be random languages (24 of them in one chapter).

That's a lot of a mess. What I would do is convert the eBook to ePub and fix it from there. I've done it before with eBooks from Arc Manor/Phoenix Picks as they use CSS with inline styles. It can be a real mess.

[DNSB]

Originally Posted by JSWolf

Delete the CSS with all the media queries. remove all unused CSS, drop all of the spans and divs with no classes. Also drop divs with the class header. Add in a CSs for h1 to fix the chapter headers, fix the class being used with p so it has a text-indent. Then the book is readable and looks good to go. Oh and also drop the letter spacing for small-caps.

Too much work to do that without deleting information that is needed to display the book as intended. My way is a minimum of work and does not affect the way the book is displayed.

Would I prefer to do a full rip and replace? Yes. Do I want to spend the time needed? Considering the person reading most of the Vellum created books is my wife and she does not care about the CSS or any other internals of the file? If it looks good on her screen, she's happy.

Originally Posted by JSWolf

That's a lot of a mess. What I would do is convert the eBook to ePub and fix it from there. I've done it before with eBooks from Arc Manor/Phoenix Picks as they use CSS with inline styles. It can be a real mess.

To put it mildly. I prefer to use the RemoveInlineStyles tool to do the cleanup and then go from there.