/** BASE **/ /* Márgenes */ body { font-family: sans-serif; margin: 0; padding: 0 20px; } body * { object-fit: contain; box-sizing: border-box; max-width: 100%; line-height: 1.5; } /* Fuentes */ @font-face { font-family: GROBOLD; font-style: normal; font-weight: normal; src: url('../fonts/GROBOLD.ttf'); } @font-face { font-family: HeroesLegend; font-style: normal; font-weight: normal; src: url('../fonts/HeroesLegend.ttf'); } /* Control partición silábica */ h1, h2, h3, h4 { page-break-after: avoid; hyphens: none; adobe-hyphenate: none; -moz-hyphens: none; -webkit-hyphens: none; } p, li, td, dt, dd { -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%; } /* Créditos */ #copyright-page { margin: 4em 2em 0 0; } #copyright-page div + div { margin: 1em 0 0 0; } #copyright-page div.license p { margin: 1em 0 0 0; } #copyright-page p { color: currentColor; font-family: inherit; font-size: .8em; margin: 0; text-align: left; text-indent: 0; } /* Sinopsis */ #summary * { color: #000; font-family: inherit; } #summary h1 { font-size: 1.2em; } #summary p { text-align: justify; } /* Índice */ #toc { display: none; } #toc ol { list-style-type: none !important; margin: 1em 0; padding: 0; } #toc li { font-size: 1em; margin: .75em 0; padding: 0; text-align: left; } #toc li ol { margin: 0 0 0 1em; } #toc li li { margin: 0; } #toc li span.label { display: block; } #toc li span.title { font-weight: bold; } #toc li a { color: #000; font-weight: bold; page-break-inside: avoid; text-decoration: none !important; } #toc li li a { color: #000; font-weight: normal; page-break-inside: avoid; text-decoration: none !important; } /* Portada */ #titlepage { margin-top: 2em; } #titlepage * { text-align: center; text-indent: 0; } #titlepage p.author { font-family: GROBOLD; font-size: 1.5em; } #titlepage p.title { font-family: HeroesLegend; margin: 3em auto .5em; font-size: 1em; } #titlepage p.title span.big { font-size: 2em; } #titlepage p.publisher { margin: 10em auto 0; text-align: center; width: 2em; max-width: 100%; } /* BODYMATTER */ /* Estilos generales */ h1 { color: #3fae2a; font-family: HeroesLegend; font-size: 1.75em; font-weight: normal; line-height: 1.5; margin: 1em 0 2em 0; text-align: center; } h1 span.ordinal { display: block; font-size: .8em; margin-bottom: .75em; } h1 span.label { display: block; font-size: .7em; margin-bottom: 1em; } h1 + p { text-indent: 0; } p { font-family: inherit; font-size: 1em; font-style: normal; font-weight: normal; margin: 0 0 0 0; text-align: left; text-indent: 1.25em; } a { color: #00517d; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; } abbr { border: 0; text-decoration: none; white-space: nowrap; } blockquote { margin: 1em 0; } blockquote p { font-size: 1em; margin: 0; text-align: center; text-indent: 0; } cite { display: inline; font-style: italic; } hr { border: none !important; height: 1em; margin: 0; } img { margin: 0; max-height: 100%; max-width: 100%; padding: 0; } q { font-style: italic; } q i { font-style: normal; } q:before { content: ""; } q:after { content: ""; } sub, sup { font-size: .7em; } /* Figuras y captions */ div.figure { margin: 1em auto; break-inside: avoid; page-break-inside: avoid; text-align: center; width: 100%; } div.figure-50 { margin: 1em auto; break-inside: avoid; page-break-inside: avoid; text-align: center; width: 50%; } img.inline { height: 1em; vertical-align: baseline; } /* TEXTOS ESPECIALES */ span.sc { font-size: 80%; } p.finis { color: #3fae2a; font-family: HeroesLegend; font-size: 2em; margin-top: 2em; text-align: center; text-indent: 0; }