/**/ body { margin-left: 10%; margin-right: 10% } h1, h2 { text-align: center; /* all headings centered */ clear: both } .chapter { page-break-before: always; text-align: center } p { margin-top: 0.51em; text-align: justify; margin-bottom: 0.49em } .multicaption { margin-left: 20%; margin-right: 20% } p.drop-cap { text-indent: -0.1em } p.drop-cap2 { text-indent: 0 } p.drop-cap:first-letter, p.drop-cap2:first-letter { margin: 0.15em 0 0 0; font-size: 250%; line-height: 0.85em; text-indent: 0 } .mt2 { margin-top: 2em } .mt4 { margin-top: 4em } hr { width: 33%; margin-top: 2em; margin-bottom: 2em; margin-left: 33.5%; margin-right: 33.5%; clear: both } hr.tb { width: 45%; margin-left: 27.5%; margin-right: 27.5% } hr.chap { width: 65%; margin-left: 17.5%; margin-right: 17.5% } hr.full { width: 95%; margin-left: 2.5%; margin-right: 2.5% } ul { list-style-type: none; margin: 0; margin-left: 10%; padding: 0; max-width: 40em } li { margin: 0; page-break-inside: avoid; padding: 1em 1em 0 1.3em; text-indent: -1.3em } table { margin-left: auto; margin-right: auto } .tdl { text-align: left } .tdr { text-align: right } .tdc { text-align: center } .pagenum { /* uncomment the next line for invisible page numbers */ /* visibility: hidden; */ font-size: smaller; text-align: right } /* page numbers */ .center { text-align: center } .right { text-align: right } .smcap { font-variant: small-caps } em.smcap { font-style: normal; font-weight: normal; font-variant: small-caps } .lowercase { text-transform: lowercase } abbr { border: none; text-decoration: none; font-variant: normal } .caption { font-weight: bold } .smaller { font-size: 0.8em } .big { font-size: 1.2em; font-weight: bold } .bigger { font-size: 1.8em; font-weight: bold } .huge { font-size: 2.5em } /* Images */ img { max-width: 100%; /* no image to be wider than screen or containing div */ height: auto; /* keep height in proportion to width */ } .figcenter { margin: 1em auto; text-align: center; max-width: 100%; /* div no wider than screen, even when screen is narrow */ } .figleft { clear: left; margin-left: 0; margin-bottom: 0.5em; margin-top: 0.5em; margin-right: 1em; padding: 0; text-align: center; max-width: 40% } .figright { clear: right; margin-left: 1em; margin-bottom: 0.5em; margin-top: 0.5em; margin-right: 0; padding: 0; text-align: center; max-width: 40% } div.figcontainer { clear: both; margin: 0 auto; text-align: center; max-width: 100%; /* div no wider than screen, even when screen is narrow */ } div.figsub { display: inline-block; margin: 1em 1em; vertical-align: top; /* same height images will align well */ max-width: 100%; text-align: center } /* Poetry */ .poetry-container { text-align: center; margin: -1em 0 } .poetry { display: inline-block; text-align: left } .poetry .stanza { margin: 1em 0 1em 0 } .poetry .verse { text-indent: -3em; padding-left: 3em } .poetry .indent2 { text-indent: -2em } .poetry .indent8 { text-indent: 4em } /* Transcriber's notes */ .transnote { background-color: #E6E6FA; color: black; font-size: smaller; padding: 0.5em; margin-bottom: 5em } .covernote { visibility: hidden; display: none } @media all { /* was @media handheld */ body { margin: 0; padding: 0; width: 95% } .figleft, .figright { float: none; clear: both; margin: 1em auto; max-width: 100% } .poetry { display: block; margin-left: 1.5em } .chapter { page-break-before: always } p.drop-cap, p.drop-cap2 { text-indent: 0 } p.drop-cap:first-letter { float: none; margin: 0; font-size: 100% } .covernote { visibility: visible; display: block } } /**/