Amazon Guidelines

8.3.2 Option 2: Using Different CSS Files
Publishing on Kindle: Guidelines for Publishers
Media queries can specify different CSS for Mobi and KF8 formats in different CSS files. In the example
below, the Mobi and KF8 formats utilize different CSS style sheets and the common CSS styles apply to
all media.
Example:
8.3.3 Option 3: Using Style tags
Media queries can specify different CSS for Mobi and KF8 formats directly using tags.
Example:
8.3.4 Option 4: Using @import
Media queries can specify different CSS for Mobi and KF8 formats directly using @import to include
different CSS files.
Example:
@import
@import url(common.css);
@import url(kf8.css) amzn-kf8;
@import url(mobi7.css) amzn-mobi;
8.4 Using the display:none Property with Media Queries
To specify different CSS for the content in Mobi 7 and KF8 format, use the display:none property with
media queries. Support for the display:none property in the Mobi 7 format is available in Kindlegen 2.4
and later versions.
Example:
.defaultcontent
{ display: block; }
.mobicontent
{ display: none; }
@media amzn-mobi
{
.defaultcontent
{ display: none; }
}
.mobicontent
{ display: block; }
Kindle Publishing Guidelines Amazon.com 41