/* ePub base r2.0 ePubLibre - style.css*/ /*ESTILO DE PÁRRAFO POR DEFECTO Edite y habilite o deshabilite un estilo por defecto para el libro, o cree su propio estilo de párrafo personalizado que se adapte al mismo. Recuerde que afectará a todo el contenido, exceptuando las páginas que no enlacen este css (como las fijas). Tambien puede crear uno propio que se ajuste a sus necesidades. OJO: NO SE DEBE ASIGNAR UN TAMAÑO DE FUENTE POR DEFECTO PARA

, deje que el lector escoja el que le sea más comodo para la lectura. */ /* 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; } /* Estilo de párrafo aleman o moderno. Apto para obras como manuales, obras de referencia, obras científicas o técnicas, etc.*/ /* p { margin: 1em 0; text-align:justify; text-indent:0; } */ /* ESTILOS GENERALES. PUEDE ADAPTARLOS O ELIMINARLOS SI NO LOS USA*/ /* encabezados */ h1 { font-size: 1.5em; margin: 20% 0 2em; } h2, h3, h4, h5, h6 { margin: 2em 0 1em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* dedicatoria */ .dedicatoria { margin: 25% 3% 0 15%; text-align: right; } .dedicatoria p { text-align: right; text-indent: 0; } /* saltos */ .sintop { margin-top: 0; } .saltoinicio { margin-top: 25%; } .salto05 { padding-top: 0.5em; } .salto10 { padding-top: 1em; } .salto25 { padding-top: 2.5em; } /* El valor por defecto de

ahora es un espacio en blanco para marcar saltos de contexto. Cambie la altura del mismo a su conveniencia modificando el atributo height */ hr { height: 2.5em; } /* el siguiente par de clases son ejemplos de distintas variaciones para los saltos de contexto. Modifiquelos a su gusto */ hr.linea { width: 25%; margin: 1em 37.5%; height: 0; border: none; border-top: 0.125em solid grey; } hr.imagen { width: auto; border: none; margin: 1em 0; height: 1em; text-indent: 0; text-align: center; background: url("../Images/asterisco3.png") no-repeat center; background-size: 3em 1em; overflow: hidden; } /* cambie la imagen de background a su gusto */ /* imágenes simples */ .ilustra { margin: 1em 0; text-align: center; text-indent: 0; display: block; } /* Control de silabeo. Asegurese de agregar cualquier estilo que no quiera que el e-reader divida con guiones, como los subtítulos, versos, etc. */ .dedicatoria { adobe-hyphenate: none; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -epub-hyphens: none; hyphens: none; } /*** ESTILOS DE EJEMPLO PARA EL EPUB-BASE. ELIMINAR SI NO SE USAN ***/ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, hr + p, blockquote + p, ol + p, ul + p, table + p, dl + p { text-indent: 0; } /* Equivale a aplicar el estilo .asangre a todas los párrafos que cumplan con las condiciones especificadas, por ejemplo los que van después de un título o salto de escena
. Puede agregar otros estilos a la lista. */ blockquote.comilla { text-align: left; font-style: italic; margin: 1em 8%; padding: 0 6%; background: url('../Images/comilla1.png') no-repeat top left; background-size: 1.25em 1.25em; page-break-inside: avoid; break-inside: avoid; overflow: hidden; } blockquote.comilla p { font-style: inherit; margin: 0; } /* ----- ----- ----- ----- ----- ----- ----- ----- */ /* ----- ESTILOS PERSONALES ----- */ .enlinea { display:inline; } .textcap { font-size:2em; text-align:center; text-indent:0; font-weight:bold; margin-top:45%;} .subtextcap { font-size: 1.7em; text-align: center; text-indent: 0; font-weight: bold; } .dedi1 { margin:3em 2em 1.5em 45%; text-indent:0; } .dedi2 { margin:1em 2em 1em 0; text-indent:0; text-align:right; } .dedi2 p {text-indent:0; text-align:right;} .dedi3 { margin:2em 2em 0 50%; font-style:italic; font-size:0.8em; } .Numcap { font-size:1.5em; text-align:center; text-indent:0; font-weight:bold; padding-bottom: 0.75em; margin-top:25%;} .micita { padding: 2em 0 1.5em 5em; } .intro { text-indent: -1.85em; padding: 0 2.5em 2.5em; font-size:0.85em; } .titulo {text-align:center; text-indent:0; padding-bottom: 1.5em; } .titulopre { text-align:center; text-indent:0; padding-bottom: 1.5em; font-size:0.9em; font-weight:bold; padding-top: 1.5em;} .subtil {text-indent: 0; font-weight:bold; padding-bottom: 1em;} .firma { text-align:right; padding: 1em 2em 1em 0; } .inden30 { text-indent:3em; } .inden50 { text-indent:5em; } .inden70 { text-indent:7em; } .inden90 { text-indent:9em; } .inden110 { text-indent:11em; } .salt50 { margin-top:5em; } .salt100 { margin-top:10em; } .salt150 { margin-top:15em; } .salt180 { margin-top:18em; } .salt250 { margin-top:25em; } .salt260 { margin-top:26em; } .salt25x {margin-top:25%; } .margen50 { margin-left:5em; } .margen100 { margin-left:10em; } .margen50izq { margin-left:50%; } .margen50der { margin-right:50%; } .font040 { font-size:0.4em; } .font050 { font-size:0.5em; } .font075 { font-size:0.75em; } .font090 { font-size:0.9em; } .font200 { font-size:2em; } .ilustrancha img { max-width:100%; } .ilustralarga img { max-width:100%; max-height:90%; } .carta { text-align:right; padding-top:2.5em; font-style:italic; padding-bottom: 1em;} .break {page-break-before:always;} .breakpost {page-break-after:always;} .columna {margin-left:15%; margin-right:15%;} /*--POEMA--*/ .titpoema { margin-top:45%; text-align:center; text-indent:0; page-break-before:always; font-size:1.4em;} .nompoema { text-align:center; text-indent:0; page-break-before:always; padding-top: 4.5em;} .poemacursi { padding: 2.5em 0 2.5em 2em; text-indent:0; font-style:italic;} .poema { padding: 2.5em 0 2.5em 2em; text-indent:0;} .verso1 { margin-left:2.5em;} .verso2 { margin-left:3.5em;} .estrofa { padding-top: 1.5em; text-indent:2.5em;} .noestrofa { padding-top: 1.5em;} .numestrofa {margin-left:6.5em; padding-top: 1.5em; } /* sangria francesa */ .francesa { padding-left:1.5em; text-indent:-1.5em;} .francesa p { text-indent:-1.5em; } .asterisco { font-size:2em; padding-top: 1em; text-indent: 0; text-align:center;} /*

•••••••••••••••••••••••••••••••••••••••

distinto a los puntos .... Si van a ir en dos líneas distintas, conviene poner así: */ .asteriscos { font-size:1.2em; padding: 4em 0; page-break-inside:avoid; } .asteriscos p {text-indent: 0; text-align:center; } .puntos { font-size:0.9em; padding-top: 1em; padding-bottom: 1em; text-indent: 0; text-align:center;} /* Para usar con h1, p.e. */ .linea { margin-bottom:20%; padding:0.5em; text-align:center; text-indent:0; border:2px solid black; border-left:none; border-right:none; border-top:none; } .lineacorta { padding-top: 2em; height: 0.3em; width: 20%; margin-left: 40%; border-bottom: 1px solid } /*- en la Section.xhtml:
(100% =
)*/ /* línea de puntos */ /* en .xhtlm:
*/ /* 100%: hr { margin:1.5em 0; border:none; border-bottom:2px dotted; width:100%; } */ hr { margin:1.5em 25%; border:none; border-bottom:2px dotted; width:50%; } /* -------- TABLA ----------------------*/ .arriba { vertical-align: top; width: 6.5em; } .bordetabla {border-collapse:separate; border-spacing:20px 0 } .centro { text-indent:0; text-align: center } .izq { text-indent:0; text-align: left } .columder { margin-right:1em; text-align:right } /* para alineación del texto en las columnas 2 y 3 */ .bordeinf { height:auto; border-bottom:2px solid } /* para el "subrayado" de la 1ª fila */ .noborde { border:0; height:auto } /* celdas sin bordes */ .bordesup { border:0; height:auto; border-top:2px solid } /* para el "subrayado" de la penúltima fila */ /* TABLA A LA DERECHA, para poesía, p.e. */ /*¡¡¡¡OJO!!! Si el tamaño de la tabla excede de una página, se pierde lo sobrante */ /*Ejemplo en Diario de un testigo de la guerra de África, Alarcón)*/ .tabladerecha { text-align:right; text-indent:0; margin:0 1em} .parrf4 { margin:1em auto; display:inline-table; } .parrf4 p { text-indent:0; font-size:0.9em; text-align:left;} .verso1 { margin-left: 1em;} /* PARA CENTRAR TABLAS */ /*para tabla que centrará los poemas*/ .tablacentro { text-align:center; text-indent:0; margin: 2em} .text04 { margin:1em auto; display:inline-table; } .text04 p { text-indent:0; font-size:0.9em; text-align:left;} .versoc1 { margin-left: 1em;} /* En el archivo de texto irá:
*/ /* */ /*

*/ /* TEXTO EN DOS COLUMNAS ....*/ .coltexder { margin-left:38%; } .coltexizq { float:left; clear:both; margin-left:-20%; max-width:40%; text-indent:1.2em; line-height:1.1em; } .coltexizqcur { float:left; clear:both; margin-left:-25%; max-width:40%; text-indent:1.2em; line-height:1.1em; font-style:italic; } /*-----

ToledoSr. D. Tomás Recio.

SolsonaSr. D. Francisco Blanch.

-------*/ /*

Párrafo completo

*/ .linea1 {margin-left: -0.5em; white-space: pre; font-size:0.8em;} /* para ajustar la primera letra */ .linea2 {white-space: pre; margin-left:-0.1em; text-indent:0;} /*IMÁGENES CAPITULARES*/ .imgcapital { float: left; margin: 0 0.3em -0.1em 0.25em; } .imgcapitalverso { float: left; margin: 1em 0.5em -0.1em 1.25em; } .primera { margin-left: -2.2em; white-space: pre; font-size:0.8em; } /* para ajustar la primera letra */ .segunda { margin-left: -1.5em; white-space: pre; } /* *****************IMAGENES*************** */ .imagenconpie { text-align:center; text-indent:0; margin:1.5em 3em; } .imagenconpie p{ text-align:center; font-size:0.75em; } /* En archivo .xhtml:

Escuadra española delante de Ceuta.

*/ /*IMÁGENES RECTANGULARES, FLOAT IZQU.Y FLOAT DERC.------------*/ /* la imagen aparece insertada en el texto, a la izquierda Se pone entre el texto y aparecen a la altura donde se ponga*/ .alaizqu { float: left; margin: 3px; } /* la imagen aparece insertada en el texto, a la derecha Se pone entre el texto*/ .aladrch { float: right; margin: 3px; } /* Para poner el pie de imagen */ .floatizqconpie { page-break-inside:avoid; float: left; margin: 3px; } .floatizqconpie p{ text-align:center; text-indent:0; font-size:0.75em; } .floatderconpie { page-break-inside:avoid; float: right; margin: 3px; } .floatderconpie p{ text-align:center; text-indent:0; font-size:0.75em; } /*

Permite poner dos imagenes, una a cada lado Se ponen ambas seguidas a la altura en que se quiera que aparezca*/ .alaizqupeque { float: left; text-align: left; margin: 3px; max-width: 125px; } .aladrchpeque { float: right; margin: 3px; text-align: right; max-width: 125px; } .imghoriz { max-width: 90%; } .imgverti { max-height: 90%; } /*FIN IMÁGENES RECTANGULARES*/ /*IMÁGENES NO RECTANGULARES, FLOAT IZQU.*/ /*El texto se adapta, por la derecha de la imagen*/ div.imgizqu { float: left; clear: left; text-align: left; margin: 0 0.5em 0.5em 0; } div.imgizqu img { width: 100%; display: block; } /*Imagenes: ****** ****** ** ** En la xhtml:

define las características de la imagen de que se trate Para ocupar todo: width: 25.5em; */ div#pueblo { width: 18.5em; height: 10em;} div#pueblo + div.imgizqu{ width:14em; height:16em; margin-top: -0.5em;} /*IMÁGENES NO RECTANGULARES, FLOAT DERC.*/ div.imgdrch { float: right; clear: right; text-align: right; margin: 0 0.5em 0.5em 0; } div.imgdrch img { width: 100%; display:block;} /*Imagenes: --****** --****** -------** -------** En la xhtml:
define las características de la imagen de que se trate Para ocupar todo: width: 25.5em; */ div#capituloI { width: 25.5em; height: 18em;} div#capituloI + div.imgdrch{ width:20em; height:21em; margin-top: -0.5em;} /* FLOAT IZQ. ESCALONADAS*/ /* Para imagen del tipo: *********** *********** ****** ****** **** ****
*/ div.imgpal { float:left; clear:left; text-align:left; margin:0 .1em .1em 0; } div.imgpal img { width:100%; display:block; padding-top:.25em; } div#palmas { width:600px; height:350px; } /*rectángulo arriba*/ div#palmas + div.imgpal { width:490px; height:145px; } /*primer rectángulo recortado*/ div#palmas + div.imgpal + div.imgpal { width:400px; height:150px; } /*segundo rectángulo recortado*/ div#palmas + div.imgpal + div.imgpal + div.imgpal { width:220px; height:75px; } /*tercer rectángulo recortado*/ .saltpalmas { margin-top:360px; } /*FIN IMGÁGENES NO RECTANGULARES*/