I use this to make books read well in my Kobo Forma, without any fancy added fonts or anything. Just plain vanilla. This meets my needs, and as others have said somebody else will find it all ugly and wrong. Maybe once in 10 books I will go outside this for special formatting.
Code:
body {
margin-top: 0.1em;
margin-right: 0;
margin-bottom: .1em;
margin-left: 0;
font-size: 1em;
}
.indent {
display: block;
font-size: 1em;
margin-top: 0em;
margin-right: 0;
margin-bottom: .1em;
margin-left: 0;
text-align: left;
text-indent: 2em;
}
.noindent {
display: block;
font-size: 1em;
margin-top: 2em;
margin-right: 0;
margin-bottom: .1em;
margin-left: 0;
text-align: left;
text-indent: 0;
}
.chapter {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
text-align: center;
text-indent: 0;
}
.quotations {
display: block;
font-style: italic;
font-size: 1em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0.5em;
margin-left: 2em;
text-indent: 0;
}
.center {
text-align: center;
text-indent: 0;
margin: .5em 0 .5em 0;
}
.right {
text-align: right;
text-indent: 0;
margin: .5em 0 .5em 0;
}
.verse {
display: block;
font-size: 1em;
font-style: italic;
margin-top: 0;
margin-right: 0;
margin-bottom: 0.1em;
margin-left: 3em;
text-align: left;
text-indent: -2em;
}
.verse1 {
display: block;
font-size: 1em;
font-style: italic;
margin-top: 1em;
margin-right: 0;
margin-bottom: 0.1em;
margin-left: 3em;
text-align: left;
text-indent: -2em;
}
.widepic {
height: auto;
width: 98%;
}
.narrowpic {
height: auto;
width: 50%;
}