Format Looks Great in Sigil, but not on Device
I created a book from scratch today and ran into a snag.
On Sigil:
1) I did all work in code view
2) All looks as it should in preview and book view
3) I used Flight Crew and had no issues
4) I linked the Style sheet and as in #2 all looks fine
BUT... on both Nook and Kobo the CSS seems to be ignored all together. When I tossed the epub into iBook it respected the CSS.
That is not what I am used to. What could I have done wrong in Sigil?
Here is the CSS in case anyone can point out an issue.
p{
text-indent: 5%;
text-align: justify;
font-size: 100%;
}
.s1{
text-indent: 0%;
text-align: center;
font-size: 120%;
font-weight: bold;
}
.s2{
text-align: left;
padding-left: 30%;
text-indent: 0%;
font-size: 85%;
}
.s3{
text-align: justify;
text indent: 0%;
font-style: italic;
font-size: 85%;
}
.s4{
text-indent: 0%;
text-align: center;
font-size: 100%;
}
.s5{
text-indent: 0%;
text-align: center;
font-size: 100%;
font-style: italic;
}
.s6{
text-indent: 0%;
text-align: center;
font-size: 105%;
font-weight: bold;
}
.c1{
font-style: italic;
}
.stanza {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 2em;
text-align: left;
}
.stanza p {
padding-left: 2em;
text-indent: -2em;
}
.image{
text-align: center;
}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
|