Quote:
Originally Posted by Notjohn
Is that even possible?
|
I use media queries to call the two stylesheets. I've done it that way for several years (since KF8 became available) and never had any problems with it.
So, here's what it looks like in each HTML file:
Code:
<head>
<title>Chapter 1</title>
<link href="../Styles/lotto-mobi.css" media="amzn-mobi" rel="stylesheet" type="text/css" />
<link href="../Styles/lotto-standard.css" media="not amzn-mobi" rel="stylesheet" type="text/css" />
</head>
Most of the CSS below has been that way for several years. I never had any problems prior to uploads after early/mid-February of this year (about a month ago). Keep in mind that I even re-uploaded a 1-30-15 file on 3-6-15 that was previously fine; now, the new upload has auto-hyphenation.
This CSS is for a version of
Lotto: Blood Money that I just uploaded today at 2:00 p.m. Pacific time (45 minutes ago), so it may not be available for sale/borrow yet, and the Look Inside and downloadable sample may not be available yet either. If you see centered Chapter title and
no initial cap in the first paragraph, then that's probably the version with CSS below.
KF8 (lotto-standard.css):
Code:
div.title
{margin:0;
text-indent:0;
text-align:center;
font-size:1.3em;
font-weight:bold;}
div.chapter
{margin-top:2em;
margin-bottom:0;
margin-left:0;
margin-right:0;
padding-bottom:.3em;
text-align:center;
text-indent:0;
font-size:1.7em;
font-weight:bold;}
div.title_bottom
{margin-top:0;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-indent:0;
text-align:center;
font-size:1.3em;
font-weight:bold;}
div.copycenter
{margin:0;
text-indent:0;
text-align:center;
font-weight:normal;}
div.dots
{margin-top:.5em;
margin-bottom:0;
margin-left:0;
margin-right:0;
color:#909090;
text-indent:0;
text-align:center;}
div.otherdots
{margin-top:0;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
color:#909090;
text-indent:0;
text-align:center;}
div.article
{page-break-before:always;
margin:0 .3em 0 .3em;
padding:1em;}
p
{margin:0;
text-indent:1.3em;}
p.firstpara
{margin-top:1em;
margin-bottom:0;
margin-left:0;
margin-right:0;
text-indent:0;}
p.top-para
{margin-top:1em;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-indent:0;}
p.para
{margin-top:0;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-indent:0;}
p.top-article
{margin-top:1em;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-align:left;
text-indent:0;
font-size:1.1em;}
p.article
{margin-top:0;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-align:left;
text-indent:0;
font-size:.9em;}
p.scenebreak
{margin-top:.5em;
margin-bottom:0;
margin-left:0;
margin-right:0;
text-indent:0;}
p.toc
{margin:0;
text-align:center;
text-indent:0;}
p.image
{margin:0;
text-align:center;
text-indent:0;}
span.bold
{font-weight:bold;}
span.italic
{font-style:italic;}
a:link
{color:blue;
text-decoration:none;}
MOBI (lotto-mobi.css):
Code:
div.title
{margin:0;
text-indent:0;
text-align:center;
font-size:1.5em;
font-weight:bold;}
div.chapter
{margin-top:2em;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
padding:0;
text-align:center;
text-indent:0;
font-size:2.1em;
font-weight:bold;}
div.title_bottom
{margin-top:0;
margin-bottom:1em;
margin-left:0;
margin-right:0;
text-indent:0;
text-align:center;
font-size:1.5em;
font-weight:bold;}
div.copycenter
{margin:0;
text-indent:0;
text-align:center;
font-weight:normal;}
div.dots
{margin:0;
color:#909090;
text-indent:0;
text-align:center;}
div.otherdots
{margin-top:0;
margin-bottom:1em;
margin-left:0;
margin-right:0;
color:#909090;
text-indent:0;
text-align:center;}
div.article
{page-break-before:always;
margin:0 2em 0 2em;
padding:1em 1em 0 1em;}
p
{margin:0;
text-align:justify;
text-indent:1.3em;}
p.firstpara
{margin-top:1em;
margin-bottom:0;
margin-left:0;
margin-right:0;
text-align:justify;
text-indent:0;}
p.top-para
{margin-top:1em;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
text-align:justify;
text-indent:0;}
p.para
{margin-top:0;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
text-align:justify;
text-indent:0;}
p.top-article
{margin-top:1em;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
text-align:left;
text-indent:0;
font-size:1.1em;}
p.article
{margin-top:0;
margin-bottom:.5em;
margin-left:0;
margin-right:0;
text-align:left;
text-indent:0;
font-size:.9em;}
p.scenebreak
{margin:0;
text-align:justify;
text-indent:0;}
p.toc
{margin:0;
text-align:center;
text-indent:0;}
p.image
{margin:0;
text-align:center;
text-indent:0;}
span.bold
{font-weight:bold;}
span.italic
{font-style:italic;}
a:link
{color:blue;
text-decoration:none;}
Thanks for looking!