/** BASE **/ /* Márgenes */ body { font-family: sans-serif; font-size: 1em; line-height: 1.5; margin: 0; padding: 0 20px; } body * { font-family: inherit; line-height: inherit; } /* Fuentes */ @font-face { font-family: francoischartier; src:url('../fonts/francoischartier.ttf'); } /* Control partición silábica */ #titlepage p, #dedication p, h1, h2, h3, h4 { page-break-after: avoid; hyphens: auto; adobe-hyphenate: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -epub-hyphens: auto; } 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 { height: 100%; margin: 0; padding: 0; text-align: center; text-indent: 0; } /* Portadilla */ #titlepage { break-inside: page; page-break-inside: avoid; } #titlepage * { text-align: center; text-indent: 0; } #titlepage p.title { font-family: francoischartier; font-size: 2.5em; font-style: normal; font-weight: normal; line-height: 1.2; margin: 2em 0 .5em 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.subtitle { font-size: 1.5em; font-style: normal; font-weight: normal; line-height: 1.2; margin: .5em 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.author { font-family: francoischartier; font-size: 2em; font-style: normal; font-weight: normal; line-height: 1.2; margin: .5em 0 2em 0; padding: 0; text-align: center; text-indent: 0; } #titlepage p.publisher { margin-top: 8em; padding: 0; text-align: center; text-indent: 0; } #titlepage p.publisher { text-align: center; } #titlepage p.publisher img { width: 4em; } /* Créditos */ #copyright-page { margin: 4em 2em 0 0; } #copyright-page div + div { margin: 1em 0 0 0; } #copyright-page p { font-size: .8em; margin: 0; text-align: left; text-indent: 0; } /* Sinopsis */ #summary * { color: #000; font-family: sans-serif; } #summary h1 { font-size: 1.2em; font-style: normal; font-weight: bold; } #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 a { color: #000; font-weight: normal; page-break-inside: avoid; text-decoration: none !important; } /* Dedicatoria */ #dedication { margin-top: 4em; } #dedication p { color: #93894e; margin: 1em 0; text-align: right; } /* Epígrafe */ #epigraph * { color: #93894e; } /* BODYMATTER */ /* Estilos generales */ h1 { color: #93894e; font-family: francoischartier; font-size: 2em; font-style: normal; font-weight: 800; margin: 1em 0 2.5em 0; padding: 0; text-align: center; text-indent: 0; } h1 span.antetitle, h2 span.antetitle { display: block; font-weight: normal; font-size: .5em; margin: 0; } h1 span.subtitle, h2 span.subtitle { display: block; font-weight: normal; font-size: .5em; margin: 0; } .chapter h1 { margin-top: 45%; } .frontmatter h2 { color: #93894e; font-size: 1em; font-style: normal; font-weight: bold; margin: 2em 0 0 0; padding: 0; text-align: left; text-indent: 0; } .frontmatter h2 + p { margin-top: 0; } h3 { font-size: 1em; font-style: normal; font-weight: bold; margin: 1em 0 .25em 0; padding: 0; text-align: left; text-indent: 0; } h3 + p { margin-top: 0; } h4 { font-size: 1em; font-style: italic; font-weight: bold; margin: 1em 0 0 1em; padding: 0; text-align: left; text-indent: 0; } p { font-size: 1em; margin: 1em 0; padding: 0; text-align: left; text-indent: 0; } a { color: #00F; font-family: inherit; font-weight: bold; text-decoration: none; } abbr { border: 0; text-decoration: none; white-space: nowrap; } i cite { font-style: normal; } cite { display: inline; font-style: italic; } hr { border: none !important; height: 1em; margin: .25em 0; } hr + p { text-indent: 0; } img { margin: 0; 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; } /* Listas */ ol { margin: 1em 0 1em 0; padding: 0 0 0 1.25em; } ul { list-style: disc; margin: 1em 0 1em 0; padding: 0 0 0 1.25em; } li { font-size: 1em; margin: 0; padding: 0; text-align: left; text-indent: 0; } li p { font-size: 1em; margin: 1em 0; text-indent: 0; } .lower-alpha { list-style: lower-alpha; margin-left: 1em; } .upper-alpha { list-style: upper-alpha; } ul.none { list-style: none; margin: 1em 0 1em 1em; padding: 0; } .fake { list-style: none; padding: 0; } .fake li span.symbol { color: #88ab1a; font-weight: bold; display: inline; float: left; margin: 0; page-break-after: avoid; width: 1.5em; } .fake li span.number { display: inline; float: left; margin: 0; break-after: avoid; page-break-after: avoid; text-align: left; width: 2em; } .fake li span.text { display: block; margin-left: 2em; } .fake li p { display: block; margin-left: 2em; } .fake li span.number + span.text { display: block; margin-left: 2em; break-before: avoid; page-break-before: avoid; } .fake li span.symbol + p, .fake li span.number + p { margin-top: 0; page-break-before: avoid; } /* Figuras y captions */ div.figure { margin: 1em 0; break-inside: avoid; page-break-inside: avoid; text-align: center; width: 100%; } div.figure-left { margin: 1em 0; break-inside: avoid; page-break-inside: avoid; text-align: left; } div.figure img { max-height: 80%; page-break-inside: avoid; text-align: center; } div.figure img.w30 { max-width: 30%; } div.figure img.w50, img.w50 { max-width: 50%; } div.icon { margin: 1em 0; page-break-inside: avoid; text-align: left; width: 100%; } div.icon img { max-height: 80%; page-break-inside: avoid; text-align: left; width: 5rem; } div.icon + p { text-indent: 0; } div.separator { margin: 0; padding: 0; break-before: page; page-break-before: always; break-inside: avoid; page-break-inside: avoid; text-align: center; height: 99%; width: 100%; } div.separator img { margin: 0; padding: 0; max-height: 100%; text-align: center; } div.figcaption p { font-size: .9em; margin: 0; text-align: center; text-indent: 0; } /* Seudoversalitas */ span.sc { font-size: .8em; } /* Firmas */ div.signature { margin: 1em 0; } div.signature p { font-family: serif; font-size: 1.3em; text-align: right; } /* Tablas */ table { border: 1px dashed #88ab1a; border-collapse: collapse; margin: 1em 0; width: 100%; } table th { border: 1px dashed #88ab1a; border-collapse: collapse; padding: 1em; vertical-align: top; } table td { border: 1px dashed #88ab1a; border-collapse: collapse; padding: 1em; vertical-align: top; } table p { font-size: .8em; text-align: left; text-indent: 0; } table td + td p { text-align: center; } div.legend { margin: 0 0 1em 0; } div.legend p { font-size: .8em; text-align: left; text-indent: 0; } /* Otros */ blockquote { margin: 1em 0; } blockquote p { font-family: sans-serif; font-size: 1em; font-weight: normal; margin: 0; text-align: center; text-indent: 0; } blockquote + p { text-indent: 0; } /* Quotes */ div.quote { margin: 1em 0; } div.quote blockquote { margin: 0; } div.quote blockquote p { font-weight: bold; text-align: left; } div.quote p.attrib { font-weight: bold; margin: 0; } /* Contacto */ div.contact { margin-top: 2em; } div.contact p.bridgehead { color: #93894e; font-weight: bold; } div.contact p { margin: 0; } /* Alimentos */ div.aliment { break-before: always; page-break-before: always; padding-top: 1em; } div.aliment h2 { color: #93894e; font-family: francoischartier; font-size: 2em; font-style: normal; font-weight: 800; margin: 1em 0 .5em 0; padding: 0; text-align: center; text-indent: 0; } div.aliment p.desc { margin-bottom: 2.5em; text-align: justify; } div.aliment div.complementarios { margin: 1.2em 0; } div.aliment div.complementarios p.bridgehead { color: #93894e; break-after: avoid; page-break-after: avoid; font-weight: bold; text-align: left; } div.aliment div.complementarios ul { list-style: none; margin: 0; padding: 0; } div.aliment div.complementarios li { border-bottom: 1px dotted #93894e; } div.aliment div.cook h3 { color: #93894e; font-size: 1em; font-style: normal; font-weight: bold; margin: 2em 0 0 0; padding: 0; text-align: left; text-indent: 0; } div.aliment div.recipe { margin: 1.5em 0; } div.aliment div.recipe p.title { break-after: avoid; page-break-after: avoid; font-weight: bold; text-align: left; } div.aliment div.recipe p.refine { break-after: avoid; page-break-after: avoid; font-weight: bold; text-align: left; } div.aliment div.recipe div.steps p { margin: 0; } /* Apéndice */ #ap01 p.desc { margin-bottom: 2em; text-align: center; } #ap01 ul { list-style: none; margin: 1em 0; padding: 0; } #ap01 li { break-inside: avoid; page-break-inside: avoid; margin: 1em 0; } #ap01 li p { margin: 0; } #ap01 h1 { color: #93894e; font-family: francoischartier; font-size: 2em; font-style: normal; font-weight: 800; margin: 1em 0 .5em 0; padding: 0; text-align: center; text-indent: 0; } /* Bibliografía */ #bibliography ul { list-style: none; margin: 1em 0; padding: 0; } #bibliography li { break-inside: avoid; page-break-inside: avoid; margin: 1em 0; }