/**/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, var, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } /* HTML5 display-role for older browsers */ body { line-height: 1 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } /* End of CSS Reset */ /* ************************************************************************ * set the body margins to allow whitespace along sides of window - use * width rather than margin-right to get IE5 to behave itself. * ********************************************************************* */ body { margin-left: 4%; width: 90%; /* == margin-right:6% */ } /* ************************************************************************ * set the indention, spacing, and leading for ALL paragraphs * ********************************************************************* */ p { margin-top: 1em; /* inter-paragraph space */ margin-bottom: 0; /* use only top-margin for spacing */ line-height: 1.4em; /* generous interline spacing ("leading") */ } /* para with wide top margin - can be used to implement a thought break * as a gap, like the original book, instead of using a rule */ p.break { margin-top: 2em } /* ************************************************************************ * Style paragraphs of open text, not e.g. quotes or table cells * ********************************************************************* */ body > p { text-align: justify; /* or left?? */ text-indent: 1em; /* first-line indent, could be 0em */ } /* suppress indentation on paragraphs following heads and in tables */ h2 + p, h3 + p, td, td > p { text-indent: 0 } /* tighter spacing for list item paragraphs */ li, li > p { margin-top: 0.25em; margin-bottom: 0; line-height: 1.2em; /* leading a bit tighter than p's */ } /* ************************************************************************ * Small-cap font class, for use in spans. * ********************************************************************* */ .smcap { font-variant: small-caps } /* ************************************************************************ * right-alignment of special text, span or para. * ********************************************************************* */ .ralign { text-align: right } h1 { text-align: center; clear: both; line-height: 1.5; font-size: 300% } /* ************************************************************************ * Head 2 is for chapter heads. * ********************************************************************* */ h2 { margin-top: 3em; /* extra space above.. */ margin-bottom: 2em; /* ..and below */ clear: both; /* don't let sidebars overlap */ font-size: 133%; /* larger font than body */ text-align: center; font-weight: bold } /* ************************************************************************ * Head 3 is for section heads (delete if book has none) * ********************************************************************* */ h3 { margin-top: 2em; /* extra space above but not below */ text-align: center; clear: both; /* don't let sidebars overlap */ font-weight: bold } hr { width: 33%; margin-top: 2em; margin-bottom: 2em; margin-left: 33.5%; margin-right: 33.5%; clear: both } /* ************************************************************************ * Images and captions * ********************************************************************* */ img { max-width: 100%; height: auto } .figcenter { clear: both; padding-top: 3em; margin: 2em auto; text-align: center; max-width: 100% } p.caption { font-size: 85%; font-weight: bold; text-align: center; text-indent: 0; margin-bottom: 0 } .center { text-align: center; text-indent: 0 } /* ************************************************************************ * The Index can be treated as a series of un-marked lists, one for each * letter. To make a sub-list of terms under a term, just nest * ul class="IX" under the term. * ********************************************************************* */ ul.IX { list-style-type: none } .IX li { /* list items in an index: compressed vertically */ margin-top: 0 } ul.IX-indent { list-style-type: none } .IX-indent li { /* list sub-items in an index: indented left */ margin-top: 0; margin-left: 2em } ul.IX-indent2 { list-style-type: none } .IX-indent2 li { /* list sub-items in an index: indented left */ margin-top: 0; margin-left: 4em } .in { padding-left: 2em } .space-above { padding-top: 2em } .space-below { margin-bottom: 2em } .big { font-size: 200%; line-height: 1.5 } .small { font-size: 80%; line-height: 2 } .spaced { line-height: 2 } .hi { padding-left: 2em; text-indent: -1em } .nom { font-size: 75%; vertical-align: 0.33em } .dem { font-size: 75%; vertical-align: -0.33em } .noi { text-indent: 0 } .subh { font-variant: small-caps; font-weight: bold } /* ************************************************************************ * Styling tables and their contents: * automatic center/bold for header and footer cells. * use class="shade" to put gray bg in a tr or a td. * ********************************************************************* */ table { /* these affect all table elements */ margin-top: 1em; /* space above the table */ empty-cells: show; /* no need for nbsp's in empty cells */ margin-left: auto; margin-right: auto } td, td > p { /* style all text inside body cells */ margin-top: 0.25em; /* compact vertical.. */ line-height: 1.1em; /* ..spacing */ text-align: left; /* left-align even if table in "center" div */ } thead td, tfoot td { /* header/footer cells: center and bold */ text-align: center; font-weight: bold; /* background-color: #ddd; optional: gray background */ } td.c { text-align: center } /* align text in table cells */ td.r { text-align: right } /* generated by PPQT table->html */ #toc td.ia { padding-left: 2em } #toc td.ib { padding-left: 1em } #toc td.ic { padding-left: 3em } #toc td.id { padding-left: 4em } #loi { border-collapse: collapse } #loi td { padding-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0.2em } #loi td.btr { border-top: solid thin black; border-right: solid thin black } #loi td.br { border-right: solid thin black } #loi td.bbr { border-bottom: solid thin black; border-right: solid thin black } #loi td.btl { border-top: solid thin black; border-left: solid thin black } #loi td.bbl { border-bottom: solid thin black; border-left: solid thin black } #loi td.vam { vertical-align: middle } #t1 { border-collapse: collapse } #t1 td { padding-left: 0.5em } #t1 td.btr { border-top: solid thin black; border-right: solid thin black } #t1 td.bbr { border-bottom: solid thin black; border-right: solid thin black } #t1 td.br { border-right: solid thin black } #t1 td.rp { text-align: right; padding-right: 0.5em } #t2 td.bt { border-top: thin solid black } #t2 td.rp { text-align: right; padding-right: 0.5em } #t4 td.rp { text-align: right; padding-right: 0.5em } #t6 td.rp { text-align: right; padding-right: 1.5em } #t7 td { padding-right: 0.5em; padding-left: 0.5em } #t7 td.br { border-right: thin solid black } #t7 { border-collapse: collapse } #t9 th { padding-top: 1em } #t13 td { text-align: center; border-top: thin solid black; border-bottom: thin solid black; border-left: thin solid black; border-right: thin solid black; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em } #t13 { border-collapse: collapse } #t13 td.tbb { border-bottom: thick solid black } #t14 { border-collapse: collapse } #t14 td { border-top: thin solid black; border-bottom: thin solid black; border-left: thin solid black; border-right: thin solid black; padding-right: 0.5em; padding-left: 0.5em } #t14 td.nt { border-top: none } #t14 td.nb { border-bottom: none } #t14 td.nr { border-right: none } #t14 td.nl { border-left: none } #t15 { border-collapse: collapse } #t15 td { border-top: thin solid black; border-bottom: thin solid black; border-left: thin solid black; border-right: thin solid black; padding-right: 0.5em; padding-left: 0.5em } #t16 { border-collapse: collapse } #t16 td { border-top: thin solid black; border-bottom: thin solid black; border-left: thin solid black; border-right: thin solid black; padding-right: 0.5em; padding-left: 0.5em } #t16 td.vc { vertical-align: middle } #t16 td.nt { border-top: none } #t16 td.nb { border-bottom: none } #t16 td.nr { border-right: none } #t16 td.nl { border-left: none } #t16 td.s { font-size: 0.2em } #t17 td { padding-top: 1em; padding-left: 2em; text-indent: -1em } #t17 td.l { padding-left: 1em; text-indent: 0 } #t1f45 td { padding-left: 0.5em; padding-right: 0.5em } #t1f45 td.bt { border-top: thin solid black } #t2f45 td { padding-left: 0.5em; padding-right: 0.5em } #t2f45 td.bt { border-top: thin solid black } #t1f167 td { padding-left: 0.5em; padding-right: 0.5em } /* ************************************************************************ * Style the blockquote tag and related elements: * - inset left and right * - one-point smaller font (questionable?) * ********************************************************************* */ .blkquot { margin-left: 5%; margin-right: 5% } .chem-eq { text-align: center } /* ************************************************************************ * Generic floating images or sidebars: div or img class='floatr' * ********************************************************************* */ /* ************************************************************************ * Footnotes and footnote anchors * div class="footnotes" around a block of footnotes * div class="footnote" around any one footnote's label and text * span class="fnlabel" around [nn] in front of footnote text * - used here to float entire label out into left margin * - style ".footnote a" to change look of label link * a ...class="fnanchor" around [nn] in the body text * ********************************************************************* */ .fnanchor { font-size: 75%; /* small - 2pts less than adjacent text */ text-decoration: none; /* no underscore, blue color is enough */ vertical-align: 0.33em; /* raise up from baseline a bit */ /*background-color: #eee; optional pale gray background */ } .footnotes { /* style border and/or color around footnote block */ margin: 2em 1em 1em 1em; /* set off from body */ /*border: dashed 1px gray; optional border */ /*background-color: #EEE; optional light background tint */ /*padding: 0 1em 1em 1em; optional indent note text from border */ } .footnotes h3 { /* style a header FOOTNOTES: within a footnote block */ text-align: center; margin-top: 0.5em; font-weight: normal; font-size: 90% } .footnote { /* style label and text within a footnote */ /*font-size: 90%; optional make font 1-pt smaller than body */ } .fnlabel { /* style the [nn] label left of footnote */ /*float:left; optional: float left of footnote text */ text-align: left; /* aligned left in span */ width: 2.5em; /* uniform width of [1] and [99] */ } .footnote a { /* [X] is a link back to the anchor, style it */ text-decoration: none; /* take the underline off it */ } div.tnotes { background-color: #eee; border: 1px solid black; padding: 1em } .covernote { visibility: hidden; display: none } @media all { /* was @media handheld */ .covernote { visibility: visible; display: block } } /* ************************************************************************ * Visible page numbers in right margin. * ********************************************************************* */ .pagenum { /* right-margin page numbers */ /*visibility:hidden uncomment to hide the page numbers */ font-size: 75%; /* tiny type.. */ color: #222; /* ..dark gray.. */ text-align: right; /* ..right-justified.. */ /* out of normal flow.. */ /* ..in the right margin.. */ padding: 0 0 0 0; /* ..very compact */ margin: auto 0 auto 0 } .pagenum a { /* when pagenum is a self-reference link (see text)... */ text-decoration: none; /* no underline.. */ color: #444; /* same color as non-link */ } .pagenum a:hover { color: #F00 } /* turn red when hovered */ /**/