I don't really have a one style fits all mentality and I don't think I ever would. How a work is styled should fit with the content of the work. For example a Shakespearean comedy such as "As You Like It" would be styled differently from William Gibson's "Neuromancer".
Having said that. I am finding myself attracted to the included CSS for generic fiction works. I would remove the poem sections or the letter sections for those docs that don't have verse or letters.
Each xhtml file that I use with this has <body id="content"> except the title-page which has <body id="content-title">. I do this in case in the future I need to have other # sections (say for sidebars or menus or ???).
With this and other CSS sheets I use <p> only for the bulk of my paragraphs unless I want to specifically override it with a class such as noindent. Use classes as necessary not unnecessarily.
There are probably things that could be trimmed but not right now.
Code:
/* Base CSS file */
@font-face {
font-family: "Liberation Sans";
font-weight: normal;
font-style: normal;
font-variant: normal;
src: url(../Fonts/LiberationSans-Regular.ttf);
}
@font-face {
font-family: "Liberation Sans";
font-weight: normal;
font-style: italic;
font-variant: normal;
src: url(../Fonts/LiberationSans-Italic.ttf);
}
@font-face {
font-family: "Liberation Serif";
font-weight: normal;
font-style: normal;
font-variant: normal;
src: url(../Fonts/LiberationSerif-Regular.ttf);
}
@font-face {
font-family: "Liberation Serif";
font-weight: normal;
font-style: italic;
font-variant: normal;
src: url(../Fonts/LiberationSerif-Italic.ttf);
}
@font-face {
font-family: "Liberation Serif";
font-weight: bold;
font-style: normal;
font-variant: normal;
src: url(../Fonts/LiberationSerif-Bold.ttf);
}
@font-face {
font-family: "Liberation Serif";
font-weight: bold;
font-style: italic;
font-variant: normal;
src: url(../Fonts/LiberationSerif-BoldItalic.ttf);
}
body {
font-family: "Liberation Serif", serif;
margin: 0.5em 3% 0.6em 3%;
}
#content
{
background-color: white;
color: black;
font-family: "Liberation Serif", serif;
text-align: justify;
}
#content h1, #content h2
{
color: navy;
}
#content h1 /* Book */
{
font-variant: small-caps;
font-family: "Liberation Sans", sans-serif;
text-align: right;
border-bottom: 1px solid #88F;
margin-bottom: 2.5em;
}
#content h2 /* Part */
{
font-variant: small-caps;
font-family: "Liberation Sans", sans-serif;
text-align: center;
font-size: 2em;
}
#content h3 /* Chapter */
{
/* font-variant: small-caps; */
font-family: "Liberation Sans", sans-serif;
font-size: 1.5em;
text-align: right;
margin-top: 1em;
margin-bottom: 1em;
margin-right: 1%;
color: navy;
border-bottom: 1px solid #88F;
}
/* h4 would be for Section */
/* h5 would be for Subsection */
#content blockquote
{
margin-left: 35px;
margin-right: 20px;
}
#content .italics
{
margin-left: 20px;
margin-right: 20px;
font-style: italic;
}
#content .smallcaps
{
font-variant: small-caps;
}
#content blockquote .attribution /* where did the quote come from */
{
display: block;
text-align: right;
font-family: "Liberation Sans", sans-serif;
font-style: italic;
font-size: smaller;
}
#content blockquote .attribution-name /* who said it */
{
display: block;
text-align: right;
font-family: "Liberation Sans", sans-serif;
font-style: normal;
font-size: smaller;
}
#content sup { /* great for exponent such as in <i>e=mc<sup>2</sup></i> */
font-size: 80%;
vertical-align: top;
line-height: 0.8
}
#content p
{
text-align: justify;
margin: 0px;
line-height: 1.35em;
}
#content p+p
{
text-indent: 20px;
}
#content p.noindent, blockquote p, p.first
{
text-indent: 0px;
margin-top: 1em;
}
#content p.notab
{
text-indent: 0px;
font-family: "Liberation Serif", serif;
}
#content .firstletter {
display: block;
font-family: "Liberation Serif", serif;
font-size: 3em;
float: left;
padding-top: .2em;
line-height: .5em;
margin: 0 .1em 0 0;
}
#content p.salutation {
margin-top: 1em;
}
#content p.letter {
width:86%;
margin-left: 35px;
}
#content p.closing {
width:88%;
text-align: right;
margin-bottom: 1em;
}
#content blockquote.poem {
text-align: left;
font-style: normal;
font-family: "Liberation Serif", serif;
}
#content .stanza
{
text-indent: 0;
line-height: 1.2em;
}
#content .stanza-fl /* first line of a stanza */
{
letter-spacing: 1px;
font-style: italic;
font-family: "Liberation Serif", serif;
}
/* Outside of the content area you can address the style of the running
book and author headings. */
#content-title
{
font-family: "Liberation Sans", sans-serif;
text-align: center;
}
#content-title p
{
font-size: 0.80em;
line-height: 1.35em;
}
#content-title .title {
text-align: left;
/* font-variant: small-caps; */
font-size: 2.5em;
border-bottom: 2px solid #88F;
}
#content-title .sub-title
{
text-align: left;
font-size: 1.35em;
}
#content-title .author {
text-align: left;
font-size: 1.5em;
margin-bottom: 1.25em;
color: navy;
}
#content-title i, em
{
font-style: italic;
font-family: "Liberation Serif", serif;
}