Lars Eighner was kind enough to give permission for this post to ciwa.stylesheets to be reproduced here.
The following is an experimental style sheet which is suitable
for essays and reviews. Sample documents using these styles
the body of the text can be found at:
http://www.io.com/%7Eeighner/aidscirc.html
http://www.io.com/%7Eeighner/ofcopsan.html
http://www.io.com/%7Eeighner/goodbadl.html
This is a highly commented version of the sheet.
Most comments are removed in the operational version.
The aim of my experimental style sheets is to facilitate
practical applications at present, and not
to illustrate ideal styles for completely compliant
browsers that only exist in theory. These have been
tested in IE 4 and NS 4.04 for Win 3.1 and
Lynx 2.7.1. Comments regarding other browsers
and platforms are invited.
/* Style Sheet Begins */
/* Styles for Literary Works */
BODY {background: #FFF url(images/white.gif);
color: #000;
margin-left: 5%; margin-right: 5%;}
/* This establishes a white body,
black text, and a white texture
background image. Mzny people
will find larger values for
the margins attractive. */
H1 {text-align: center; font-style: normal;}
/* This head for the title */
/* H1 should occur only once per document */
DIV.byline {text-align: center; text-variant: small caps;
font-weight: bold; font-style: normal}
/* This is the style for the byline. */
DIV.flying {margin-left: -5%; text-align: left;
font-weight: bold; font-size: 125%;
font-style: italic;}
/*This style is for flying heads,
usually used above H1. This
avoids H3 above H1 or skipped
heading levels. */
DIV.card {font-style: normal; font-weight: bold;
margin-top: 1em;}
/*This style is for the information
concerning the book being reviewed.
The title is also marked up with CITE
and lines are broken with BR */
DIV.citerule {font-style: bold;}
/* Since rules are broken in both major browsers,
this is used to markup underscores separating the
body of the article from the author's bio or
bioliographical or other notes */
DIV.center {text-align: center;}
/* This is used to enclose pullouts because
otherwise they are not centered in one of
the major browsers */
DIV.passage {margin-top: 1em; margin-bottom: 1em;
text-indent: 0; }
/* This is the main container for the body
of the article. Passages are enclosed
in this tag and paragraphs are broken with
BR and multiple nonbreaking spaces. */
DIV.pullout {font-size: 150%;
background: #CCC;
padding: 0.5em;
border-width: thin thick thick thin;
border-color: #000;
border-style: outset;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 1em;
width: 70%;
text-align: center;}
/* This style is used to markup pullout boxes
with short quotations from the text. This
creates a gray box with shadow borders which
contains large type. By itself, it will only
be centered in one of the big two.
NOTE: you may be tempted to break lines with
BR in the pullout. But this will produce a bad
effect in some window sizes. Although the natural
breaks may be suboptimal sometimes in your browser,
using BR will almost certainly make it truly
horrible in other browsers and window sizes */
#gbl {font-size: medium;}
/* this is the ID of a span used around a longer
quotation (in the manner of an epigraph)
in a pullout box */
DIV.notice {text-align: center; font-style: italic;
margin-top: 0.5em; margin-bottom: 0.5em;}
.notice CITE {font-style: normal;}
/* This markup is for copyright notices and acknowledgments.
These are usually in italics and CITE in italics text
should be set roman (i.e. normal) If you use I or EM
in a notice, these elements too should be rendered
in the opposite style of the context and this may require
several contextural styles depending upon the depth of
your nesting of these elements */
DIV.author {font-style: italic;}
.author CITE {font-style: normal;}
/* This markup is for the author's bio note and other
notes. As this customarily set in italics, CITE
(and I or EM if you use them) should be roman
(i.e. normal) and should switch back and forth
according to context. This will require addition
of more contextural styles if you nest these elements. */
SPAN.hide {display: none;}
/* This is used to hide indications of pullouts.
Pullouts don't belong in running text, so something
should set them apart in text browsers and other
styles-challenged browsers. You may with to put
brackets or braces in this SPAN. I think
space-star-star-star-space works well here. */
SPAN.initial {font-size: 150%; font-weight: bold;}
/* This creates a large initial since drop caps and
other treatments of initial characters in passages
are not supported and most of the kludges
look horrible. */
SPAN.caps {font-variant: small-caps;}
/* This span is meant to contain parts of initial
lines that are to be set in small caps, but not
the initial letter. This is in lieu of unsupported
features in the recommendation. Small caps
themselves are not universally supported so
the contents of this SPAN are best entered in CAPS,
which will also produce a good approximation in
Lynx, etc. You may wish to add a font weight of
bold to this style or substitute bold for
small caps */
SPAN.right {text-align: right}
.right A:link {text-decoration: none}
.right A:visited {text-decoration: none}
/* This style is for the attribution line of
a quotation in a pullout box or other
epigraphs. These will generally be linked
to a bibliographic note and the underlining
of these links is removed. */
/* banner, rule, and menu styles particular to my pages
have been removed */
/* I have probably forgot to close some comments above. */
/* Experimental style sheet ends here */
--
Lars Eighner= http://www.io.com/%7Eeighner === eighner@io.com ============
700 Hearn Street (at West 7th) #101 (512)474-1920 [FAX answers 6th ring] ==
Austin TX 78703-4501 == worldbuilder is an English word ==
Lars Eighner's Home Page Bookstore - http://www.io.com/%7Eeighner/bookstor.html