/**/ body { margin-left: 10%; margin-right: 10% } h1, h2, h3, h4, h5, h6 { text-align: center; /* all headings centered */ clear: both } h1 { line-height: 200% } p { margin-top: 0.51em; text-align: justify; margin-bottom: 0.49em } .p2 { margin-top: 2em } .p4 { margin-top: 4em } .p6 { margin-top: 6em } /* Easy Epub/HRs */ 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: 22.5%; margin-right: 22.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% } hr.r5 { width: 5%; margin-top: 1em; margin-bottom: 1em; margin-left: 47.5%; margin-right: 47.5% } hr.r65 { width: 65%; margin-top: 3em; margin-bottom: 3em; margin-left: 17.5%; margin-right: 17.5% } /* CSS Cookbook/Lists */ ul, ul#index { list-style-type: none; display: inline-block } li.ifrst { margin-top: 1em } li.indx { margin-top: 0.5em } li.isub1 { text-indent: 1em } li.isub2 { text-indent: 2em } li.isub3 { text-indent: 3em } li { text-align: left } .caption li { font-weight: bold } /* Case Study: Tables CSS Cookbook/Tables */ .center table { margin-left: auto; margin-right: auto; text-align: left } table { margin-top: 1em; /* space above the table */ caption-side: top; /* or bottom ; */ empty-cells: show; /* no need for nbsp's in empty cells */ text-align: left; border-collapse: collapse } td, td p { /* style all text inside body cells */ margin-top: 0.25em; /* compact vertical.. */ line-height: 1.1em; /* ..spacing */ } .tdl { text-align: left } .tdj { text-align: justify } .tdr { text-align: right } .tdc { text-align: center } .tdn { text-align: right; width: 3em } .tdp { text-align: left; padding-left: 4em } caption { font-weight: bold } /** Table Borders **/ .border, .border th, .border thead, .border tbody, .border tfoot { border-top: thin solid black; border-bottom: thin solid black; border-collapse: collapse } .border td + td, .border th + th { border-left: thin solid black } .pagenum { /* uncomment the next line for invisible page numbers */ visibility: hidden; font-size: smaller; text-align: right } /* page numbers */ .blockquot { margin-left: 5%; margin-right: 10% } .hangindent { text-indent: -2em; margin-left: 10%; margin-right: 10% } .sidenote { padding-bottom: 0.5em; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; margin-left: 1em; clear: right; margin-top: 1em; font-size: smaller; color: black; background: #eee } .bb { border-bottom: solid thin } .bl { border-left: solid thin } .bt { border-top: solid thin } .br { border-right: solid thin } .bbox { border: solid thin; padding: 1em } .center { text-align: center } .right { text-align: right } .left { text-align: left } .smcap { font-variant: small-caps; font-style: normal } .u { text-decoration: underline; font-style: normal } .sans-serif { font-family: Helvitica, Arial, sans-serif } .serif { font-family: Times, "Times Roman", serif } .monospace { font-family: Courier, monospace; font-size: large } .cursive { font-family: Script, "Snell Roundhand", cursive, sans-serif } .fantasy { font-family: Impact, Charcoal, fantasy } .narrow { font-family: "Arial Narrow", Arial, sans-serif } .smaller { font-size: smaller } .caption, .caption p, .caption td { font-weight: bold; text-align: center } .caption li { font-weight: bold } .tdb { font-weight: bold; text-align: center } /* Images */ .figcenter { margin: auto; text-align: center } .figleft { clear: left; margin-left: 0; margin-bottom: 1em; margin-top: 1em; margin-right: 1em; padding: 0; text-align: center } @media all { /* was @media handheld */ .figleft { float: none; text-align: center; margin-right: 0 } } .figright { clear: right; margin-left: 1em; margin-bottom: 1em; margin-top: 1em; margin-right: 0; padding: 0; text-align: center } @media all { /* was @media handheld */ .figright { float: none; text-align: center; margin-left: 0 } } /* Footnotes */ .footnotes { clear: both } .footnote { margin-left: 10%; margin-right: 10%; font-size: 0.9em } .footnote .label { text-align: right } .fnanchor { vertical-align: super; font-size: 0.8em; text-decoration: none } /* Poetry and Case Study: Poetry */ .poem { margin-left: 10%; margin-right: 10%; text-align: left; display: inline-block; clear: both } @media all { /* was @media handheld */ .poetry { display: block; margin-left: 1.5em } } .poem br { display: none } .poem .stanza { margin: 1em 0 1em 0 } .poetry-center { text-align: center } /* poetry number */ /* Transcriber's notes */ #transnote { background-color: #E6E6FA; color: black; font-size: smaller; padding: 0.5em; margin-bottom: 5em; font-family: Georgia, Garamond, Times, serif } /* Easy Epub/Headings */ .ph1, .ph2, .ph3, .ph4 { text-align: center; text-indent: 0; font-weight: bold } .ph1 { font-size: xx-large; margin: 0.67em auto } .ph2 { font-size: x-large; margin: 0.75em auto } .ph3 { font-size: large; margin: 0.83em auto } .ph4 { font-size: medium; margin: 1.12em auto } .xxsmall { font-size: xx-small } .xsmall { font-size: x-small } .small { font-size: small } .medium { font-size: medium } .large { font-size: large } .xlarge { font-size: x-large } .xxlarge { font-size: xx-large } div#titlepage { text-align: center; page-break-before: always; page-break-after: always } div#titlepage p { text-align: center; text-indent: 0; font-weight: bold; line-height: 1.5; margin-top: 3em } div.chapter { page-break-before: always } /* Case Study: Title Pages */ div#halftitle { text-align: center; page-break-before: always; page-break-after: always } @media screen { #halftitle { margin: 6em 0 } } @media all { /* was @media handheld */ #halftitle { page-break-before: always; page-break-after: always; margin: 0; padding-top: 6em } } /* Easy Epub/Cover */ .covercaption { font-weight: bold; font-size: small } @media all { /* was @media handheld */ .covercaption { display: none } } 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 } } .poem span.i0 { display: block; margin-left: 0; padding-left: 3em; text-indent: -3em } .poem span.i1 { display: block; margin-left: 0.5em; padding-left: 3em; text-indent: -3em } .poem span.i10 { display: block; margin-left: 5em; padding-left: 3em; text-indent: -3em } .poem span.i12 { display: block; margin-left: 6em; padding-left: 3em; text-indent: -3em } .poem span.i13 { display: block; margin-left: 6.5em; padding-left: 3em; text-indent: -3em } .poem span.i14 { display: block; margin-left: 7em; padding-left: 3em; text-indent: -3em } .poem span.i16 { display: block; margin-left: 8em; padding-left: 3em; text-indent: -3em } .poem span.i18 { display: block; margin-left: 9em; padding-left: 3em; text-indent: -3em } .poem span.i2 { display: block; margin-left: 1em; padding-left: 3em; text-indent: -3em } .poem span.i21 { display: block; margin-left: 10.5em; padding-left: 3em; text-indent: -3em } .poem span.i22 { display: block; margin-left: 11em; padding-left: 3em; text-indent: -3em } .poem span.i23 { display: block; margin-left: 11.5em; padding-left: 3em; text-indent: -3em } .poem span.i24 { display: block; margin-left: 12em; padding-left: 3em; text-indent: -3em } .poem span.i25 { display: block; margin-left: 12.5em; padding-left: 3em; text-indent: -3em } .poem span.i27 { display: block; margin-left: 13.5em; padding-left: 3em; text-indent: -3em } .poem span.i3 { display: block; margin-left: 1.5em; padding-left: 3em; text-indent: -3em } .poem span.i31 { display: block; margin-left: 15.5em; padding-left: 3em; text-indent: -3em } .poem span.i32 { display: block; margin-left: 16em; padding-left: 3em; text-indent: -3em } .poem span.i4 { display: block; margin-left: 2em; padding-left: 3em; text-indent: -3em } .poem span.i5 { display: block; margin-left: 2.5em; padding-left: 3em; text-indent: -3em } .poem span.i8 { display: block; margin-left: 4em; padding-left: 3em; text-indent: -3em } .poem span.i9 { display: block; margin-left: 4.5em; padding-left: 3em; text-indent: -3em } /* Drama */ .directcenter, .directcenter p { text-align: center; text-indent: -1em; margin-left: 10%; margin-right: 10% } .directright { text-align: right; margin-left: 50%; margin-right: 0% } .directline { margin-left: 1em; text-align: right } /**/