Amazon Guidelines

Publishing on Kindle: Guidelines for Publishers
Media Queries in CSS CSS Applied to KF8
p {
CSS Applied to
Mobi
p {
color: red;
color: red;
}
}
}
}
8.2 Using Media Queries for Backward Compatibility With Mobi
CSS Applied to
Other Readers
Media queries allow one CSS file to supply complex CSS for KF8 and basic CSS for the Mobi format.
Some guidelines:
• Complex CSS can be overridden for the Mobi format by redefining the same class inside the
@media amzn-mobi media query.
• Per the W3C standard, media queries should either be:
o Individual queries specified after the common CSS (such as amzn-mobi); or
o Include !important with each property. (Example: @media amzn-mobi {.class1
{font-size: 3em !important; font-weight: bold !important;}})
CSS
p
CSS Styles Applied to Mobi CSS Styles Applied to KF8
{
p
p
font-style: normal; {
{
}
font-style: normal; font-style: normal;
h
}
}
{
h
h
font-weight: bold; {
{
}
font-weight: bold; font-weight: bold;
div.example {
}
}
margin: 10px
div.example {
div.example {
}
margin: 10px
margin: 10px
ul {
}
}
margin: 20px
ul {
ul {
padding-left: 30px; margin: 20px
margin: 20px
}
padding-left: 30px; padding-left: 30px;
}
}
.firstletter {
float: left;
font-size: 3em;
line-height: 1;
font-weight:
.firstletter {
float: 0;
font-size: 3em;
line-height: 0;
.firstletter {
float: left;
font-size: 3em;
line-height: 1;
Kindle Publishing Guidelines Amazon.com 39