View Single Post
Old 05-17-2019, 02:48 PM   #12
lumpynose
Wizard
lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.lumpynose ought to be getting tired of karma fortunes by now.
 
Posts: 1,086
Karma: 6719822
Join Date: Jul 2012
Device: Palm Pilot M105
Quote:
Originally Posted by theducks View Post
Exactly! Exceptions get specific styles, A simple <p> for the bulk of the work of a typical Novel.
Obviously, Non-fiction will probably be a majority of exceptions, with tables, charts...
I haven't enough experience to write a knowledgeable rant but my current thinking is that something like the following css should be sufficient for the majority of novels. (Largely lifted from html5 reset.)

Let the reader adjust the font size, margins, line spacing, etc. on their e-reader.

Code:
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

p {
    display: block;
    font-size: 1rem;
    text-indent: 1.5rem;
    text-align: left;
}

h1 + p, h2 + p, h3 + p {
    text-indent: 0rem;
}

h1, h2, h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}

h1 {
    font-size: 1.2rem;
}

h2 {
    font-size: 1.1rem;
}
lumpynose is offline   Reply With Quote