View Single Post
Old 02-03-2015, 01:21 PM   #3
Macsurfcat
Enthusiast
Macsurfcat began at the beginning.
 
Posts: 29
Karma: 10
Join Date: Apr 2013
Location: New Jersey
Device: Kindle, Nook
actually, we are in the middle of a dispute as to whether or not media queries of the form "@media amzn-mobi" will work using Kindle Previewer/kindlegen. When we add them to our CSS, they have no effect whatsoever, unless we use the form "@media amzn-kf8".

We have tested this many times, always with the same result:

"mobi" queries has no discernible effect on the output, either in a previewer or a kindle device

"kf8" will be incorporated in the generated CSS, and will effect the output for both an early Kindle, and a Fire type

when the kindle output file is "unpacked", a "mobi" type output will contain nothing in its style sheets that pertains to the query

Main CSS: epub selector:

.num00
{
font-size:small;
margin-top:1.3em;
margin-bottom:0em;
text-indent:-1.8em;
margin-left:3.5em;
margin-right:1.5em;
text-align:justify;
font-weight:normal;
}

Media Query: epub

@media amzn-mobi {
.num00
{
font-size:small;
margin-top:1.3em;
margin-bottom:0em;
text-indent:-3.8em;
margin-left:0em;
margin-right:1.5em;
text-align:justify;
font-weight:normal;
}
}

Unpacked Kindle file

style 0001.css [kindle file unpacked]

.num00
{
font-size:small;
margin-top:1.3em;
margin-bottom:0em;
text-indent:-1.8em;
margin-left:3.5em;
margin-right:1.5em;
text-align:justify;
font-weight:normal;
}

Last edited by Macsurfcat; 02-03-2015 at 01:27 PM.
Macsurfcat is offline   Reply With Quote