/* Style Sheet for eBooks@Adelaide web books This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 2.5 Australia Licence (http://creativecommons.org/licenses/by-nc-sa/2.5/au/) Author: Steve Thomas, stephen.thomas@adelaide.edu.au Version: 2013.02.16 */ /* base styles applicable to all media */ body { background-color:#fcfff6; color:#000; font-family:Georgia, serif; margin:auto; max-width:33em; } @media screen and (orientation:landscape) { html { background:#fdfdfd url('endpaper.jpg') fixed; } body { -moz-box-shadow: 5px 5px 25px 10px #888; -webkit-box-shadow: 5px 5px 25px 10px #888; box-shadow: 5px 5px 25px 10px #888; } } @media screen { body { margin:1em auto; max-width:33em; padding:3em 4em; } } @media print { body { font-size:11pt; } } p { line-height:150%; margin:0 auto .2em; text-align:justify; text-indent:0; } p+p { text-indent:2em; } span.first { text-indent:0; text-transform:uppercase; } h1,h2,h3,h4,h5,h6,div,table { margin-bottom:1em; } h1,h2,h3,h4,h5,h6 { margin:1em auto; text-align:center; } h1,h2,h3,h4 { font-weight:bold; } h3,h4,h5 { font-variant:small-caps; } h5 em { font-variant:normal; } h1 { font-size:2em; } h2 { font-size:1.4em; } h3 { font-size:1.3em; } h4 { font-size:1.2em; } h5, h6 { font-size:1em; font-weight:normal; } h6 { font-style:italic; } a, a:link, a:visited { color:#000; border-bottom:1px dotted gray; text-decoration:none; } a:active, a:hover { color:red; } #titlepage { position:relative; height:47em; } #titlepage #title { /* deprecated */ position:absolute; top:35%; left:0; font-size:200%; font-weight:normal; width:100%; } #titlepage #author { /* deprecated */ position:absolute; top:1em; left:0; font-size:3em; font-weight:normal; width:100%; } #titlepage .imprint { position:absolute; bottom:1em; left:0; margin:0; width:100%; } .fs130 { font-size:130%; } .fs150 { font-size:150%; } .fs200 { font-size:200%; } .lh150 { line-height:150%; } .lh200 { line-height:200%; } .fwn { font-weight:normal; } .titlepage { border:2px solid #00609c; /* blue from logo */ font-weight:bold; padding:1em; text-align:center!important; } #titlepage h1, #titlepage h2, #titlepage h3, #titlepage h4, #titlepage h5, #titlepage h6, #titlepage p { font-weight:normal; } #titlepage { line-height:150%; } #titlepage h1, #titlepage h2 { line-height:200%; } .titlepage h1, .titlepage h2, .titlepage h3, .titlepage h4, .titlepage p { margin-top:0em; margin-bottom:1em; } .titlepage h3, .titlepage h4 { font-variant:normal; } .titlepage p { text-align:center!important; text-indent:0; } .titlepage > p.imprint { color:green; font-style:italic; margin-top:3em; text-align:center!important; } #titlepage img { max-width:100%; } .titleverso { color:#666; font-family:Verdana, sans-serif; font-size:.8em; margin:auto; text-align:center!important; width:90%; } .titleverso p { margin-bottom:1em; text-align:center!important; text-indent:0; } .titleverso p a { color:#666; text-decoration:none; } .titleverso p a:visited { color:#666; text-decoration:none; } .titleverso p a:hover { color:#f00; text-decoration:underline; } .halftitle { height:47em; padding-top:20em; } .halftitle h1, .halftitle h2, .halftitle h3, .halftitle h4, .halftitle h5, .halftitle h6 { font-size:2em; font-weight:bold!important; line-height:2em; text-align:center!important; } .contents h4, .contents h5, .contents h6 { font-variant:normal; font-weight:normal; text-align:left!important; } .contents h5, .contents h6 { margin-left:1em; } .contents p { font-size:.9em; margin-left:1em; margin-bottom:1em; text-indent:0!important; } #contents p { text-indent:0!important; } /* Chapter, etc., header */ .header { margin-top:0; margin-bottom:3em; } .header h1, .header h2, .header h3, .header h4, .header h5 { font-variant:small-caps!important; font-weight:bold; margin-top:0; margin-bottom:1em; text-align:center; } /* ... and components which should sit within the header */ .rubric, .rubric p { font-size:1.1em; font-style:italic; margin:1em 2em; text-align:center!important; text-indent:0; } .abstract, .abstract p { font-size:.9em; font-style:italic; margin:1em 2em; text-indent:0; } .header.modern h2, .modern h3, .modern h4, .modern h5, .modern h6 { font-weight:normal; text-align:left; } .header.modern h2 { font-size:200%; } .modern h3 { font-size:180%; } .modern h4 { font-size:150%; } .modern h5 { font-size:120%; } .modern h6 { font-size:110%; } .precis h3 { font-size:180%; font-weight:normal; text-align:left; } .precis h4 { font-size:160%; font-weight:normal; text-align:left; } p.precis, .precis p { font-size:110%; font-variant:small-caps; margin:1em 0 1em 2em; text-indent:-2em; } .epigraph { width:65%; margin:1em auto; } .epigraph { font-size:.9em; font-style:italic; text-align:left; text-indent:0; } .epigraph p { margin:0 0 0 2em!important; text-align:left; text-indent:-2em!important; } .epigraph p em { font-style:normal; font-variant:small-caps; } /* -- */ .runh { font-style:italic; } .section { margin-bottom:3em; } .bibliography p, .glossary p, .index p { font-family:Verdana, sans-serif; font-size:0.9em; margin-bottom:.5em; padding-left:2em; text-indent:-2em; } .colophon p { color:#666; font-family:Verdana, sans-serif; font-size:.9em; text-align:center!important; text-indent:0!important; } /* NOTES */ .notes, .footnotes, .note, .footnote, .inline-note { font-family:Verdana, sans-serif; } .notes { font-size:0.8em; } .notes p { margin-bottom:1em; text-indent:0; } .footnotes { border-top:1pt solid gray; margin:1em; padding:1em 0; } .footnotes p { margin-bottom:1em; } .footnotes p, .footnotes li, .footnotes h5, .footnotes th, .footnotes td { font-size:0.8em; text-indent:0; } .note, .footnote, .inline-note { font-size:.8em; } .footnote, .note p, p.note { margin:1em!important; text-indent:0; } .sn { clear:left; float:left; max-width:20%; margin:0.5em 1em 0 0; } .sn, .sn p { font-size:.8em; font-style:italic; line-height:100%; text-align:left; text-indent:0; } .mn { clear:right; float:right; max-width:20%; margin:0.5em -1em 0 .8em; } .mn, .mn p { font-size:.8em; font-style:italic; line-height:100%; text-align:right; text-indent:0; } span.popup-note, abbr, acronym { border:1px dotted gray; cursor:help; } .screen-note { border:1pt solid gray; font-size:.9em; margin-left:1em; margin-right:1em; padding:2pt; text-indent:0; } /* QUOTES */ .quote, blockquote, .letter { margin:1em!important; } .inscription, .epitaph { font-variant:small-caps; margin:1em; text-align:center!important; } .inscription p, .epitaph p { margin:0; text-align:center!important; text-indent:0; } .notice { margin:1em auto; padding:1em; -moz-box-shadow: 5px 5px 20px 10px #aaa; -webkit-box-shadow: 5px 5px 20px 10px #aaa; box-shadow: 5px 5px 20px 10px #aaa; } .notice p, .headline, .headline p { font-weight:bold; text-align:center!important; text-indent:0; } .dedication, .dedication p { text-align:center!important; text-indent:0; } cite, .cite { font-variant:small-caps; font-style:normal; } .quote p.cite, .stanza p.cite, .epigraph p.cite, .epigraph cite { text-align:right; } .epigraph p.cite:before { content:"–"; } .typed { font-family:monospace; } .written p { font-style:italic; } .written p em { font-style:normal; } .telegram { font-family:Courier, monospace; font-variant:small-caps; } .address, .address p { margin:1em 0 1em 2em; text-align:left; text-indent:-2em; } .signed, .signed p, .dateline, .dateline p { text-transform:capitalize; text-align:right; font-style:italic; } .salut { font-variant:small-caps; text-indent:0; } /* PLAYS */ div.act p { text-indent:0; margin-top:0; margin-left:1em; margin-bottom:.5em; } div.scene { margin-bottom:3em; } div.act p.speaker { text-indent:0; margin-left:0; margin-bottom:0; } div.act p span.speaker { margin-left:-1em; } .speaker { font-variant:small-caps; } li span.speaker, div.act p.stage span.speaker, p span.stage span.speaker { margin-left:0; } .speech { margin-left:1em; } span.speaker { margin-left:-1em; } .stage, .stage p { font-style:italic; text-indent:0; } li span.speaker, span.name, .stage span.speaker, .stage em { font-style:normal; font-variant:small-caps; } /* POETRY */ div.song { font-style:normal; } div.song p { line-height:150%; margin-bottom:1em; text-align:left; text-indent:0; } .stanza { margin:1em auto; width:22em; position:relative; } .stanza p, .hang { /* hanging indent */ text-align:left; text-indent:-2em!important; margin:0 0 0 2em!important; } .stanza p.dropcap:first-letter { float:none; margin-left:0; text-align:left; text-indent:0; } .couplet, .verse { margin:1em auto; max-width:80%; text-align:left; text-indent:0; } .couplet p, .verse p { margin:0; text-align:left; text-indent:0; } p.verse, p.stanza { margin:1em auto; max-width:80%; text-align:left; text-indent:0; } .chorus, .refrain { font-style:italic; margin:1em auto; max-width:80%; } .chorus p, .refrain p { margin:0 0 0 2em; text-align:left; text-indent:-2em; } /* verse line number */ .ln { float:right; text-align:right; text-indent:0; font-style:italic; font-size:.8em; color:gray; margin:0 0 0 1em; } /* NOTE: vln requires enclosing div to be position:relative */ span.vln { color:gray; font-size:.8em; position:absolute; top:auto; right:-1.5em; text-align:right; } /* bookmarks a.bm { text-decoration:none; border:none; } a.bm:after { content:"☜" color:gray; float:right; margin-right:-3em; } a.bm:link { } a.bm:active, a.bm:hover, a.bm:visited { color:red; } */ /* ILLUSTRATIONS */ img { border:none; max-width:100%; } .map, .figure, .plate, .frontispiece, .illustration { margin:1em auto; max-width:100%; text-align:center!important; } .map p, .figure p, .plate p, .frontispiece p, .illustration p { font-size:.9em; font-variant:small-caps; text-align:center!important; text-indent:0!important; } .ornament { margin:1em auto; max-width:100%; text-align:center!important; } .headpiece { margin:auto; max-width:100%; text-align:center!important; } .tailpiece { margin:1em auto; text-align:center!important; width:66%; } .tailpiece img { width:100%; } .initial { float:left; margin:0; padding:0 0.5em 0 0; } .figure, .figleft, .figright { font-size:.9em; font-variant:small-caps; text-align:center!important; text-indent:0!important; } .figleft { float:left; margin:0; padding:.5em .5em 0 0; } .figright { float:right; margin:0; padding:.5em 0 0 .5em; } /* style atoms : classes defining a single style feature */ .i1 { padding-left:1em; } .i2 { padding-left:2em; } .i3 { padding-left:3em; } .i4 { padding-left:4em; } .i5 { padding-left:5em; } .i6 { padding-left:6em; } .i7 { padding-left:7em; } .i8 { padding-left:8em; } .i9 { padding-left:9em; } .i10 { padding-left:10em; } .i11 { padding-left:11em; } .i12 { padding-left:12em; } .w10 { width:10%!important; } .w20 { width:20%!important; } .w25 { width:25%!important; } .w30 { width:30%!important; } .w33 { width:33%!important; } .w40 { width:40%!important; } .w50 { width:50%!important; } .w60 { width:60%!important; } .w70 { width:70%!important; } .w80 { width:80%!important; } .w90 { width:90%!important; } .w100 { width:100%!important; } .ni { text-indent:0!important; } .in { text-indent:2em!important; } .left { float:left; padding-right:1em; } .right { float:right; padding-left:1em; } .center, .center p { text-align:center!important; } .clear { clear:both; } .border { border:1px solid; padding:1em; } .dropshadow { -moz-box-shadow: 5px 5px 25px 10px #888; -webkit-box-shadow: 5px 5px 25px 10px #888; box-shadow: 5px 5px 25px 10px #888; } .underlined { text-decoration:underline; } .hi { font-style:italic; } .it { font-style:italic; } /* deprecated */ .sc { font-variant:small-caps; } del, .del {text-decoration: line-through} .tl { text-align:left!important; } .tc { text-align:center!important; } .tr { text-align:right!important; } .tj { text-align:justify!important; } .tw { letter-spacing:.5em; } .ls { letter-spacing:1em; } sup { font-size:.7em; line-height:80%; } hr { color:#ddd; margin:2em auto; width:33%; } .transition { margin:1em 0; text-align:center!important; } .transition:before { content:"~"; text-align:center!important; font-weight:bold; font-size:2em; } code { font-family:monospace; font-size:120%; } pre, .pre { font-family:monospace; font-size:110%; text-align:left; text-indent:0; white-space:pre-wrap; } /* TABLES */ caption { background-color:inherit; font-variant:small-caps; margin:1em auto; } table { margin:1em auto; } th { font-weight:normal; } /* override broswer default */ table.tb1 { background-color:#fcfff6; /* in case it overflows the margins */ border:1px solid gray; border-collapse:collapse; } table.tb1 tr th { border-right:1px solid gray; border-bottom:1px solid gray; padding:0.5em; } table.tb1 tr td { border-right:1px dotted gray; border-bottom:1px dotted gray; padding:0.5em; } table.nb, table.nb tr th, table.nb tr td { border:none; } /* table cell atoms */ .bt { border-top:1px solid gray!important; } .br { border-right:1px solid gray!important; } .bb { border-bottom:1px solid gray!important; } .bl { border-left:1px solid gray!important; } .vat { vertical-align:top; } .vab { vertical-align:bottom; } /* LISTS */ li { margin-top:.5em; } ol p { text-align:justify; text-indent:0; margin-bottom:1em; } ol.nv { color:#999; font-style:italic; } ol.nv p { color:#000; text-align:left; font-style:normal; } ol.upper-roman { list-style-type:upper-roman; } ol.lower-roman { list-style-type:lower-roman; } ol.upper-alpha { list-style-type:upper-alpha; } ol.lower-alpha { list-style-type:lower-alpha; } ul.bracketed /* list with a left-side line */ { border-left:1px solid gray; list-style-type:none; padding-left:1em; } /* list without bullets */ ul.nb { list-style-type:none; padding-left:2em; } ul.nb li { padding-left:2em; text-indent:-2em!important; } ul.nb li ul { padding-left:0; text-indent:-2em; } /* ugly kludge to align sidenotes on a list */ .nb span.sn { margin-left:-4em; } .dropcap { text-indent:0; } .dropcap:first-letter { float:left; font-size:5em; line-height:90%; padding-right:2px; } .dropcap img { float:left; } div#copyright { margin:1em 0 50em; padding:1em; border:1px solid red; } div#copyright p { margin-bottom:1em; text-indent:0; } div#contents:after, div.preface:after, div.prologue:after, div.epilogue:after, div.introduction:after, div.canto:after, div.essay:after, div.chapter:after { content:"❦"; display:block; font-family:Georgia, "DejaVu Sans"; font-size:2em; margin-top:1em; margin-bottom:2em; text-align:center; } .fraktur { font-family: 'UnifrakturCook', Georgia, serif!important; font-variant:normal!important; font-size:140%; } .antiqua { font-family: 'Uncial Antiqua', Georgia, serif!important; font-variant:normal!important; font-size:140%; } /* Styles specific to screen display */ @media screen { #cover { clear:both; width:39em; margin:-3em -3em 3em -3em; padding:0; } .titlepage { clear:both; margin-top:1em; margin-bottom:1em; padding-bottom:1em; } .halftitle, .titleverso, .dochead, .frontmatter, .dedication, .contents, .foreword, .preface, .prologue, .introduction, .acknowledgments, .frontispiece, .plate, .body, .page, .volume, .part, .book, .chapter, .play, .act, .essay, .story, .canto, .backmatter, .afterword, .postscript, .epilogue, .appendix, .notes, .glossary, .bibliography, .index { clear:both; margin-top:1em; margin-bottom:1em; padding-bottom:1em; } .colophon { margin-top:1em; margin-bottom:3em; } a.nr { /* note reference? - obsolete? */ color:#333; font-size:80%; font-style:italic; } /* META stuff */ #controls { position:fixed; bottom:0; background:transparent; margin:0 -5em 0; padding:0 1em; text-align:center; width:41em; z-index:100; } #controls a { font-family:Helvetica, sans-serif; font-size:0.8em; text-decoration:none; } #controls ul { background-color:#333!important; list-style:none; margin:0 auto!important; padding:.5em; overflow:hidden; } #controls li { float:left; margin:0!important; padding:0 1em 0 0; } #controls li a { border:none!important; color:#aaa; text-align:center; } #controls .closebtn { border:none!important; color:#aaa; font-size:1.2em; padding:1px; position:absolute; top:0;right:1em; } .dochead { border-bottom:1px solid gray; margin:0 0 1em 0!important; text-align:center!important; } .dochead h1 { color:gray; font-family:Helvetica, Verdana, sans-serif; font-size:1em; font-style:normal; font-weight:normal; margin:0!important; } .dochead h2 { color:gray; font-family:Helvetica, Verdana, sans-serif; font-size:1em; font-style:normal; font-weight:normal; } .docfoot { /* position:fixed; bottom:0; background-color:#333!important; margin-left:-4em; margin-bottom:0; padding:0 1em; text-align:center; width:39em; z-index:10; */ color:#666; font-family:Verdana, sans-serif; margin-bottom:3em; text-align:center!important; } .docfoot p { font-size:.7em; text-align:center!important; text-indent:0; } .docfoot p a:visited { color:#666; } .docfoot p a:hover { color:#f00; } .nav, .navigation { border-top:1px solid gray; clear:both; padding:2em 0 1em; text-align:center!important; text-indent:0; } .nav a, .nav a:visited, .navigation a, .navigation a:visited { background-color:#ddd; border-right:2px solid gray; border-bottom:2px solid gray; color:#333; font-family:Verdana, sans-serif; font-size:.7em; padding:3px; text-decoration:none; } .nav a:hover { font-weight:bold; } .docinfo { color:#666; font-family:Verdana, sans-serif; font-size:.7em; text-align:center!important; } .docinfo p { text-align:center!important; text-indent:0; } .docinfo p a:visited { color:#666; } .docinfo p a:hover { color:#f00; } }/* media screen */ /* iPhone */ @media screen and (max-device-width:320px) { html { background-color:#fcfff6; background-image: none!important; } body { -webkit-text-size-adjust:300%; background-image: none!important; font-family:Helvetica, Arial, Verdana, sans-serif; max-width:100%!important; padding:0 1em!important; width:100%!important; } pre, code { font-size:300%; } } @media screen and (max-device-width: 480px) { html { background-color:#fcfff6; background-image: none!important; } body { -webkit-text-size-adjust:250%; /* (480/320)x300 */ background-image: none!important; font-family:Helvetica, Arial, Verdana, sans-serif; max-width:100%!important; padding:0 1em!important; width:100%!important; } pre, code { font-size:250%; } } /* iPad */ @media screen and (orientation:portrait) and (max-device-width:768px) { html { background-color:#fcfff6; background-image: none!important; } body { font-size:150%; background-color:#fcfff6; max-width:100%!important; } pre, code { font-size:180%; } } /* This is the printing style sheet */ @media print { .screen-note { display:none; } #cover { clear:both; background: url('cover.jpg') no-repeat top left; width:6in; height:9in; } #cover, .titlepage, .halftitle, .titleverso, .contents, .frontmatter, .docinfo, .dedication, .foreword, .preface, .prologue, .introduction, .acknowledgments, .frontispiece, .plate, .body, .page, .volume, .part, .book, .chapter, .act, .essay, .story, .canto, .backmatter, .afterword, .epilogue, .postscript, .appendix, .notes, .glossary, .bibliography, .index { clear:both; page-break-after:always; } h1,h2,h3,h4,h5,h6 { page-break-after:avoid; } .titlepage { margin:2em 0; } .titlepage p.imprint { margin-bottom:1em; } .titlepage a { text-decoration:none; } #controls { display:none; } .nav, .navigation { display:none; } } /* deprecated or obsolete */ ul.nobullet { list-style-type:none; padding-left:2em; } ul.nobullet li { padding-left:2em; text-indent:-2em; } ul.nobullet li ul { padding-left:0; text-indent:-2em; } .sidenote { clear:left; float:left; max-width:20%; margin:0.5em 1em 0 0; } .sidenote, .sidenote p { font-size:.8em; font-style:italic; line-height:100%; text-align:left; text-indent:0; } .marginal-note { clear:right; float:right; max-width:20%; margin:0.5em -1em 0 .8em; } .marginal-note, .marginal-note p {font-size:.8em; font-style:italic; line-height:100%; text-align:right; text-indent:0; } .letter-typed { font-family:monospace; font-style:normal; margin:1em; } .letter-written { font-style:italic; margin:1em; } .letter-written p { text-align:left; } /* here because make-mobi objects */ span[lang=ar] { font-size:larger; } *[lang=la] { font-variant:small-caps; } /* End of this style sheet */