/* 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;
}
p.sect1
{
font-size: 1.35em;
font-weight: normal;
margin-top: 1.5em;
margin-bottom: 1em;
text-align: center;
text-indent: 0em;
line-height: 1.2em;
}
/* 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;
}
.inline_width-1 {
width: 0.7em;
}
.box {
text-align: left;
margin-left: 3.7em;
text-indent: -1.3em;
font-style: italic;
font-family: sans-serif;
}
div.top {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.epi {
margin: 0;
text-align: justify;
text-indent: 1.5em;
}
.asteriscos {
text-align:center;
text-indent:0;
font-size:1.2em;
padding:1.5em 0 1em;
}
.subh1 {
font-size:1.3em;
font-weight:bold;
text-align:center;
text-indent:0;
padding-bottom:2.5em;
}
/* ----- ESCALAR IMG ----- */
.imagenesc { display:inline-block; margin:1em 0; text-indent:0; }
.imagenesc img { width:100%; }
.escalar { display:inline-block; width:4em; max-width:100%; text-indent:0; vertical-align:-.1em; }
.escalar img { width:100%; }
.escalarsvg { width: 10em; max-width:100%; }