/* ePub base r2.1 ePubLibre - style.css*/ /* El estilo por defecto es el de párrafo normal, apto para novelas, relatos, ensayos, etc.*/ p { margin: 0; text-align: justify; text-indent: 1.5em; line-height: 125%; orphans: 1; widows: 1; } /* encabezados */ h1 { font-family: "Bucanera"; font-size: 2.5em; margin: 2.4em 0 1.2em; color: #491311; font-weight: normal; } h1.creditos { font-family: "Brioso"; font-size: 1.2em; margin: 2.5em 0 1.2em; text-align: left; font-weight: bold; } h2 { font-family: "Incognito"; font-size: 1.5em; margin: 2em 0 1em; color: #491311; line-height: 100%; } h2 big { vertical-align: middle; font-size: 1em; } h2 small { vertical-align: middle; font-size: 0.6em; } h2 em { font-size: 1.05em; } .conquista { font-family: "Byron"; font-size: 2em; margin: 0; } .conquista + p { font-family: "Byron"; text-indent: 0; font-size: 1.3em; line-height: 90%; color: #491311; margin-bottom: 1.08em; } h2 + p small, .saltoinicio small { font-family: "Brioso"; font-size: 1em; } h3 { font-family: "Brioso"; font-size: 1.1em; color: #491311; margin: 2.5em 0 1em; } h2 + h3 { margin-top: 1.5em; } /* saltos */ .saltoinicio { margin-top: 5em; text-indent: 0; } .salto25 { padding-top: 2.5em; text-indent: 0; } /* imágenes simples */ .ilustra { margin: 0.5em 0; text-align: center; text-indent: 0; display: block; } .Conquistacaja .ilustra { margin: 0.5em -15px; } .cubierta img { height: 100%; } p.bar { margin: 0.5em 0; text-align: center; text-indent: 0; display: block; width: 100%; } .bar + p, p + .bar { page-break-before: avoid; } .bar2 { margin: -0.75em 25% 1em; text-align: center; text-indent: 0; display: block; width: 50%; page-break-before: avoid; } .flotaizq20 { float: left; clear: left; max-width: 20%; margin-right: 5px; text-indent: 0; } .flotaizq30 { float: left; clear: left; max-width: 30%; margin-right: 5px; text-indent: 0; } .flotaizq40 { float: left; clear: left; max-width: 40%; margin-right: 5px; text-indent: 0; } .flotaizq50 { float: left; clear: left; max-width: 50%; margin-right: 5px; text-indent: 0; } .Conquistacaja .flotaizq50 { margin-left: -15px; } .flotaizq60 { float: left; clear: left; max-width: 60%; margin-right: 5px; text-indent: 0; } .flotaizq100 { float: left; clear: left; text-indent: 0; } .flotader10 { float: right; clear: right; max-width: 10%; margin-right: 5%; text-indent: 0; } .flotader30 { float: right; clear: right; max-width: 30%; margin-left: 5px; text-indent: 0; } .flotader40 { float: right; clear: right; max-width: 40%; margin-left: 5px; text-indent: 0; } .flotader50 { float: right; clear: right; max-width: 50%; margin-left: 5px; text-indent: 0; } .Conquistacaja .flotader50, .add4 .flotader50 { margin-right: -15px; } .flotader100 { float: right; clear: right; text-indent: 0; } .flotaizq20 img, .flotaizq30 img, .flotaizq40 img, .flotaizq50 img, .flotaizq60 img, .flotader10 img, .flotader30 img, .flotader40 img, .flotader50 img { width: 100%; } .flotaizq100 img, .flotader100 img { height: 100%; } .hijadelbosque, .hermanaoscura, .fuegoscuro, .reyloco, .lacustre, .salvaje, .rugido { page-break-inside: avoid; } .hijadelbosque div { float: right; clear: right; max-width: 30%; margin: 0 0 -100000px; } .hijadelbosque div + div { visibility: hidden; margin: 0; } .hijadelbosque div + div + div { max-width: 23.8073%; } .hijadelbosque div + div + div + div { width: 14.7248%; } .hermanaoscura div { float: right; clear: right; max-width: 20%; margin: 0 -1.5em -100000px 5px; } .hermanaoscura div + div { visibility: hidden; margin: 0 -1.5em 0 5px; } .hermanaoscura div + div + div { max-width: 13.0108%; } .fuegoscuro div { float: left; clear: left; max-width: 20%; margin: 0 5px -100000px 0; } .fuegoscuro div + div { visibility: hidden; margin: 0 5px 0 0; } .fuegoscuro div + div + div { max-width: 12.7638%; } .reyloco div { float: left; clear: left; margin: 0 0 -100000px; width: 100%; text-indent: 0; } .reyloco div + div { float: none; visibility: hidden; margin: 0; } .reyloco div + div + div { float: left; width: 14.8%; } .reyloco img { max-height: none; width: 100%; } .lacustre div { float: left; clear: left; max-width: 40%; margin: 0 0 -100000px; } .lacustre div + div { visibility: hidden; margin: 0; } .lacustre div + div + div { max-width: 37.44%; } .lacustre div + div + div + div { max-width: 31.92%; } .lacustre div + div + div + div + div { max-width: 30.08%; } .lacustre div + div + div + div + div + div { max-width: 6.16%; } .salvaje div { float: right; clear: right; max-width: 50%; margin: 0 0 -100000px; } .salvaje div + div { visibility: hidden; margin: 0; } .salvaje div + div + div { max-width: 43.5%; } .salvaje div + div + div + div { width: 38.6%; } .salvaje div + div + div + div + div { width: 31.8%; } .salvaje div + div + div + div + div + div { width: 22.1%; } .rugido div { float: right; clear: right; max-width: 20%; margin: 0 0 -100000px 5px; } .rugido div + div { visibility: hidden; margin: 0 0 0 5px; } .rugido div + div + div { max-width: 12.2667%; } /* ESTILOS DE EJEMPLO PARA EL EPUB-BASE. ELIMINAR SI NO SE USAN */ h1 + p, h2 + p, h3 + p, .conquista + p + p, .bar + p, .titulillo + p, .illustrations p, .incognito + p { text-indent: 0; } blockquote { margin: 1.5789em; font-family: "BriosoPro"; color: #491311; font-size: 0.95em; } blockquote big, .add2 big { float: left; font-size: 3em; margin: 0.31em 0 0; } .brioso { font-family: "BriosoPro"; color: #491311; font-size: 0.9em; } .titulillo { text-align: center; text-indent: 0; font-size: 1.1em; margin-bottom: 0.45em; page-break-after: avoid; page-break-inside: avoid; } .titulillo2 { text-align: center; text-indent: 0; font-size: 1.03em; font-weight: bold; margin-top: 0.5em; page-break-after: avoid; } .sigil, .balerion { display: inline-block; text-align: center; height: 100%; width: 100%; margin-bottom: -10%; } .sigil img { max-width: 75%; vertical-align: middle; } .sigil img + img, .balerion img + img { height: 100%; width: 0.1px; visibility: hidden; } .balerion img { max-width: 98%; vertical-align: middle; } a { font-style: inherit; font-weight: inherit; } .Conquistacaja { font-family: "BriosoPro"; margin: 2em 15px 0; } .credits { font-family: "BriosoC"; text-indent: 0; } .illustrations { margin: 0.25em 0 1em 30px; font-family: "BriosoC"; font-style: italic; text-indent: 0; } .illustrations a { font-style: normal; } .add, .add2, .add3 { font-family: "BriosoPro"; color: #491311; page-break-before: always; } .add4 { font-family: "BriosoPro"; color: #491311; margin: 1.5em 15px; } .add p, .centrar, .centrar table, .names3 + p { text-align: center; text-indent: 0; } .add4 p + p { text-align: center; text-indent: 0; margin-top: 0.75em; } .add3 p { text-align: left; text-indent: 0; } p.incognito { font-family: "Incognito"; font-size: 1.5em; font-style: italic; text-align: center; text-indent: 0; margin-bottom: 0.75em; page-break-after: avoid; page-break-inside: avoid; } .incognito em { font-style: normal; } .names { font-weight: bold; margin-top: 0.75em; page-break-after: avoid; } p.names2 { font-weight: bold; margin-top: 1.5em; text-align: center; page-break-after: avoid; } .names2 + p { font-style: italic; margin-bottom: 0.5em; text-align: center; } .names2 + p em { font-style: normal; } .names3 { font-weight: bold; margin: 0.75em 0 0.2em; text-align: center; text-indent: 0; page-break-after: avoid; } .names strong { font-weight: normal; } .ornament, .ornament img { height: 0.6em; } .right { margin: 0.5em 0 0 30px; } .right .ornament { float: left; margin: 0.17em 0 0 -30px; height: 1em; } .center, .center p { text-align: center; text-indent: 0; margin-top: 0.5em; } .center2 p { text-align: center; text-indent: 0; margin-top: 0.25em; } .center3 p { text-align: center; text-indent: 0; margin-top: 1em; } p.castles { font-weight: bold; margin-top: 1.5em; text-align: center; text-indent: 0; } table { display: inline-table; text-align: center; margin: 0.3em 0; font-weight: bold; width: 100%; border-collapse: collapse; border: none; } td { width: 50%; } /* Fuentes */ @font-face { font-family: "Bucanera"; font-style: normal; font-weight: normal; src: url(../Fonts/BucaneraAntiquedSwash.otf); } @font-face { font-family: "Bucanera"; font-style: italic; font-weight: normal; src: url(../Fonts/BucaneraAntiquedSpecialCaps.otf); } @font-face { font-family: "Bucanera"; font-style: normal; font-weight: bold; src: url(../Fonts/BucaneraAntiquedOT.otf); } @font-face { font-family: "Incognito"; font-style: normal; src: url(../Fonts/IncognitoPro.otf); } @font-face { font-family: "Incognito"; font-style: italic; src: url(../Fonts/IncognitoProMeridies-I.otf); } @font-face { font-family: "BriosoPro"; font-style: normal; font-weight: normal; src: url(../Fonts/BriosoPro.otf); } @font-face { font-family: "BriosoPro"; font-style: italic; font-weight: normal; src: url(../Fonts/BriosoPro-I.otf); } @font-face { font-family: "BriosoPro"; font-style: normal; font-weight: bold; src: url(../Fonts/BriosoPro-B.otf); } @font-face { font-family: "Brioso"; font-style: normal; font-weight: normal; src: url(../Fonts/BriosoPro-Medium.otf); } @font-face { font-family: "Brioso"; font-style: italic; font-weight: normal; src: url(../Fonts/BriosoPro-MediumI.otf); } @font-face { font-family: "Brioso"; font-style: normal; font-weight: bold; src: url(../Fonts/BriosoPro-sB.otf); } @font-face { font-family: "BriosoC"; font-style: normal; src: url(../Fonts/BriosoProCaption-Medium.otf); } @font-face { font-family: "BriosoC"; font-style: italic; src: url(../Fonts/BriosoProCaption-MediumI.otf); } @font-face { font-family: "Byron"; src: url(../Fonts/Byron.ttf); }