/**/ /* original pagenumbers & footnotes: slight differences for print & screen */ @media print { samp.pgmark { /* change "none" to "inline" and "hidden" */ /* to "visible" to unhide the numbers */ /* which should appear in the left margin */ font-size: xx-small; text-align: left; text-indent: 0; font-style: normal; margin: 0; padding: 0.05em 0.5em; position: absolute; left: 1%; display: none; visibility: hidden } div.footnote { margin-right: 15%; margin-bottom: 1em; padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.75em } } @media screen { /* change "none" to "inline" to unhide the numbers */ /* which should appear in the left margin */ samp.pgmark { border-top: thin solid silver; border-bottom: thin solid silver; font-size: xx-small; text-align: left; text-indent: 0; font-style: normal; margin: 0; padding: 0.05em 0.5em; position: absolute; left: 1%; display: inline } div.footnote { margin-right: 15%; margin-bottom: 1em; padding-top: 0.25em; padding-bottom: 0.25em; padding-right: 0.75em; background-color: #eee; color: #000 } } /* We deliberately use lengths/dimensions which are */ /* relative (to window or font size) so that we don't */ /* impose too much on people's defaults */ body { font-size: medium; margin-left: 10%; margin-right: 10% } div.main { max-width: 30em; /* for comfortable reading */ margin-left: auto; margin-right: auto; clear: both; page-break-before: always } p { text-indent: 1.5em; margin-top: 0.1em; font-size: medium; text-align: justify; margin-bottom: 0.05em } p.firstword { text-indent: 0; margin-top: 0.1em; font-size: medium; text-align: justify; margin-bottom: 0.05em; clear: both } p.firstword span { font-style: normal; font-variant: small-caps } p.epigraph1 { font-style: normal; font-size: 90%; font-weight: normal; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; text-indent: 4.5em; width: 30em } p.epigraph2 { font-style: normal; font-size: 90%; font-weight: normal; margin-left: auto; margin-right: auto; padding-right: 3em; margin-top: 0; margin-bottom: 3em; text-align: right; text-indent: 0; width: 30em } p.toc1 { font-style: normal; font-size: 150%; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0; text-align: center; text-indent: 0; width: 20em } p.toc2 { font-style: normal; font-size: medium; font-weight: normal; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; text-indent: 0; width: 30em } p.toc2 a { text-align: right } p.toc3 { font-style: normal; font-size: 90%; font-weight: normal; margin-left: auto; margin-right: auto; padding-left: 2em; padding-right: 1em; margin-top: 0; margin-bottom: 0.5em; text-align: left; text-indent: 0; width: 30em; clear: both } p.authorsig { font-variant: small-caps; text-align: right; padding-right: 1em; margin-top: 1em } p.date { text-indent: 0; text-align: left; margin-bottom: 4em; page-break-after: always } div.tp { width: 30em; /* for the title page and friends */ margin-left: auto; margin-right: auto; page-break-before: always } div.tp h1 { font-style: normal; font-size: 300%; font-weight: bold; margin-top: 2em; margin-bottom: 0.25em; text-align: left; text-indent: 0; word-spacing: 0.2em; page-break-before: always } div.tp h2 { font-style: normal; font-size: 180%; font-weight: bold; margin-top: 4em; margin-bottom: 0; text-align: left; text-indent: 0; word-spacing: 0.2em; page-break-after: always } div.tp h3 { text-align: center; font-size: 115%; font-style: italic; font-weight: normal; margin-top: 8em; margin-bottom: 0.5em } div.tp p { font-style: normal; font-size: medium; font-weight: normal; margin-top: 0; margin-bottom: 14em; text-align: left; text-indent: 0 } span.byline { font-size: medium; margin-bottom: 0.5em } div.tp p.author { font-size: x-large; text-indent: 0; text-align: center; width: 10em; margin-left: auto; margin-right: 0; margin-top: 0; margin-bottom: 6em } div.tp p.ctr { font-size: medium; text-align: center; text-indent: 0; margin-top: 0; margin-bottom: 0.25em } .flleft { vertical-align: bottom; text-align: left } .flright { vertical-align: bottom; text-align: right } div.copyright { font-size: small; text-align: center; text-indent: 0; margin-top: 10em; margin-bottom: 10em; /* matching transcriber's notes at end */ margin-left: 10%; margin-right: 10%; padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; page-break-before: always } div.dedication { font-size: medium; text-align: center; text-indent: 0; margin-top: 10em; margin-bottom: 10em; margin-left: auto; margin-right: auto; page-break-before: always } div.copyright p, div.dedication p { text-align: center; text-indent: 0; margin-top: 1.5em } div.copyright p.copynote { text-align: left; text-indent: 0; margin-top: 1.5em; margin-bottom: 1.5em } div.frontcover { max-width: 24em; /* for the text from the front cover flap */ margin-left: auto; margin-right: auto; margin-top: 5em; clear: both; font-size: medium; background: #FFF url(@public@vhost@g@gutenberg@html@files@20289@20289-h@images@about.png) no-repeat top left; color: inherit; page-break-before: always } div.frontcover p { font-family: sans-serif; font-size: medium; text-align: justify } div.frontcover p.ctr { font-family: serif; font-style: italic; font-size: medium; text-align: center; margin-top: 1.5em } div.frontcover h3 { font-weight: 900; font-family: sans-serif; /* absolute size to fit into background image */ text-align: left } div.backcover { max-width: 24em; /* for the text from the back cover flap */ margin-left: auto; margin-right: auto; margin-top: 5em; clear: both; font-size: medium; page-break-before: always; page-break-after: always } div.backcover p { font-family: sans-serif; font-size: medium; text-align: justify } div.backcover h3 { font-weight: 900; font-family: sans-serif; /* absolute size to match frontcover */ text-align: left } .tb { margin-top: 2em } a:link { color: blue; background-color: inherit; text-decoration: none } a:visited { color: blue; background-color: inherit; text-decoration: none } a:hover { color: red; background-color: inherit } .illus a:link img, .illus a:visited img { border: 2px solid white } .illus a:hover img { border: 2px solid red } p.illus { text-indent: 0; text-align: left; margin-top: 3em; margin-bottom: 3em; font-size: large } /* headings */ h1, h2, h3, h4, h5, h6 { font-family: serif } h1.pg { font-family: Times-Roman, serif; text-align: center } h3.pg { font-family: Times-Roman, serif; text-align: center } h2.chap { margin-top: 2.5em; margin-bottom: 1.5em; clear: both; word-spacing: 0.75em; letter-spacing: 0.05em; font-size: 180% } h2.chap { text-align: left; font-size: 200%; font-style: normal; font-weight: bold; margin-top: 4em; margin-bottom: 0.75em; page-break-before: always } h3.chap { text-align: center; font-size: 150%; font-style: normal; font-weight: normal; margin-top: 0.75em; margin-bottom: 1.5em; word-spacing: 0.2em } h4 { text-align: center; font-size: 110%; font-style: italic; font-weight: normal; margin-top: 1em; margin-bottom: 0.5em } /* for marking off the boilerplate */ hr.pg { width: 100% } /* footnotes are placed at the end of a chapter with a */ /* coloured background (on screen) to distinguish them */ /* we change the vertical alignment to stop */ /* footnotemarks messing up lineheights */ sup { font-size: small; vertical-align: top } div.footnote p { text-indent: -1.75em; margin-left: 1.75em; margin-top: 0; margin-bottom: 0; margin-right: 0; font-size: small; text-align: justify } div.footnote a { margin-right: 0.5em } /* the footnote rule goes above, not inside, the */ /* coloured area, hence we don't use "div.footnote hr" */ /* because absolute positioning with "top" doesn't work */ /* in any browser I've tried :( Also, the text-align */ /* doesn't work in Mozilla, hence the margins */ hr.footnote { width: 5em; margin: 1em auto 0.2em 0; text-align: left } /* for recording typos etc */ ins.transcriber { text-decoration: none; border-bottom: thin dotted silver } /* for small caps abbreviations */ .allsc { text-transform: lowercase; font-variant: small-caps } /* for transcriber's notes at the end */ div.tnote { margin-left: 10%; margin-right: 10%; padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; margin-top: 3em } div.tnote p { text-indent: 0; margin-top: 0.5em; font-size: small } h3.tnote { text-indent: 0; text-align: left; font-size: large; font-style: normal; font-weight: bold } hr.full { width: 100%; margin-top: 0; margin-bottom: 0; border: solid black } pre { font-size: 75% } /**/