/* XML blockout */ /* ************************************************************************ * Different browsers have different defaults when loading a new page. The * following CSS Reset makes all browsers start out with the same properties. * See meyerweb.com/eric/tools/css/reset/ License: none (public domain) * ********************************************************************** */ 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: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } /* 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: 5%; width: 90%; /* == margin-right:5% */ } /* ************************************************************************ * 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 */ } /* ************************************************************************ * Style all paragraphs of open text (not quotes, table CELLs etc) * ********************************************************************** */ body > p { text-align: justify; /* or left?? */ text-indent: 1.5em; /* first-line indent, could be 0em */ } p.cont { text-indent: 0 } /* paragraphs that continue a thought */ /* ************************************************************************ * suppress first-line-indent on paragraphs that following heads and * on paragraphs in table data CELLs * ********************************************************************** */ h2 + p, h3 + p, td, td > p { text-indent: 0 } /* ************************************************************************ * Set tighter spacing for list item paragraphs * ********************************************************************** */ ul, ol { margin-left: 2em } 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 } /* ************************************************************************ * 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; line-height: 1.5 } /* ************************************************************************ * Head 3 is for section heads, if any, or perhaps poem titles * ********************************************************************** */ h3 { margin-top: 2em; /* extra space above but not below */ clear: both; /* don't let sidebars overlap */ /* text-align:center; left-aligned by default. */ /* font-weight: bold; match the original */ } /* ************************************************************************ * Styles for images and captions * ********************************************************************** */ div.image { /* style the div that contains both image and caption */ margin-top: 0.5em; border: 1px solid black; text-align: center } p.caption { /* style the paragraphs of caption text */ margin-top: 0; /* snuggled up to its image */ font-size: smaller; text-align: left } /* ************************************************************************ * style a div for the frequent short equations. * ********************************************************************** */ div.eq { text-align: center } /* ************************************************************************ * Styling tables and their contents: * automatic center/bold for header and footer CELLs. * use class="shade" to put gray background in a or a . * ********************************************************************** */ table { /* these affect all elements */ margin-top: 1em; /* space above the table */ caption-side: /* top; or */ bottom; empty-cells: show; /* remove need for nbsp's in empty CELLs */ } td, td > p { /* style all text inside body CELLs */ margin-top: 0.25em; /* compact vertical.. */ line-height: 1.1em; /* ..spacing */ font-size: 90%; /* smaller than book body text */ text-align: left; /* left-align even if table in "center" div */ } td.c { text-align: center } /* align text in table cells */ td.r { text-align: right } /* ************************************************************************ * Style the blockquote tag and related elements: * - inset left and right * - one-point smaller font (questionable?) * ********************************************************************** */ blockquote { margin-left: 5%; margin-right: 5%; text-indent: 0; /*font-size: 90%; optional: smaller font */ } /* ************************************************************************ * Footnotes and footnote anchors *
around a block of footnotes *
around any one footnote's label and text * 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 * around [nn] in the body text * ********************************************************************** */ /* Style the look of the [nn] Anchor 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 */ } /* Style the label and all text within one footnote */ .footnote { /*font-size: 90%; optional make font 1-pt smaller than body */ } /* Style the [nn] label separately from the footnote itself */ .fnlabel { /*float:left; optional: float left of footnote text */ text-align: left; /* aligned left in span */ width: 2.5em; /* uniform width of [1] and [99] */ } /* Style any link within a footnote, in particular the [nn] which is a link back to the anchor. */ .footnote a { text-decoration: none; /* take the underline off it */ } /* ************************************************************************ * style a rule for a thoughtbreak - if reader doesn't support margin auto * the rule will be left-justified. * ********************************************************************** */ hr.tb { width: 30%; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto } /* ************************************************************************ * Mark corrected typo with: * typo * ********************************************************************** */ ins.correction { text-decoration: none; /* replace default underline.. */ border-bottom: thin dotted gray; /* ..with delicate gray line */ } /* ************************************************************************ * Style visible page numbers in right margin. Pagenum is inserted as * [FOLIO] * where FOLIO is what you set with the Pages panel! * ********************************************************************** */ .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 */ /* ************************************************************************ * styles added to create a fractional equation. Somehow magically draws * a fraction line between num and denom. *

NUMERATORDENOMINATOR

* ********************************************************************** */ span.division { display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; padding: 0 } span.division .denom { padding: 0 0.25em; display: block; vertical-align: top } span.division .num { border-bottom: solid thin; padding: 0 0.25em; display: block; vertical-align: bottom } /* ************************************************************************ * styles added in order to take style="" out of title page paragraphs * these rely on margin:auto to center things, if the ereader doesn't support * margin:auto, they will just fall over to the left. * ********************************************************************** */ div.titlepage { margin-top: 2em; border: 1px solid black; padding: 2em; text-align: center } .titlepage h1 { font-size: 200%; font-weight: bold; margin-top: 1em; line-height: 1.5 } .titlepage .qaandi { font-size: larger; font-weight: bold; line-height: 1.5em; border: 6px double black; margin-top: 2em; padding-top: 1em; padding-bottom: 1em; margin-left: auto; margin-right: auto; width: 18em } .titlepage .apcos { margin-top: 1.5em; margin-left: auto; margin-right: auto; width: 35em; line-height: 1.5em } .titlepage .eaip { margin-top: 0.5em; margin-left: auto; margin-right: auto; width: 30em; font-weight: lighter; font-size: 150% } .titlepage .apt { margin-top: 1em; margin-left: auto; margin-right: auto; width: 20em } .titlepage .taco { font-size: smaller; font-weight: lighter; margin-top: 1em } div.hplo { /* advert at end of book */ border: 1px solid black; padding-top: 1em; padding-bottom: 1em; margin-left: 2%; margin-right: 2%; text-align: center } /* XML end */