[Tex2002ans]

Originally Posted by Hitch

That's super. And very good of you, Tex.

Hitch

This stuff is INFINITELY easier than the dreaded PDF -> EPUB. It is a pleasure to work on purely digital books... I was able to figure out AuthorGreg's CSS and whip it into shape with ~an hour and a half of tweaking (while super sleepy right before bed time ).

Also did a few in-depth emails back/forth, and got his initial PDF/Word document so I could just double-check to make sure everything was A-Ok (and try to get more of the "spirit" of what he was initially trying to get across in the print into the EPUB).

It is just great to get another book out there to change the world.

Originally Posted by JSWolf

Can the new CSS please be posted? I am interested in having a look. Thanks.

Whoops, I meant to say that I tried to keep as much as possible of AuthorGreg's initial CSS classes (he had a lot of very specific CSS classes already built-in to his book/code, so I didn't want to mess too much with that). I tossed in just a few of my typical CSS (@page, body, p, .margintop).

I took out anything I thought was interfering with B&N, and just left in very basic things (alignment, font-size, font-style, margins, padding, text-indent).

@namespace "http://www.w3.org/1999/xhtml";
@page {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Overall Book CSS */

body {
    margin-left: 5%;
    margin-right: 5%;
}

p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2em;
    text-align: justify;
    text-indent: 2em;
}

h1 {
    font-style: italic;
    padding-top: 100px;
    text-align: center;
    text-indent: 0;
}

h2 {
    font-style: italic;
    text-align: center;
    text-indent: 0;
}

p.ChapterSubHeading {
    text-indent: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.3em;
    font-style: italic;
}

span.raisedcap {
    font-size: 2.5em;
}

p.SectionBreak {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
    text-align: center;
}

span.i {
    font-style: italic;
}

span.b {
    font-weight: bold;
}

.center {
    text-indent: 0;
    text-align: center;
}

p.noindent, p.texttop {
    text-indent: 0;
}

p.margintop {
    margin-top: 1em;
}

img {
    max-width: 100%;
}

/* Table of Contents CSS */

p.tocone {
	margin-top: 1em;
	margin-left: 30px;
    text-indent: -30px;
}

p.toctwo {
    margin-left: 60px;
    text-indent: -30px;
}

/* Author attribution page */
p.ANovelBy, p.GregoryShultz {
    font-size: 1.3em;
    margin-top: 1em;
    font-style: italic;
    text-indent: 0;
    text-align: center;
}

/* Legalese page -- see how I'm avoiding declaring bottom margins */
p.LegalMatterFirstLine {
    font-size: 0.9em;
    text-indent: 0;
    text-align: left;
}

p.LegalMatterLine1 {
    font-size: 0.9em;
    text-indent: 0;
    margin-top: 1em;
    text-align: left;
}

p.LegalMatterLine2 {
    font-size: 0.9em;
    text-indent: 0;
    text-align: left;
}

/* Dedication page - content003.html */
p.dedication {
    font-size: 1.3em;
    font-style: italic;
    padding-top: 1em;
    text-indent: 0;
    text-align: center;
}

/* All of the Notes/Letters/Signs content026.html, content030.html, content033.html */

div.letter, div.note, div.sign {
    background-color: #D1D3D4;
    border-bottom: 3px double;
    border-top: 3px double;
    border-left: 3px double;
    border-right: 3px double;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    line-height: 1.7em;
    text-align: center;
}

p.NoteSalutations {
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
}

p.NoteSalutations, p.NotePS {
    margin-top: 1em;
    text-indent: 0;
}

/* Interview in content026.html (I also use note salutation styles as defined below... */
p.InterviewFirstLine {
    text-indent: 0;
    margin-top: 1em;
}

p.InterviewLines {
    text-indent: 0;
}

p.AfterInterviewPassage {
    margin-top: 1em;
}

/* In content035.html */
p.ContactInfo {
    text-indent: 0;
    text-align: center;
    margin-top: 1.5em;
}

I added in Raised Caps into his book, and I also used this "box" code which I find looks great on e-ink/color (and degrades gracefully). I initially posted about it here:

https://www.mobileread.com/forums/sho...25&postcount=9

to help emphasize a few of his "letters" and "sign" in the book.

Here is a comparison shot of the Old/New CSS in action (with Lorem Ipsum and Sample Text):





I have attached a Sample EPUB using the same CSS.

Side Note: If you are interested in my typical CSS that I use in nearly all books... just take a look for any EPUBs I have posted around on MobileRead (I post them all over the place), or take a look at my site (I have ~180 EPUBs up so far... I convert a new PDF -> EPUB every few days). I just use a very minimal base, and then just do very minimal tweaks per EPUB (to try to match the original "spirit" of the PDF).

Here are the latest few EPUBs I posted as examples of things while explaining my methods/ideas on MobileRead:

https://www.mobileread.com/forums/sho...6&postcount=45
https://www.mobileread.com/forums/sho...8&postcount=23

Edit: Added Fake Text screenshots + Sample.