The Design and Construction of eBooks, by Steve Thomas

Miscellaneous styles

The style sheet also contains styles for a number of standard HTML tags. These should be self-explanatory.

Rules were used to divide major divisions, but are now deprecated: they are greyed to make them less dominant. As a general principle, anything not part of the actual book text is greyed out.

hr { color:#ddd; background-color:#fff; }

A “bookmark” class is used for links provided for bookmarking purposes, making them “invisible” except when the user hovers the mouse over their text:,, {
}, {

Some “position” classes, e.g. for IMG placement:

.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }

Something to put a box around anything:

.border { border:1px solid; padding:1em; }

Citations are underlined, not italic:

cite {

Lists deserve a little more space between items:

li { margin-top:.5em; }

superscript is used for note references/numbering. Size ensures that the numbers don’t intrude by increasing line spacing.

sup { font-size:.7em }

A transition class is defined for separations between paragraphs, where a break in the flow is intended, without a chapter or subhead.

.transition { margin:2em 0; text-align:center; }

Transition is now deprecated, as you can get the same effect using div.section without a heading.

Pre-format class — same as pre, but needs br to break lines:

div.pre { font-family:monospace; text-align:left }

Fix for IE5.5-Mac:

pre { font-family:monospace; text-align:left }

When we specify language explicitly, use a bigger font — it looks better:

span[lang] { font-size:larger; }

Last updated Tuesday, January 26, 2016 at 23:27