Quote:
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.
Code:
<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:
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).