View Single Post
Old 06-16-2010, 09:39 PM   #16
chicagofilms
Member
chicagofilms began at the beginning.
 
Posts: 23
Karma: 10
Join Date: Oct 2008
Device: prs-505
I think I'm having the same issue. I have some books that were converted to epub in calibre. now I'm trying to read them on my ipad. When I switch to night mode, the fonts stay black & thus disappear.

Is there an easy way to turn off the fixed font color or size in several epubs? Or is there an easy way to edit the css of an epub on a mac?

**Update
I found Sigil in the wiki & figured out how to fix it.

My next question is, is the CSS file needed at all? Is wo, what parts are needed for an epub book to work?

Here's an example of a book I was having the "black font" problem with. What is the bare-minimum code I need to keep for it to work?





.body {
display: block;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
page-break-before: always;
text-align: justify
}
.bs {
border-color: rgb(0, 0, 0);
border-style: solid;
border-width: 0;
color: rgb(0, 0, 0);
display: block;
font-size: 10pt;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.bs1 {
border-color: rgb(0, 0, 0);
border-style: solid;
border-width: 0;
color: rgb(0, 0, 0);
display: block;
font-size: 10pt;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.calibre {
height: 737;
width: 560
}
.calibre1 {
display: block;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 1em
}
.calibre2 {
border: 1px inset;
color: gray;
display: block;
height: 2px;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em
}
.calibre3 {
display: block
}
.imagepage {
display: block;
text-align: center
}
.ts {
font-size: 15.6pt
}
.ts1 {
font-size: 11.7pt
}
.ts2 {
font-size: 8pt;
font-weight: bold
}
.ts3 {
font-size: 10pt;
font-weight: normal
}
.ts4 {
font-size: 10pt
}
.ts5 {
font-size: 8pt
}
.ts6 {
font-size: 11.7pt;
font-weight: bold
}
a {
color: inherit;
text-decoration: inherit;
cursor: default
}
a[href] {
color: blue;
text-decoration: underline;
cursor: pointer
}

Last edited by chicagofilms; 06-16-2010 at 10:01 PM. Reason: added new info
chicagofilms is offline   Reply With Quote