Hello, I'm new but I'm a bit desperate. (Not sure if this should be in here or a certain development page! Sorry!)
I've recently built a very pretty epub. It works on almost all devices wonderfully, just the way I want it, even the old Kobo e-ink device. However once I put it in Kobo Vox, it's horrendous. Can any one help me figure this out?
Here is my CSS:
Spoiler:
Quote:
.books {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.booksend {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 4em;
text-align: center;
text-indent: 0
}
.bookslast {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.break {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.breakin {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakinp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakinp1 {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
font-style: italic;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.breakp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.calibre {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 20px
}
.calibre1 {
display: block
}
.calibre2 {
height: auto;
width: auto
}
.calibre3 {
font-style: italic
}
.calibre4 {
display: block;
font-size: 1.54839em;
font-weight: bold;
line-height: 1.2;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
margin-top: 0.67em;
text-align: center
}
.calibre5 {
font-weight: bolder
}
.calibre6 {
display: block;
font-size: 1.29167em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0
}
.calibre7 {
height: 100%;
width: auto
}
.creditcomp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.64516em;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnames {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 3em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnamesbig {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1.29032em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnameslast {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditnamesmed {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 4em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.creditsbig {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1.29032em;
font-style: italic;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 2em;
text-align: center;
text-indent: 0
}
.creditsmed {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
font-weight: bold;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.crp {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.for {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 1em;
font-style: italic;
line-height: 1.2;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.fortext {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 0
}
.img {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.img1 {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.imgc {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 15em;
text-align: center;
text-indent: 0
}
.list {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 0.77419em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
|
I really appreciate any help! Thank you!