Reference: style classes for this weblog

HTML

For comments, use the comment snippet (keyboard equivalent control-command-K).

Character-level

Character-level classes are used with the "span" tag.

• addendum
• smc (smallcaps)
• footnotesym (for footnote references; but see below under “References”)
• isbnean (for ISBNs, EANs, code, etc.)
• mathsup and mathsub
• shd (shadowed text: not all current browsers recognize this)

Marsedit: Use the snippets addendum, footnotesym, isbnean, and smallcaps.

Body text

Use norm for ordinary body text paragraphs. For headings within an entry, use entryheading1 and entryheading2.

Marsedit: Use the snippets norm and entryheading1 (change ‘1’ to ‘2’ for entryheading2.

Indented text

For indented text, use indented, indentedtan, and indentedcode. The last is for code and similar sorts of text. The class hangindent yields a hanging indent. Example (hangindent inside inset):

Inter hos tu, mi More, uel in primis occurrebas; cuius equidem absentis absens memoria non aliter frui solebam quam presentis presens consuetudine consueueram; qua dispeream si quid unquam in uita contigit mellitius. Ergo quoniam omnino aliquid agendum duxi, et id tempus ad seriam commentationem parum uidebatur accommodatum, uisum est Moriae Encomium ludere.

Marsedit: Use the code snippets indented, etc.

Notes and so forth

Notes within the body text can use internote or zusatz.

This is an internote.

Bibliography

bibauth. bibtitle. The class bib is used for bibliographical items, bibauth for authors’ last names, bibtitle for titles.
bibauth. “Article title.” bibjtitle 99 (1889) 1–28. The class bibjtitle is used for journal titles, bibvol, bibdate, bibpages for volume, date, pages.

Marsedit: Use the code snippets bibform and bibformj to create bibliographical entries. The snippet bibftn is for bibliographical items in footnotes.

References

The footnote class is for footnotes. If you want a dividing line between the notes and the bodytext, use updatedivider.

MarsEdit: use ref down or footnotesym to create the reference, and ref up or (preferably) footnote for the note.

ref down creates a string of code that looks like this:

(<a name="ref"></a><a href="#note">↓</a>)

Insert a random number after ‘ref’ and the same number after ‘#note’. Then move to the point in your entry where the footnote will go. Insert the footnote snippet. It looks like this:

<div class="footnote">(<a name="note"></a><a href="#ref">↑</a>)</div><!--note-->

Insert the same random number after “note” and after ‘#ref’. The links will allow a reader to jump to the footnote and then back to the appropriate place in the body text.

Once you have uploaded the weblog entry to the weblog, and if the entry is extended, copy the URL of the entry (from its “individual” page) and paste the URL in front of every occurence of ‘#note’ and ‘#ref’ in the entry. That will ensure that footnote references behave correctly on the main page of your weblog.

Quotations

Inset quotations use the inset class (the quotation in the sidebar has its own class, thequote; this has a different background image attached to it). If an inset does not include a byline, use insetnoby. For an inset quotation in a footnote, use insetftn.

A byline inside an inset quotation uses the bylineinset class. There is also a byline class for quotations that are not inset.

Example:

All uneasiness therefore being removed, a moderate portion of good servers at present to content Men; and some few degrees of Pleasure in a succesion of ordinary Enjoyments make up a happiness, wherein they can be satisfied.

Locke, Essay 2c21§44

Marsedit: Use the snippets inset and byline (adding ‘inset’ to the class name ‘byline’ for a byline inside an inset).

Images

O. R. Snodgrass

The usual setup for an image is to put it inside a div with the class imgbox. imgbox creates a floating box on the right-hand side of the column, with sufficient space between the image and the bodytext. The caption class is for captions.

A image can be floated on the left using imgboxleft.

If an image is too wide to be floated on the right, use imgboxcentered instead. For the caption, use caption and insert style="text-align: center" into the tag.

Marsedit: Use the snippets imgbox and caption.

Lists

Kinds of lists: arabnum for arabic numbering, romnum for roman, listfig for putting a small printer’s cut in front of each item; checklarge, checkmed do what you’d expect. romnuminside places the roman numeral in the paragraph (instead of at the margin). alphamaj and alphamin produce upper- and lower-case alphabetic markers. Examples (inside indented):

• arabic numbering
• roman numbering
• list with figure
• large checkmark
• medium checkmark
• small checkmark
• roman numeral inside
• alpha majuscule
• alpha minuscule

To make a list with hanging indents using ordinary divs, put style="margin-left: 2em; padding-bottom: .5em; text-indent: -2em;" into the div tag (you can, of course, use a distance other than 2em and omit the padding).

Marsedit: Use inset and list arab, etc. I haven’t made snippets for all the list tags.

Special purposes

This is a pullout.

Postils and pullouts use the classes postil and pulloutright. There is a pullout snippet.

The class prologue is a centered box with bluish-grey background, intended for prefatory remarks at the beginning of an entry.

For dividers, use the snippets scrolldivider and updatedivider.

For quick explanatory notesA quick explanatory note is a note that quickly explains something., glosses, etc. use the tooltip class. The snippet is tooltip, which shows you how to use this class. “Visible” indicates where to put text that will be part of the main body text; “invisible” shows where to put the gloss.

Tables

For a quick two-column table, use the snippet table2col. The table list snippet is for making lists inside of table cells.

Good Capitalism Consumption War

Bad Socialism Conservation Peace