CSS for KindleGen2

[virtual_ink]

I'm looking for some advice or a CSS template to use when converting ePubs (EPUB2) to Mobi via KindleGen2.

I'm finding most of my CSS converts well, but there a few rouge elements in some previews. For example, in the new Kindle Previewer, my chapter headings look fine for Kindle/KindeFire/KindleDX - but they are huge when previewed in Kindle for iPhone/iPad.

Is there a CSS setting which works well across all the Kindle preview options?

Here's some of my CSS for reference:

Normal text is:
p.body {
font-weight : normal;
font-style : normal;
font-size : 1em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : justify;
color : #000000;
text-indent : 16px;
margin : 0px;
widows:2;
orphans:2;
-webkit-hyphenate-before:3;
hyphenate-before:3;
-webkit-hyphenate-after:3;
hyphenate-after:3;
-webkit-hyphenate-lines:2;
hyphenate-lines:2;
}

Chapter headings are:
h1.chapter-title {
font-weight : bold;
font-style : normal;
font-size : 1.17em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : center;
color : #000000;
text-indent : 0px;
margin : 50px 0px 16px 0px;
-webkit-hyphens: none !important;
adobe-hyphenate: none !important;
-moz-hyphens: none !important;
hyphens: none !important;
}

Thanks!

[DiapDealer]

With the ability to define separate CSS for KF8 and the regular MOBI part, there's really no reason to try and find "One CSS to Rule Them All."

[virtual_ink]

You may have a point! I'm still yet to figure out how Kindle handles CSS, if it essentially doesn't use CSS.

Do you know which CSS the KindlePreviewer for iPad/iPhone uses?

[DiapDealer]

You may have a point! I'm still yet to figure out how Kindle handles CSS, if it essentially doesn't use CSS.

Do you know which CSS the KindlePreviewer for iPad/iPhone uses?

The regular-old mobi format does not use CSS... correct... but KindlePreviewer (and Kindlegen) both convert user-provided source CSS to HTML 3.2 attributes when converting.

The new KF8 format does use CSS (very similarly to ePub), but the Kindle Fire is currently the only device that supports KF8 (the various reading apps will likely support KF8 sometime in the future).

So right now... KindlePreviewer and Kindlegen are building a hybrid MOBI that contain both the regular-old MOBI and the new KF8. Devices that support KF8 will use that (currently only Kindle Fire) and everything else will use the fall-back MOBI.

The new Kindle Publishing Guidlines (Section 8: Media Queries) provides about four different ways to differentiate between the CSS that's used to build the MOBI and CSS that's used to build the KF8.