won't do anything.
PR (p.18): "Setting top and bottom margins on non-replaced inline elements
(e.g., elements which contain only text) will have no effect on layout."
But apparently doing it in adjacent-sibling rules (e.g., p + h4) works.
*/
/************** h1 ************/
h1 {
font-size: 180%;
text-align: center;
}
/************** h2 ************/
h2 {
font-size: 160%;
text-align: center;
}
/************** h3 ************/
h3 {
font-size: 140%;
margin-bottom: 0em; /* keep this heading close to the following text*/
}
p + h3 {margin-top:2em;} /*big space between p and the following h3*/
dl + h3 {margin-top:2em;} /*big space between dl and the following h3 ("A Happy Married Life")*/
h3 + p {margin-top:1em;} /*normal space between h3 and the following p*/
h3.subtitle {
margin-bottom: 1em;
}
/************** h4 ************/
h4 {
font-size: 120%;
margin-bottom: 0em; /* keep this heading close to the following text*/
}
div + h4 {margin-top:2em;} /*big space between div and the following h4*/
p + h4 {margin-top:2em;} /*big space between p and the following h4*/
h4 + p {margin-top:0em;} /*small space between h4 and the following p*/
/************** h5 ************/
/************** h6 ************/
h5,h6 {
font-size: 110%;
margin-bottom: 0em; /* keep this heading close to the following text*/
}
div + h5 {margin-top:2em;} /*big space between div and the following h5*/
p + h5 {margin-top:2em;} /*big space between p and the following h5*/
h5 + p {margin-top:0em;} /*small space between h5 and the following p*/
div + h6 {margin-top:2em;} /*big space between div and the following h6*/
p + h6 {margin-top:2em;} /*big space between p and the following h6*/
h6 + p {margin-top:0em;} /*small space between h6 and the following p*/
/* generic indent widgets */
.in1 {
margin-left: 5%;
}
.in2 {
margin-left: 10%;
}
/* For highlighting table boxes in various ways (see transcription notes)*/
tr.no, td.no {
font-size:small;
background-color:#999999;
}
tr.yes, td.yes {
font-size:small;
font-weight: bold;
border-style:solid;
border-width:thin;
}
tr.pending, td.pending {
font-size:small;
border-style:dashed;
border-width:thin;
}
tr.reject, td.reject {
font-size:small;
background-color:#999999;
text-decoration:line-through;
}
/************************************************************/
/**************** Special definitions for the home page only **************/
h1.home {
font-size: 200%;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
h2.home {
font-size: 150%;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
td.home1 {
text-align: right;
vertical-align: top;
background-color: #CCCCCC;
color: black;
}
td.home2 {
text-align: left;
vertical-align: bottom;
background-color: white;
color: black;
font-size: small;
}
/************************************************************/
/********************** Articles and books ******************************/
.title { /* title of article */
text-align: center;
}
.subtitle { /* subtitle of article */
text-align: center;
}
.author { /* author */
text-align: center;
margin-bottom: .5em; /* add a little space here*/
}
.trans { /* translator*/
text-align: center;
}
/* for the distribution rights blurb */
.rights {
text-align: center;
font-size: small;
}
/* For "by", "translated by," etc. in book titles */
.by {
text-align: center;
font-size: small;
}
/* For epigraphs at the start of books, chapters, etc. */
div.epi {
text-align: center;
}
/* A little nav bar for flipping between adjacent pages*/
table.prev-next {
font-size: small;
font-weight: bold;
text-align: center;
}
/* Useful for copyright statements, publisher addresses, etc. near the
beginning of a document */
.pubinfo {
font-size: small;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
}
/* For details about where this transcription came from.
E.g., "Transcribed by Ardent J. Transcriber from "Some Really Good Book",
by Susan Q. Author, with the kind permission of Generous Publishing Co."*/
.from {
font-size: small;
margin-top: 1em;
margin-bottom: 1em;
text-align: left;
}
/* For the author's name, address, etc., usually at the end of a Preface.
(See "Mind Like Fire Unbound").*/
.tagline {
margin-left: 50%;
text-align: left;
font-size: small;
}
/* These "tiny" headers are used in multi-chapter books in which we don't
want the book title (which is structurally the most significant item) to
dominate the page visually. See "Mind Like Fire Unbound".*/
h1.tiny {
font-size: 100%;
margin-bottom:0;
text-align: center;
}
h2.tiny {
font-size: 90%;
margin-bottom:0;
margin-top:0;
text-align: center;
}
table.abbrev {
margin-top:0;
margin-left: 5%;
}
/* For a single-file book that contains a number of essays or chapters */
/* E.g., Wheel 170 */
div.chapter {
}
.chapter div.title {
font-weight:bold;
font-size: 180%;
text-align:center;
margin-top:1em;
}
.chapter div.subtitle {
font-weight:bold;
font-size: 160%;
text-align:center;
margin-top:1em;
margin-bottom:2em;
}
.chapter div.author {
font-weight:bold;
font-size: 120%;
text-align:center;
margin-top:1em;
}
.chapter div.details {
font-size: 100%;
text-align:center;
margin-top:1em;
}
/*******************************/
/*
Experimental headers for multi-file multi-chapter books.
See:
"A Chanting Guide" (~/Sites/ati/lib/authors/dhammayut/chanting/blessings.html)
and the BBEdit include file "lib.author.book.chapter.htm"
*/
h1.chap-book-title {
font-size: 100%;
margin-bottom:0;
text-align: center;
}
h2.chap-book-subtitle {
font-size: 90%;
margin-bottom:0;
margin-top:0;
text-align: center;
}
div.chap-by {
font-size: small;
text-align: center;
}
h3.chap-author {
font-size: 90%;
text-align: center;
}
h3.chap-title {
font-size: 180%;
text-align:center;
margin-top:1em;
}
h4.chap-subtitle {
font-size: 160%;
text-align:center;
margin-bottom:1em;
}
div.chant {
}
/* 050517: I would much prefer to use "whitespace:pre;" in div.chant (and in
sutta verses, for that matter), which would eliminate altogether the need
for tags in poetry, etc. But a little research on the web reveals
that many browsers (especially IE) don't support it. */
.chant pre {
font-family:inherit;
}
.chant .pali {
font-style: normal;
margin-left: +5%;
margin-right: +5%;
}
.chant .english {
font-style: italic;
margin-left: +10%;
margin-right: +10%;
}
/*******************************/
/***********************************************************************/
/* PROSE TEXT */
/* For generic text. The default. */
div.prose {
; /* nothing special here yet; everything is "prose" by default. */
}
/* A citation (e.g., "[SN XLVI.11]") that follows a generic (prose) passage. */
.cite {
text-align: left;
font-size: small;
margin-left: 60%;
margin-top: -1em; /* bump it up one line */
margin-bottom: 2em; /* add a little air at the bottom */
}
/* For "inline" citations */
span.cite-inline {
font-size: small;
}
/* for quoted excerpts */
div.excerpt {
margin-left: +5%;
margin-right: +5%;
}
.pali {
font-style: italic;
}
/***********************************************************************/
/***********************************************************************/
/* VERSE TEXT */
/* For verses or other indented chunks */
div.verse {
margin-left: 5%;
margin-bottom: 0em;
}
/* For poetry, use preformatted text. */
.verse pre {
font-family: inherit; /* to override 's ugly monospace default*/
margin-top:0; /* To prevent a blank line after a preceding line like "[Ananda:]"*/
}
/* The name of the speaker. For example, "[Buddha:]" */
.verse span.spkr {
font-style: italic;
margin-left: -3%; /*bump it back out a little bit*/
}
/* A sutta citation (e.g., "[SN XLVI.11]") that follows a sutta verse. */
.verse .cite {
text-align: left;
font-size: small;
margin-left: 25%;
margin-top: -1em;
margin-bottom: 2em;
}
.verse p {
margin-bottom: 0;
}
/***********************************************************************/
/***********************************************************************/
/* SUTTAS */
/* Sutta text is distinguished from other text by its font */
div.sutta {
font-family: "Times New Roman", serif;
}
h1.pali-id { /* pali Canon "id" -- e.g., "AN III.34" */
font-size: small;
}
h1.pali-title { /* Pali Canon title -- e.g., "Hatthaka Sutta" */
}
h2.e-title { /*English title -- e.g., "To Hatthaka"*/
}
h4.excerpt { /* For the "(excerpt)" part in the title*/
text-align: center;
margin-top: 1 em;
margin-bottom: 1em;
}
/* A little nav bar for flipping between alternate translations*/
table.alt-trans {
font-size: small;
font-weight: normal;
text-align: center;
}
/* for a "Translator's introduction" */
div.intro {
font-size: small;
}
div.intro h1,h2,h3,h4,h5 {
margin-top: 0em;
}
/* for a "Translator's note" */
div.tnote {
font-size: small;
}
/*********************************************************/
/********************* Footnotes and Endnotes ******************* */
div.notes {
margin-left: 2%;
margin-right: 2%;
margin-bottom: 2em;
font-size: 90%;
}
/* end notes in suttas use the normal font */
.sutta .notes {
font-family: Optima, Arial, Helvetica, sans-serif;
}
/* for each individual note. */
.notes div.note {
margin-top: 1.5em;
margin-left: +1em;
}
/* these notes are close-up to each other.
Saves space when there are lots of short notes -- see
"Nibbana As Living Experience".*/
.notes div.note0 {
margin-left: +1em;
}
span.note-tag {
vertical-align: super;
font-size: small;
}
/*********************************************************/
/*********************************************************/
/* Large chunks of text that the author/narrator/translator
uses in introductions, etc., for discussions that set the stage
for the sutta excerpts that will follow.
*/
div.discuss {
font-family: "Optima", sans-serif;
margin-bottom: 2em;
}
/* Short (usually just one or two paragraphs) commentary that
the narrator intersperses between sutta passages.
Indented and shaded to distinguish it clearly from the suttas.
Used in study guides.*/
div.comment {
font-family: "Optima", sans-serif;
margin-top: 2em;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 2em;
background: #EEEEEE;
padding: 0.5em;
}
/*********************************************************/
/*********** Odds 'n ends, doo-dads, and one-offs ********/
/* some little horizontal ruless with air around them.
Use as a replacement for * * * and their ilk. */
hr.minibar {
width: 33%;
margin-top: 2em;
margin-bottom: 2em;
}
/* similar to above, but nicer when used to separate verses that have short
lines of text. */
hr.minibar2 {
margin-left:25%;
margin-right:50%;
margin-top: 2em;
margin-bottom: 2em;
}
hr.microbar {
width: 10%;
margin-top: 2em;
margin-bottom: 2em;
}
/* hanging indent */
p.hang {
margin-left: 2em;
text-indent: -2em;
}
/* Used in Theravada Outsources for mailing addresseses */
p.postal-address {
margin-left: 5%;
margin-right: 5%;
font-size: small;
}
/* used in Theravada Outsources for the disclaimer */
div.disclaimer {
text-align: left;
font-size: small;
margin-top: 1em;
margin-bottom: 1em;
margin-right: 25%;
margin-left: 25%;
background-color: #DDDDDD;
}
/* Used in Outsources, home page, etc. to highlight a table cell, etc. */
.shaded {
background-color: #DDDDDD;
}
/* used in ptf/dhamma.html */
.outline {
border: thin solid;
}
/* used once, in the FAQ */
em.chimp-attract {
font-style: normal;
text-decoration: blink;
}
/* (e.g., "Elements of ATI Style") */
.example {
margin-left:5%;
margin-right:5%;
background-color: #DDDDDD;
}
/* (e.g., "Elements of ATI Style") */
.technote {
margin-left: 10%;
margin-right: 10%;
font-size: small;
background-color: #DDDDDD;
font-style: italic;
}
/* used for visible notes to myself (e.g., "Elements of ATI Style") */
.fixme {
color: red;
font-size: small;
}
.incorrect {
color: red;
}
.correct {
color: green;
}
/*********************************************************/