755 lines
14 KiB
CSS
755 lines
14 KiB
CSS
/**************************************************/
|
||
/******************* RESETEADOR *******************/
|
||
/**************************************************/
|
||
|
||
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */
|
||
|
||
html, body, div, span, applet, object, iframe,
|
||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
a, abbr, acronym, address, big, cite, code,
|
||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||
small, strike, strong, sub, sup, tt, var,
|
||
b, u, i, center,
|
||
dl, dt, dd, ol, ul, li,
|
||
fieldset, form, label, legend,
|
||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
article, aside, canvas, details, embed,
|
||
figure, figcaption, footer, header, hgroup,
|
||
menu, nav, output, ruby, section, summary,
|
||
time, mark, audio, video {
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
font-size: 100%;
|
||
font: inherit;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
/* Old browsers / Para viejos exploradores */
|
||
|
||
article, aside, details, figcaption, figure,
|
||
footer, header, hgroup, menu, nav, section {
|
||
display: block;
|
||
}
|
||
|
||
body {
|
||
line-height: 1.5;
|
||
}
|
||
|
||
ol, ul {
|
||
list-style: none;
|
||
}
|
||
|
||
blockquote, q {
|
||
quotes: none;
|
||
}
|
||
|
||
blockquote:before, blockquote:after,
|
||
q:before, q:after {
|
||
content: '';
|
||
content: none;
|
||
}
|
||
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
/**************************************************/
|
||
|
||
/* Fuentes */
|
||
|
||
@font-face {
|
||
font-family: "Alegreya Regular";
|
||
src: url(../ttf/alegreya-regular.ttf);
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "Alegreya Italic";
|
||
src: url(../ttf/alegreya-italic.ttf);
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "Alegreya Bold";
|
||
src: url(../ttf/alegreya-bold.ttf);
|
||
}
|
||
|
||
@font-face {
|
||
font-family: "Alegreya BoldItalic";
|
||
src: url(../ttf/alegreya-bolditalic.ttf);
|
||
}
|
||
|
||
/* Headers / Encabezados */
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
margin-bottom: 1em;
|
||
text-align: left;
|
||
font-size: 1em;
|
||
-moz-hyphens: none !important;
|
||
-webkit-hyphens: none !important;
|
||
-o-hyphens: none !important;
|
||
-ms-hyphens: none !important;
|
||
hyphens: none !important;
|
||
}
|
||
|
||
h2, h3, h4, h5, h6 {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
h4, h5, h6 {
|
||
text-align: right;
|
||
}
|
||
|
||
h1 {
|
||
margin-bottom: 6em;
|
||
}
|
||
|
||
h3, h5 {
|
||
font-family: "Alegreya Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
font-style: italic;
|
||
}
|
||
|
||
h6 {
|
||
font-family: "Alegreya Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
font-weight: bold;
|
||
}
|
||
|
||
h1.title, h1.titulo {
|
||
margin-top: 4em;
|
||
margin-bottom: 0;
|
||
font-size: 2em;
|
||
}
|
||
|
||
h2.subtitle, h2.subtitulo {
|
||
margin-top: .5em;
|
||
margin-bottom: 3em;
|
||
font-size: 1.25em;
|
||
}
|
||
|
||
/* Paragraphs / Párrafos */
|
||
|
||
p, blockquote, li, figcaption, details, aside {
|
||
font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
font-size: 1em;
|
||
text-align: justify;
|
||
line-height: 1.5em;
|
||
-moz-hyphens: auto;
|
||
-webkit-hyphens: auto;
|
||
-o-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
p + p {
|
||
text-indent: 1.5em;
|
||
}
|
||
|
||
blockquote {
|
||
font-size: .9em;
|
||
margin: 1em 1.5em;
|
||
}
|
||
|
||
blockquote + blockquote {
|
||
text-indent: 1.5em;
|
||
margin-top: -1em;
|
||
}
|
||
|
||
blockquote, blockquote > * {
|
||
line-height: 1.65;
|
||
}
|
||
|
||
.justified, .justificado {
|
||
text-align: justify !important;
|
||
}
|
||
|
||
.right, .derecha {
|
||
text-indent: 0;
|
||
text-align: right !important;
|
||
}
|
||
|
||
.left, .izquierda {
|
||
text-align: left !important;
|
||
}
|
||
|
||
.centered, .centrado {
|
||
text-indent: 0;
|
||
text-align: center !important;
|
||
}
|
||
|
||
.hanging, .frances {
|
||
margin-left: 1.5em;
|
||
text-indent: -1.5em;
|
||
text-align: left !important;
|
||
}
|
||
|
||
* + .hanging, * + .frances {
|
||
margin-top: 1em;
|
||
}
|
||
|
||
.hanging + .hanging, .frances + .frances {
|
||
margin-top: 0;
|
||
text-indent: -1.5em;
|
||
}
|
||
|
||
.indent, .sangria {
|
||
text-indent: 1.5em;
|
||
}
|
||
|
||
.no-indent, .sin-sangria {
|
||
text-indent: 0;
|
||
}
|
||
|
||
.no-hyphens, .sin-separacion {
|
||
-moz-hyphens: none !important;
|
||
-webkit-hyphens: none !important;
|
||
-o-hyphens: none !important;
|
||
-ms-hyphens: none !important;
|
||
hyphens: none !important;
|
||
}
|
||
|
||
.invisible {
|
||
visibility: hidden;
|
||
}
|
||
|
||
.hidden, .oculto {
|
||
display: none;
|
||
}
|
||
|
||
.block, .bloque {
|
||
display: block;
|
||
}
|
||
|
||
/* Font effects / Efectos en las fuentes */
|
||
|
||
i, em {
|
||
font-family: "Alegreya Italic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
font-style: italic;
|
||
}
|
||
|
||
b, strong {
|
||
font-family: "Alegreya Bold", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
font-weight: bold;
|
||
}
|
||
|
||
i > b, b > i,
|
||
em > strong, strong > em,
|
||
i > strong, strong > i,
|
||
em > b, b > em {
|
||
font-family: "Alegreya BoldItalic", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
}
|
||
|
||
.initial, .capitular {
|
||
float: left;
|
||
font-size: 3em;
|
||
margin-top: .15em;
|
||
padding-right: .1em;
|
||
}
|
||
|
||
.uppercase, .versal {
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.normal, .redonda {
|
||
font-variant: none;
|
||
}
|
||
|
||
.smallcap-light, .versalita-ligera {
|
||
font-variant: small-caps;
|
||
-moz-hyphens: auto;
|
||
-webkit-hyphens: auto;
|
||
-o-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
.smallcap, .versalita {
|
||
text-transform: lowercase;
|
||
font-variant: small-caps;
|
||
-moz-hyphens: auto;
|
||
-webkit-hyphens: auto;
|
||
-o-hyphens: auto;
|
||
-ms-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
.underline, .subrayado {
|
||
text-decoration: underline black;
|
||
}
|
||
|
||
.auto-width, .anchura-auto {
|
||
display: block;
|
||
width: auto;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
|
||
@media not amzn-mobi, not amzn-kf8 { /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
|
||
.auto-width, .anchura-auto {
|
||
max-width: 100%;
|
||
}
|
||
}
|
||
|
||
/* Links / Enlaces */
|
||
|
||
a, a:link, a:visited {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* Lists / Listas */
|
||
|
||
ol, ul {
|
||
margin: 1em 1em 1em 2.5em;
|
||
padding: 0;
|
||
}
|
||
|
||
ol {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
ul {
|
||
list-style-type: disc;
|
||
}
|
||
|
||
ol ol, ol ul,
|
||
ul ol, ul ul {
|
||
margin: 0 1em;
|
||
}
|
||
|
||
ol p, ul p {
|
||
margin-left: .5em;
|
||
}
|
||
|
||
ul.dash, ul.en-dash, ul.em-dash {
|
||
list-style-type: none;
|
||
}
|
||
|
||
ul.dash > li:before, ul.en-dash > li:before, ul.em-dash > li:before {
|
||
display: block;
|
||
width: 1.5em;
|
||
text-align: right;
|
||
padding: 0 .5em 0 0;
|
||
margin: 0 0 -1.25em -2em;
|
||
}
|
||
|
||
ul.dash > li:before {
|
||
content: "-";
|
||
}
|
||
|
||
ul.en-dash > li:before {
|
||
content: "–";
|
||
}
|
||
|
||
ul.em-dash > li:before {
|
||
content: "—";
|
||
}
|
||
|
||
li.no-count {
|
||
list-style-type: none;
|
||
}
|
||
|
||
li.no-count:before {
|
||
content: none !important;
|
||
}
|
||
|
||
.li-manual {
|
||
list-style-type: none;
|
||
}
|
||
|
||
.li-manual > li > p:first-child > span:first-of-type:not(.versalita) {
|
||
display: block;
|
||
margin-left: -1.5em;
|
||
margin-bottom: -1.25em;
|
||
}
|
||
|
||
li > .li-manual {
|
||
margin: 0 0 0 1.5em;
|
||
}
|
||
|
||
/* Images / Imágenes */
|
||
|
||
img { /* It helps if the source doesn't exist / Ayuda a detectarlos si no existe el recurso */
|
||
color: #0000EE;
|
||
width: 100%;
|
||
}
|
||
|
||
figure {
|
||
margin: 2em auto;
|
||
}
|
||
|
||
figcaption {
|
||
font-family: "Alegreya Regular", Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
||
margin-top: .5em;
|
||
font-size: .9em;
|
||
}
|
||
|
||
figure + figure {
|
||
margin-top: 0;
|
||
}
|
||
|
||
p + img {
|
||
margin-left: -1.5em;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.caption, .leyenda {
|
||
font-size: .9em;
|
||
margin-top: -1.5em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
.caption + img, .leyenda + img {
|
||
margin-top: 0;
|
||
}
|
||
|
||
img + .caption, img + .leyenda {
|
||
margin-top: .5em;
|
||
}
|
||
|
||
.caption + p, .leyenda + p {
|
||
text-indent: 0;
|
||
}
|
||
|
||
p > img {
|
||
display: inline;
|
||
height: 1.5em;
|
||
width: auto;
|
||
}
|
||
|
||
/* Superscript and subscripts / Superíndices y subíndices */
|
||
|
||
sup, sub {
|
||
font-size: .75em;
|
||
vertical-align: super;
|
||
}
|
||
|
||
sub {
|
||
vertical-align: sub;
|
||
}
|
||
|
||
/* Code / Código (inspirados en https://codepen.io/elomatreb/pen/hbgxp)*/
|
||
|
||
code {
|
||
font-family: "Courier New", Courier, monospace;
|
||
background-color: #fff;
|
||
padding: .125em .5em;
|
||
border: 1px solid #ddd;
|
||
border-radius: .25em;
|
||
-moz-hyphens: none;
|
||
-webkit-hyphens: none;
|
||
-o-hyphens: none;
|
||
-ms-hyphens: none;
|
||
hyphens: none;
|
||
}
|
||
|
||
pre {
|
||
width: 90%;
|
||
font-family: "Courier New", Courier, monospace;
|
||
background-color: #fff;
|
||
margin: 2em auto;
|
||
padding: .5em;
|
||
line-height: 1.5;
|
||
border-radius: .25em;
|
||
box-shadow: .1em .1em .5em rgba(0,0,0,.45);
|
||
white-space: unset;
|
||
}
|
||
|
||
pre * {
|
||
color: #555;
|
||
}
|
||
|
||
pre code {
|
||
display: block;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: inherit;
|
||
border: none;
|
||
border-radius: 0;
|
||
}
|
||
|
||
pre code:before {
|
||
width: 1.5em;
|
||
display: inline-block;
|
||
padding: 0 .5em;
|
||
margin-right: .5em;
|
||
color: #888;
|
||
}
|
||
|
||
@media not amzn-mobi, not amzn-kf8 { /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
|
||
pre {
|
||
counter-reset: line;
|
||
overflow: scroll;
|
||
}
|
||
|
||
pre code:before {
|
||
counter-increment: line;
|
||
content: counter(line);
|
||
}
|
||
|
||
pre code {
|
||
white-space: pre;
|
||
}
|
||
}
|
||
|
||
@media amzn-mobi, amzn-kf8 { /* Only for Kindle / Solo para Kindle */
|
||
pre code:before {
|
||
content: "•";
|
||
}
|
||
}
|
||
|
||
/* Glosses / Glosas */
|
||
|
||
section.gloss, body.gloss, section.glosa, body.glosa { /* El estilo ha de ponerse en el contenedor de los párrafos y en el span de la glosa */
|
||
margin-right: 7em;
|
||
}
|
||
|
||
span.gloss, span.glosa {
|
||
width: 6em; /* No son 7 porque se resta uno del margen añadido a continuación */
|
||
margin-right: -8em; /* No son -7 porque se añade 1 de margen */
|
||
float: right;
|
||
text-indent: 0;
|
||
text-align: left;
|
||
font-size: .75em;
|
||
}
|
||
|
||
/* Poetry / Poesía: <p class="poetry">Verse 1<br />verse 2<br />verse 3.</p>*/
|
||
|
||
.poetry, .poesia {
|
||
margin: 1em 1.5em;
|
||
text-indent: 0;
|
||
-moz-hyphens: none;
|
||
-webkit-hyphens: none;
|
||
-o-hyphens: none;
|
||
-ms-hyphens: none;
|
||
hyphens: none;
|
||
}
|
||
|
||
/* Screenwriting / Guiones */
|
||
|
||
.mono,
|
||
section.script *, section.guion * {
|
||
font-family: "Courier New", Courier, monospace;
|
||
}
|
||
|
||
section.script *, section.guion * {
|
||
font-size: 1em;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
font-variant: normal;
|
||
margin: 0;
|
||
padding: 0;
|
||
text-indent: 0;
|
||
text-align: left;
|
||
-moz-hyphens: none !important;
|
||
-webkit-hyphens: none !important;
|
||
-o-hyphens: none !important;
|
||
-ms-hyphens: none !important;
|
||
hyphens: none !important;
|
||
}
|
||
|
||
section.script ol, section.guion ol,
|
||
section.script ul, section.guion ul {
|
||
margin: 1em 2em;
|
||
}
|
||
|
||
section.script h2, section.guion h2,
|
||
section.script h3, section.guion h3,
|
||
section.script blockquote, section.guion blockquote {
|
||
width: 60%;
|
||
margin-left: 3em;
|
||
}
|
||
|
||
section.script h1, section.guion h1 {
|
||
text-transform: uppercase;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
section.script h2, section.guion h2 {
|
||
margin-top: 1em;
|
||
padding-left: 6em;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
section.script h3, section.guion h3 {
|
||
padding-left: 3em;
|
||
}
|
||
|
||
section.script > p, section.guion > p {
|
||
margin-top: 1em;
|
||
}
|
||
|
||
section.script blockquote + blockquote > p,
|
||
section.guion blockquote + blockquote > p {
|
||
text-indent: 1.5em;
|
||
}
|
||
|
||
/* Special contents / Contenidos especiales */
|
||
|
||
.title, .titulo {
|
||
margin-top: 3em;
|
||
margin-left: 0;
|
||
font-size: 2em;
|
||
}
|
||
|
||
.subtitle, .subtitulo {
|
||
margin-top: -1.25em;
|
||
margin-bottom: 3em;
|
||
margin-left: 0;
|
||
}
|
||
|
||
.author, .autor {
|
||
width: 250px; /* Avoids 100% width in author image / Se añade a la imagen del autor para que no abarque el 100% */
|
||
}
|
||
|
||
.contributor + p, .contribuidor + p {
|
||
text-indent: 0;
|
||
}
|
||
|
||
h1 + .contributor, h1 + .contribuidor {
|
||
margin-top: -6em !important;
|
||
margin-bottom: 6em;
|
||
}
|
||
|
||
.copyright, .legal * {
|
||
text-indent: 0;
|
||
}
|
||
|
||
.epigraph, .epigrafe {
|
||
font-size: .9em;
|
||
text-align: right;
|
||
line-height: 1.65em;
|
||
margin-left: 40%;
|
||
}
|
||
|
||
body > .epigraph:first-child, body > .epigrafe:first-child {
|
||
margin-top: 3em;
|
||
}
|
||
|
||
.epigraph + p, .epigrafe + p {
|
||
margin-top: 2em;
|
||
text-indent: 0;
|
||
}
|
||
|
||
.epigraph + .epigraph, .epigrafe + .epigrafe {
|
||
margin-top: .5em;
|
||
}
|
||
|
||
.vertical-space1, .espacio-arriba1 {
|
||
margin-top: 1em !important;
|
||
}
|
||
|
||
.vertical-space2, .espacio-arriba2 {
|
||
margin-top: 2em !important;
|
||
}
|
||
|
||
.vertical-space3, .espacio-arriba3 {
|
||
margin-top: 3em !important;
|
||
}
|
||
|
||
.space, .espacio {
|
||
white-space: pre-wrap;
|
||
}
|
||
|
||
/* Footnotes / Notas al pie */
|
||
|
||
.n-note-sup {
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
|
||
.n-note-hr {
|
||
margin-top: 2em;
|
||
width: 25%;
|
||
margin-left: 0;
|
||
border: 1px solid blue;
|
||
background-color: blue;
|
||
}
|
||
|
||
.n-note-a {
|
||
display: block;
|
||
margin-left: -3em;
|
||
margin-bottom: -1.375em;
|
||
}
|
||
|
||
.n-note-sup:before, .n-note-a:before {
|
||
content: "[";
|
||
color: #0000EE;
|
||
}
|
||
|
||
.n-note-sup:after, .n-note-a:after {
|
||
content: "]";
|
||
color: #0000EE;
|
||
}
|
||
|
||
.n-note-p, .n-note-p2 {
|
||
margin-left: 3em;
|
||
font-size: .9em;
|
||
text-indent: 0;
|
||
}
|
||
|
||
* + .n-note-p {
|
||
margin-top: 1em;
|
||
text-indent: 0;
|
||
}
|
||
|
||
.n-note-p2 {
|
||
margin-top: 0;
|
||
text-indent: 1.5em;
|
||
}
|
||
|
||
/* Indexes / Índices analíticos */
|
||
|
||
.i-item-section p {
|
||
margin-top: .5em !important;
|
||
}
|
||
|
||
.i-item-div > h2:first-child, .i-item-div-single > h2:first-child {
|
||
margin-top: 0;
|
||
}
|
||
|
||
@media screen and (min-width:768px) {
|
||
@media not amzn-mobi, not-amzn-kf8 { /* For any device except Kindle / Para cualquier dispositivo excepto Kindle */
|
||
.i-item-div {
|
||
column-count: 2;
|
||
column-gap: 2em;
|
||
column-rule: solid 1px lightgray;
|
||
}
|
||
}
|
||
}
|
||
|
||
.i-item-a:before {
|
||
content: "[";
|
||
color: #0000EE;
|
||
}
|
||
|
||
.i-item-a:after {
|
||
content: "]";
|
||
color: #0000EE;
|
||
}
|
||
|
||
/* For print / Para impresión */
|
||
|
||
@media print {
|
||
section {
|
||
page-break-before: always;
|
||
}
|
||
|
||
section:first-of-type {
|
||
page-break-before: avoid;
|
||
}
|
||
|
||
section > h1:first-child {
|
||
padding-top: 5em !important;
|
||
}
|
||
}
|
||
|
||
/* Styles for this edition / Estilos de esta edición */
|
||
|
||
body {max-width: 410px; margin: 50px;}
|
||
header > h2.subtitulo {margin-bottom: 0;}
|
||
header > h3 {margin: 0 0 50px 0;}
|
||
footer {margin-top: 50px; font-size: 0.75em;}
|
||
h1.titulo {margin-top: 0}
|
||
code {background: inherit; padding: 0; border: none; color: #424242}
|