Detalles del libro - Explicaciones del código
Explicaciones de @joseba, @enebat, @Dunhill69
Partiendo del codigo que viene por defecto en calibre veremos la explicación del mismo:
Código original se encuentra en Preferencias/Apariencia/Detalles del libro en la columna Estilos de texto
body, td {
background-color: transparent;
}
body.horizontal table td.title { white-space: nowrap }
.comments {
margin-top: 0;
padding-top: 0;
text-indent: 0
}
.comments-heading {
font-size: larger;
font-weight: bold
}
table.fields {
margin-bottom: 0;
padding-bottom: 0;
}
table.fields td {
vertical-align: top
}
table.fields td.title {
font-weight: normal;
font-style: italic;
color: palette(placeholder-text);
text-align: right;
}
.series_name {
font-style: italic
}
/*
The HTML that this stylesheet applies to looks like this:
<table class="fields">
<tr id="formats" class="datatype_text"><td class="title">Formats:</td><td><a href="format:572:EPUB">EPUB</a>, <a href="format:572:LIT">LIT</a></td></tr>
<tr id="series" class="datatype_series"><td class="title">Series:</td><td>Book II of <a href="..."><span class="series_name">The Sea Beggars</span></a></td></tr>
<tr id="tags" class="datatype_text"><td class="title">Tags:</td><td><a href="...">Fantasy</a>, <a href="...">Fiction</a></td></tr>
<tr id="path" class="datatype_text"><td class="title">Path:</td><td><a href="path:572" title="/home/kovid/test library/Paul Kearney/This Forsaken Earth (572)">Click to open</a></td></tr>
</table>
<div id="comments" class="comments"><h3>From Publishers Weekly</h3><p>At the start of Kearney's rousing sequel to <em>The Mark of Ran</em> (2005), Rol Cortishane, the youthful captain of the privateer <em>Revenant</em>, captures a slaver and frees its chained slaves. Back in the harbor of Ganesh Ka in the land of Umer, Rol encounters an untrustworthy acquaintance he hasn't seen in years, Canker, a former king of thieves, who urges Rol to join in the fight to save Rowen, a darkly beautiful queen, whose throne is at risk in mountainous Bionar. That Rowen is Rol's half-sister for whom he has lusted in the past doesn't make Rol's decision to help an easy one. If as in <em>The Mark of Ran</em> the action is more lively at sea than on land, Kearney's solid storytelling and nautical detail worthy of C.S. Forester or Patrick O'Brian will keep readers turning the pages. <em>(Dec.)</em> <br />Copyright © Reed Business Information, a division of Reed Elsevier Inc. All rights reserved. </p><h3>From</h3><p>The sequel to <em>The Mark of Ran</em> (2005) finds heroic young Rol Cortishane grown to be a much-feared sea captain. Deciding to ignore his mysterious past, he spends his energy on ship and crew. He is still an outlaw, however, and the only port he can call home is Ganesh Ka, the endangered city of exiles. When word comes from Rowan, his half-sister, asking him to fight on her behalf, he must weigh the safety of Ganesh Ka against Rowan's treachery in the past. Finally persuaded to aid Rowan, he learns more of betrayal and his heritage in the ensuing battles than he had wanted to know. Kearney's characters are much better developed here than they were in <em>The Mark of Ran</em>, and since the book tells a single story, the plot is tighter. Moreover, because almost all the action transpires in the here and now, the sequel can be read without reference to the predecessor. Since it ends hanging on a particularly bloody cliff, expect to see more of Kearney's excellent maritime fantasy. <em>Frieda Murray</em><br /><em>Copyright © American Library Association. All rights reserved</em></p>
</div>
<h3 class="comments-heading">Custom comments column heading</h3>
<div id="_customcolname" class="comments">...</div>
*/
Explicación:
1. Estilo general de bodylastd css
body, td {
background-color: transparent;
}
Hace que el fondo del cuerpo de la página y las celdas de tabla ( td) sean transparentes.
2. Estilo de Tablas en Vista Horizontal css
body.horizontal table td.title {
white-space: nowrap;
}
Asegúrese de que las celdas con la clase titleen una tabla dentro de body.horizontalno hagan un salto de línea.
3. Estilo de los enlaces ( a) css
a {
text-decoration: none;
}
Elimina el subrayado de los enlaces.
4. Estilos de la Sección de Comentarios css
.comments {
margin-top: 0;
padding-top: 0;
text-indent: 0;
}
Elimina márgenes y rellenos superiores en la sección de comentarios.
text-indent: 0;asegura que el texto no tenga sangría.
.comments-heading {
font-size: larger;
font-weight: bold;
}
Hace que los encabezados de comentarios sean más grandes y en negrita.
5. Estilos de la Tabla de Información del Libro
table.fields {
margin-bottom: 0;
padding-bottom: 0;
}
Elimina márgenes y rellenos en la parte inferior de la tabla con la clase fields.
table.fields td {
vertical-align: top;
}
Asegúrese de que el contenido dentro de las celdas esté alineado en la parte superior.
table.fields td.title {
font-weight: normal;
font-style: italic;
color: palette(placeholder-text);
text-align: right;
}
Defina el estilo de las celdas con clase titledentro de table.fields:
Texto normal (sin negrita).
Cursiva.
Color definido por la función palette(placeholder-text), lo que sugiere que el color se toma de una paleta de colores predefinida.
Alinea el texto a la derecha.
6. Estilo del Nombre de la Serie css
.series_name {
font-style: italic;
}
Hace que el nombre de la serie se muestre en cursiva.
Ejemplo de la estructura HTML que usa este CSS
El código CSS se aplica a una estructura HTML que muestra información sobre libros en una tabla con clases como fieldsy title, y una sección de comentarios. Aquí tienes un desglose:
Tabla de Información del Libro
<table class="fields">
<tr id="formats" class="datatype_text">
<td class="title">Formats:</td>
<td><a href="format:572:EPUB">EPUB</a>, <a href="format:572:LIT">LIT</a></td>
</tr>
<tr id="series" class="datatype_series">
<td class="title">Series:</td>
<td>Book II of <a href="..."><span class="series_name">The Sea Beggars</span></a></td>
</tr>
</table>
Definir una tabla con información sobre un libro.
formats: Lista los formatos en los que está disponible el libro ( EPUB, LIT).
series: Muestra el nombre de la serie a la que pertenece el libro, con series_nameen cursiva.
Sección de comentarios
<div id="comments" class="comments">
<h3>From Publishers Weekly</h3>
<p>At the start of Kearney's rousing sequel to <em>The Mark of Ran</em> (2005)...</p>
</div>
Contiene reseñas y comentarios sobre el libro.
comments-headingse aplicaría a h3 si se usara dentro de la sección.
Ir al mensaje: https://t.me/calibreconfiguraciones/112333/188230
Algunas modificaciones realizadas: https://teletype.in/@dunhill/-NPfgdNinjW
Detalles del libro - Explicaciones del código explicado por @@enebat
Tamaño, color y fuente del titulo
Color y fuente del orden de la serie
Color y fuente de las etiquetas.
Color y fuente de la sinopsis (Para cambiar el tamaño agregar: font-size: 12px !important;)
Color y fuente de los títulos de datos.
Color y fuente del número de páginas
font-family: (para la fuente que se quiera)
font-size: 12px !important (dando el número de tamaño que se quiera)
font-weight: (para normal o bold)
font-style: (para normal o italic)
color: (green, red, o #número)