/** BASE **/ /* Márgenes */ @page { margin: .5em; } body { font-family: Athelas, Times, Minion, Garamond, serif; margin: 0; padding: 0; } /* Fuentes integradas */ @font-face { font-family: "Futura"; font-style: normal; font-weight: normal; src:url(../fonts/FuturaBook_EB.otf); } @font-face { font-family: "Futura"; font-style: normal; font-weight: bold; src:url(../fonts/FuturaEFOP-DemiBold.otf); } @font-face { font-family: "AGaramondPro"; font-style: normal; font-weight: normal; src:url(../fonts/AGaramondPro-Regular.otf); } @font-face { font-family: "AGaramondPro"; font-style: normal; font-weight: bold; src:url(../fonts/AGaramondPro-Bold.otf); } @font-face { font-family: "AGaramondPro"; font-style: italic; font-weight: bold; src:url(../fonts/AGaramondPro-BoldItalic.otf); } @font-face { font-family: "AGaramondPro"; font-style: italic; font-weight: normal; src:url(../fonts/AGaramondPro-Italic.otf); } @font-face { font-family: "Leitura"; font-style: normal; font-weight: normal; src:url(../fonts/Leitura-Roman-2.otf); } @font-face { font-family: "Leitura"; font-style: normal; font-weight: bold; src:url(../fonts/Leitura-Roman-4.otf); } @font-face { font-family: "Leitura"; font-style: italic; font-weight: normal; src:url(../fonts/Leitura-Italic-2.otf); } @font-face { font-family: "Leitura"; font-style: italic; font-weight: bold; src:url(../fonts/Leitura-Italic-4.otf); } @font-face { font-family: "Leitura-IB"; font-style: italic; font-weight: bold; src:url(../fonts/Leitura-Italic-4.otf); } @font-face { font-family: "MinionPro"; src:url(../fonts/MinionPro-Regular.otf); } /* Control partición silábica */ h1, h2, h3, #titlepage p, #epigraph p, #dedication p { page-break-after: avoid; /* Impedir partición de página a posteriori */ hyphens: none; /* Impedir partición de sílabas en CSS3 */ adobe-hyphenate: none; /* Impedir partición de sílabas en ADE */ -moz-hyphens: none; /* Impedir partición de sílabas en Mozilla */ -webkit-hyphens: none; /* Impedir partición de sílabas en iBooks */ } p { -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-lines: 2; orphans: 2; widows: 2; } /** FRONTMATTER **/ /* Cubierta */ .cover { margin: 0; padding: 0; text-align: center; text-indent: 0; } img.cover { height: 100%; } /* Portada */ #titlepage { page-break-inside: avoid; } #titlepage p { font-family:"Futura", sans-serif; font-style: normal; font-weight: bold; line-height: 1.2; text-align: left; text-indent: 0; } #titlepage p.title { font-size: 2.25em; font-weight: 600; margin: 1em 0 0 0; } #titlepage p.subtitle { font-size: 2.25em; font-weight: 600; margin: 1.5em 0 0 0; } #titlepage p.author { font-size: 2.25em; font-weight: 600; margin: 2em 0 3em 0; } #titlepage p.contributor { font-size: 1em; font-weight: bold; margin: 1.5em 0 0 0; } #titlepage div.publisher { float: left; margin-top: 9em; width: 7em; } #titlepage div.sedes { margin: 9em 0 0 7.25em; font-family: Futura; } #titlepage div.sedes span { font-size: 60%; padding-left: .5em; } /* Créditos */ #copyright-page { margin: 4em 10% 0 0; } #copyright-page p { font-family: inherit; font-size: .8em; line-height: 1.5em; margin: 0; padding: 0; text-align: left; text-indent: 0; } #copyright-page div + div { margin: 1em 0 0 0; } #copyright-page div.copyright div div, #copyright-page div.copyright div + div { margin: 0 0 0 0; } #copyright-page div.copyright { margin: 1.5em 0 0 0; } #copyright-page div.rights-pub { margin: 0 0 0 0; } #copyright-page div.legal-notice { margin: 2em 0 0 0; } #copyright-page div.legal-notice p { font-size: .7em; } #copyright-page div.address p { margin: 0 0 0 1em; } #copyright-page div.note p { font-style: normal; } #copyright-page div.logos img { display: inline; margin: 1em 0; width: 25%; } #copyright-page div.logos p.logo { display: inline; padding-right: 3%; } /** Portadilla **/ #halftitlepage p.title { font-family: "Futura"; font-size: 1.2em; font-weight: bold; margin-top: 20%; text-align: center; text-indent: 0; } /* Índice */ #toc ol { list-style: none; margin: 1em 0; padding: 0; } #toc li { font-size: 1em; margin-left: 0; text-indent: 0; } #toc li a { font-weight: normal; } #toc li ol li { margin-top: 0; } #toc li ol li a { font-weight: normal; } #toc a { color: #000001; font-weight: normal; } #toc li.ftm, #toc li.bkm { margin: 1em 0; } #toc li.ftm a, #toc li.bkm a { font-style: italic; } #toc li.ftm span.aui { font-style: normal; } #toc li span.author { display: block; margin-left: 1em; } /* Figuras y captions */ div.figure { margin: 1em 0; padding-top: 0; page-break-inside: avoid; text-align: center; width: 100%; } p.image { margin: 1em 0; text-align: center; text-indent: 0; width: 100%; } p.image img { max-width: 100%; max-height: 100%; text-align: center; } p.figcaption { font-size: .8em; font-style: normal; hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; -webkit-hyphens: none; margin-top: 0; page-break-after: avoid; text-align: center; text-indent: 0; } /** BODYMATTER **/ /* Principales elementos */ div.header { page-break-after: always; } div.header h1 { font-family: "Futura", sans-serif; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.2; margin: 4em 0 1.25em 0; padding: 0; text-align: center; text-indent: 0; text-transform: uppercase; } div.header + * { padding-top: 4em; text-indent: 0; } div.header img { width: 4em; } h1 { font-family: "Futura", sans-serif; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.2; margin: 1em 0 4em 0; padding: 0; text-align: left; text-indent: 0; } p.byline { font-family: "Futura", sans-serif; font-size: 1em; font-style: normal; font-weight: bold; line-height: 1.2; margin: 1em 0; padding: 0; text-align: center; text-indent: 0; } p.contrib { font-family: "Futura", sans-serif; font-size: .75em; font-style: normal; font-weight: normal; line-height: 1.2; margin: 3em 0; padding: 0; text-align: center; text-indent: 0; } h2 { font-family: "Futura", sans-serif; font-size: 1em; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.1; margin: 2em 0 1em 0; padding: 0; text-align: center; text-indent: 0; } h2 span.title { display: block; margin-top: 1em; } p.song { font-size: 1em; margin: 1em 0; text-align: center; text-indent: 0; } p.description { font-style: italic; padding-top: 60%; page-break-after: always; page-break-before: always; text-indent: 0; } p.description + * { padding-top: 4em; text-indent: 0; } p.description i, p.description cite { font-style: normal; } h3 { font-family:"Futura", sans-serif; font-size: .9em; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.1; margin: 1em 0 0 0; padding: 0; text-align: left; text-indent: 0; } p, li, dt, dd { font-family: "Leitura", serif; font-size: .764em; line-height: 1.5; margin: 0; padding: 0; text-align: justify; text-indent: 1em; } a { color: #00F; font-style: normal; font-weight: bolder; text-decoration: none; } abbr { border: 0; font-style: normal; text-decoration: none; } blockquote { font-size: .764em; margin: 1.25em 0 1.25em 1em; } blockquote p, blockquote dt, blockquote dd, blockquote li { font-size: .9em; font-style: normal; text-indent: 0; } blockquote p.attrib { font-style: italic; margin-bottom: .5em; text-align: right; text-indent: 0; } blockquote p + p { text-indent: 1em; } blockquote + p { text-indent: 0; } cite { display: inline; font-style: italic; } cite cite { font-style: normal; } hr { border: 0 !important; height: 1.1em; margin: .2em 0; text-decoration: none; } img { margin: 0; max-width: 100%; padding: 0; } q { font-style: italic; } q:before { content: ""; } q:after { content: ""; } q i { font-style: normal; } sub, sup { font-size: .7em; line-height: 1; } /* Seudoversalitas con función normativa */ abbr.acronym, span.sc { font-size: 80%; } /* Garantía de elipsis verticales */ p.hr { margin: 1.5em 0 0 0; text-indent: 0; } p.hr-section { font-family: "Leitura"; margin: 1.5em 0; text-align: center; text-indent: 0; } /* Estilos particulares */ /* Poemas */ blockquote.poem { margin-left: 3em; } blockquote.poem p.title { font-family: "Leitura", sans-serif; font-weight: normal; margin: 1em 0; text-align: center; text-indent: 0; } p.stanza { font-family: inherit; margin-top: 1em; text-indent: 0; } p.attrib { margin-top: 1em; text-align: right; text-indent: 0; } span.verse, span.line { display: block; margin-left: 1em; text-indent: -1em; } /* Anuncios */ blockquote.ad p { text-align: center; text-indent: 0; } /* Hoja de observación */ p.bridgehead { margin: 1.5em 0; text-align: center; } div.subchapter-break p.bridgehead + p { text-indent: 0; } table { border: 0; font-family: "Leitura", serif; font-size: .764em; margin: 1em 0; } td { vertical-align: top; width: 50%; } td.field { padding-right: 1em; text-align: right; } td img { max-width: 100%; } /* Cuento */ div.tale { margin: 1em 0; } #img09 { margin: 0 auto; width: 40%; } /* Asteriscos */ p.asterisks { margin: 1.7em 0 1.3em 0; text-align: center; text-indent: 0; } p.asterisks + p { text-indent: 0; } /* Firmas */ div.signature { margin: 1em 0; } div.signature p { text-align: right; } /** Epígrafes **/ .epigraph { margin: 1.5em 0 1.5em 25%; } .epigraph p { font-style: normal; text-align: justify; text-indent: 0; } .epigraph blockquote.short p { text-align: right; } .epigraph p.attrib { text-align: right; text-indent: 0; } .epigraph + p { text-indent: 0; } /** Dedicatorias **/ .dedication { margin: 4em 0 0 0; page-break-after: always; } .dedication p { font-style: normal; text-align: center; text-indent: 0; } .dedication + * { padding-top: 4em; text-indent: 0; } /** Notas al cuento **/ .note { margin: 4em 0 0 0; page-break-after: always; } .note p { font-style: normal; text-align: right; text-indent: 0; } .note + * { padding-top: 4em; text-indent: 0; } /* Subcapítulos */ div.subchapter-break { page-break-before: always; page-break-after: always; padding-top: 4em; } div.subchapter-break p { text-indent: 0; } div.subchapter-break p + p { text-indent: 1em; } p.rangmeboo { text-align: right; } p.flotante { margin-top: 50%; } div.letter { margin: 1em 0 2em 0; } div.letter p.data { text-align: right; } div.letter p.salutation { margin-bottom: 1em; text-indent: 0; } /* Diálogos */ div.dialogue { margin: 1em 0; } /* Números */ p.number + p { text-indent: 0; } /* Listas */ ul { list-style: none; margin: 0 0 0 0; padding-left: 0; } ol + p { margin-top: 1em; text-indent: 0; } li { margin: 0; padding: 0; } ol.inside { list-style: none; margin: 1em 0; padding: 0; } /* Estilos consecuentes */ h1 + p, h2 + p, h3 + p, hr + p { text-indent: 0; } /** BACKMATTER **/ /* About */ /* #about-author { margin: 7.41em 0 0 0; } */ #about-author p { margin: 1em 0; text-indent: 0; } #about-author span.name { font-family: Futura; font-size: 1.1em; font-weight: bold; } /* Notas | Llamadas */ a.noteref { font-size: .7em; line-height: 1; vertical-align: top; } /* Notas | Notas al final */ div.rearnotes { padding-top: 1em; page-break-before: always; } div.rearnotes h2 { margin-bottom: 4em; } div.footnote { margin: .6em 0 0 0; } div.footnote p { font-size: .8em; margin: 0 0 0 2em; text-indent: 0; } div.footnote a.noteback { display: inline; float: left; clear: left; font-size: .8em; font-style: normal; line-height: 1.5; margin: 0; padding: 0 .25em 0 0; page-break-after: avoid; text-align: right; vertical-align: inherit; width: 1.75em; } div.footnote a.noteback + p { page-break-before: avoid; } /* Notas | Notas al final del capítulo */ div.rearnote { margin: .6em 0 0 0; } div.rearnote p { font-size: .8em; margin: 0 0 0 2.2em; text-indent: 0; } div.rearnote a.noteback { display: inline; float: left; clear: left; font-size: .8em; font-style: normal; line-height: 1.5; margin: 0; padding: 0 .25em 0 0; page-break-after: avoid; text-align: right; vertical-align: inherit; width: 2em; } div.rearnote a.noteback + p { page-break-before: avoid; } /* Colofón */ #colophon { margin-top: 33%; } #colophon p { font-size: 80%; text-align: center; text-indent: 0; vertical-align: middle; }