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;
}
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;
}
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*/
h4+ul {margin-top:0em;} /* keep list close to preceding h4 (samyutta/index.html)*/
h4+div {margin-top:1em;}
/********** h5, h6 **********/
h5,h6 {
font-size:110%;
margin-bottom:0em;
}
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*/
table.translist th {
background-color:#F4E8C5;
color:black;
font-size:120%;
font-weight:bold;
text-align:center;
border-top:1px solid black;
border-left:1px solid black;
}
/**********/
/********** Articles and books **********/
/* Epigraphs at the start/end of books, chapters, etc. */
.epi {
font-style:italic;
margin-left:20%;
margin-right:20%;
text-align:center;
}
.epi p.cite {margin-left:60%;}
/* For the author's name, address, etc., usually at the end of a Preface.*/
.tagline {
margin-right:10%;
text-align:right;
font-size:small;
}
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 .title {
font-weight:bold;
font-size:180%;
text-align:center;
margin-top:1em;
}
.chapter .subtitle {
font-weight:bold;
font-size:160%;
text-align:center;
margin-top:1em;
margin-bottom:2em;
}
.chapter .by {
font-size:100%;
text-align:center;
margin-top:1em;
}
.chapter .author {
font-weight:bold;
font-size:120%;
text-align:center;
margin-top:1em;
}
.chapter .details {
font-size:100%;
text-align:center;
margin-top:1em;
}
.chapter div.sect1 .title{
font-weight:bold;
font-size:140%;
text-align:left;
margin-top:2em;
}
.chapter div.sect2 .title{
font-weight:bold;
font-size:130%;
text-align:left;
margin-top:2em;
margin-bottom:0em;
}
.chapter div.sect3 .title{
font-weight:bold;
font-size:100%;
text-align:left;
margin-top:2em;
margin-bottom:0em;
}
.chapter div.sect4 .title{
font-weight:bold;
font-size:100%;
text-align:left;
margin-top:2em;
margin-bottom:0em;
}
.chapter div.sect5 .title{
font-weight:bold;
font-style:italic;
font-size:100%;
text-align:left;
margin-top:2em;
margin-bottom:0em;
}
.chapter .sect1 + .sect1 {margin-top:2em;}
.chapter .sect1 .title + .sect2 .title {margin-top:0em;}
.chapter .sect2 .title + .sect3 .title {margin-top:0em;}
.chapter .sect3 .title + .sect4 .title {margin-top:0em;}
.chapter .sect4 .title + .sect5 .title {margin-top:0em;}
.chapter h1 {
font-weight:bold;
font-size:140%;
text-align:left;
margin-top:2em;
}
.chapter h2 {
font-weight:bold;
font-size:130%;
text-align:left;
margin-top:2em;
}
.chapter h3 {
font-weight:bold;
font-size:120%;
text-align:left;
margin-top:2em;
}
div.colophon {font-size:small;}
div.chant {
margin-left:+5%;
margin-right:+5%;
}
/* 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 {
margin-top:0em;
margin-bottom:0em;
}
.chant .english {
font-style:normal;
margin-left:+2%;
margin-right:+2%;
margin-top:0em;
margin-bottom:1em;
}
.pali {font-style:italic;}
.trans {
font-style:normal;
margin-left:+2%;
margin-right:+2%;
margin-top:1em;
}
div.excerpt /* for quoted excerpts */ {margin-left:+5%;margin-right:+5%;}
/* A citation (e.g., " -- SN XLVI.11") that follows a quoted passage. */
p.cite {
text-align:left;
font-size:small;
margin-left:60%;
margin-bottom:2em;
}
span.cite {font-size:small;}
/***** VERSE TEXT *****/
/* For verses or other indented chunks */
div.verse {
margin-left:5%;
margin-right:5%;
margin-bottom:0em;
}
/* For poetry, use preformatted text. */
.verse pre {
font-size:100%;
font-family:Optima, Verdana, Arial, Helvetica, Helv, Geneva, sans-serif;
margin-top:0;
/* To prevent a blank line after a preceding line like "[Ananda:]"*/
margin-bottom:0;
}
/* A sutta citation (e.g., "[SN XLVI.11]") that follows a sutta verse. */
.verse p.cite {
text-align:left;
font-size:small;
margin-left:10%;
margin-bottom:2em;
}
p + .verse {margin-top:1em;}
/**********/
/***** SUTTAS *****/
/* The name of the speaker. For example, "[Buddha:]" */
p.spkr {
font-style:italic;
margin-left:-3%;
margin-bottom:0em;
}
p.spkr + p /*close up the space between p.spkr and a following p*/ {margin-top:0;}
div.sutta /* (nothing for now) */ {}
h1.pali-id /* pali Canon "id" -- e.g., "AN III.34" */ {font-size:small;}
h1.pali-title /* Pali title -- e.g., "Hatthaka Sutta" */ {}
h2.e-title /* English title -- e.g., "To Hatthaka"*/ { }
/* For the "(excerpt)" part of the title*/
h4.excerpt {
text-align:center;
margin-top:1em;
margin-bottom:1em;
}
/* A little nav bar for flipping between alternate translations*/
#alt-trans {font-size:small;}
#alt-trans a.here {display:none;}
#alt-trans a:hover {border:1px dotted black;}
#alt-trans a {padding:1px;}
/* A little notice after the main header stuff */
.notice {
font-size:small;
margin-top:1em;
margin-bottom:1em;
text-align:center;
}
div.tnote /* for a "Translator's note" */{font-size:small;}
div.intro /* for a "Translator's introduction" */{font-size:100%;}
div.intro h1,h2,h3,h4,h5 {margin-top:0em;}
/**********/
/******* Footnotes and Endnotes **********/
div.notes {
margin-left:2%;
margin-right:2%;
margin-bottom:2em;
font-size:90%;
}
.notes div.note {/* for each individual 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;}
.note-tag {
vertical-align:super;
font-size:small;
}
/**********/
/* to set off a chunk of commentary from a quoted passage */
div.comment {
margin-top: 2em;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 2em;
background: #eee;
color: black;
padding: 0.5em;
}
/********** Non-semantic odds 'n ends, doo-dads, and one-offs ********/
/* some little horizontal rules with air around them.
Use as a replacement for * * * and their ilk. */
hr.minibar {
width:33%;
margin-top:2em;
margin-bottom:2em;
}
/* like 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;
}
/* Used to highlight a table cell, etc. */
.shaded {
background-color:#F4E8C5;
color:black;
}
.stop {color:red;}
.go {color:green;}