Elaboración de sitio
This commit is contained in:
Nika Zhenya
parent
34049deac1
commit
ddc55806fd
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<title>El creado y lo creado | Maestría en Filosofía</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="application-name" content="El creador y lo creado">
|
||||
<meta name="description" content="Repositorio de la tesis de Maestría en Filosofía llevaba a cabo por un perro.">
|
||||
<meta name="keywords" content="nika,zhenya,epub,ebook,publishing,libros,markdown,html,xhtml,mobi,perro,tuerto,propiedad,intelectual,bienes,comunes,tesis,maestria">
|
||||
<link type="text/css" rel="stylesheet" href="recursos/css/styles.css">
|
||||
<!-- <link rel="shortcut icon" href="favicon.ico"> -->
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1 class="titulo">El creador y lo creado</h1>
|
||||
<h2 class="subtitulo">La propiedad intelectual como supuesto en la creación cultural y filosófica</h2>
|
||||
<h3>Maestría en Filosofía</h3>
|
||||
</header>
|
||||
<section>
|
||||
<p class="frances">Tesis en liberación continua: <a href="tesis/md/todo.md"><span class="versalita">MD</span></a>.</p>
|
||||
<p class="frances">Repositorios: <a href="https://gitlab.com/NikaZhenya/maestria-investigacion" target="_blank">GitLab</a>, <a href="https://github.com/NikaZhenya/maestria-investigacion" target="_blank">GitHub</a> o <a href="https://git.cliteratu.re" target="_blank">CLIterature</a>.</p>
|
||||
<p class="frances">Protocolo de investigación: <a href="protocolo/tex/latex.pdf" target="_blank"><span class="versalita">PDF</span></a>, <a href="protocolo/html/protocolo.html" target="_blank"><span class="versalita">HTML</span></a> o <a href="protocolo/md/protocolo.md" target="_blank"><span class="versalita">MD</span></a>.</p>
|
||||
<p class="frances">Bibliografía: <a href="bibliografia/bibliografia.bib" target="_blank"><span class="versalita">BIB</span></a> o <a href="bibliografia/bibliografia.html" target="_blank"><span class="versalita">HTML</span></a>, y <a href="bibliografia/recursos" target="_blank">recursos</a>.</p>
|
||||
<p class="frances">Avances 1: <a href="administrativo/avances-1/avances-1.pdf" target="_blank"><span class="versalita">PDF</span></a>, <a href="administrativo/avances-1/avances-1.docx" target="_blank"><span class="versalita">DOCX</span></a> o <a href="administrativo/avances-1/avances-1.tex" target="_blank"><span class="versalita">TEX</span></a>.</p>
|
||||
<p class="frances">Notas: <a href="notas/notas1/notas1.pdf" target="_blank">1</a>, <a href="notas/notas2/notas2.pdf" target="_blank">2</a>, <a href="notas/notas3/notas3.pdf" target="_blank">3</a> y <a href="notas/notas4/notas4.pdf" target="_blank">4</a>.</p>
|
||||
</section>
|
||||
<footer>
|
||||
<p class="izquierda sin-separacion">Este sitio y todo lo usado y producido en esta investigación están bajo Licencia Editorial Abierta y Libre (<span class="versalita">LEAL</span>). Con <span class="versalita">LEAL</span> eres libre de usar, copiar, reeditar, modificar, distribuir o comercializar bajo las condiciones indicadas <a href="https://gitlab.com/NikaZhenya/licencia-editorial-abierta-y-libre" target="_blank">aquí</a>.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>Título</title>
|
||||
<title>El creador y lo creado | Protocolo</title>
|
||||
</head>
|
||||
<body>
|
||||
<style>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;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}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;}body{margin:5em;}section+section{margin-top:10em;}h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",serif;margin-bottom:1em;text-align:left;-moz-hyphens:none;-webkit-hyphens:none;-o-hyphens:none;-ms-hyphens:none;hyphens:none;}*+h1{margin-top:5em;}*+h2,h3,h4,h5,h6{margin-top:1em;}h1{margin-top:3em;font-size:2em;}h2{margin-top:2em;font-size:1.5em;}h3{font-size:1.25em;}h4{font-style:italic;font-weight:bold;}h5{font-weight:bold;}h6{font-style:italic;}h1+p{margin-top:4em;}p,blockquote,li{font-family:Georgia,"Times New Roman",serif;font-size:1em;text-align:justify;line-height:1.25em;-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;}.justificado{text-align:justify;}.derecha{text-indent:0;text-align:right;}.izquierda{text-align:left;}.centrado{text-indent:0;text-align:center;}.frances{margin-left:1.5em;text-indent:-1.5em;text-align:left;}*+.frances{margin-top:1em;}h1+.frances{margin-top:10em;}.frances+.frances{margin-top:0.5em;text-indent:-1.5em;}.sangria{text-indent:1.5em;}.sin-sangria{text-indent:0;}.sin-separacion{-moz-hyphens:none;-webkit-hyphens:none;-o-hyphens:none;-ms-hyphens:none;hyphens:none;}.invisible{visibility:hidden;}.oculto{display:none;}i,em{font-style:italic;}b,strong{font-weight:bold;}.capitular{font-size:2em;padding-right:1px;}.versal{text-transform:uppercase;}@media not amzn-mobi{.versalita{font-variant:small-caps;-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}}@media amzn-mobi{.versalita{text-transform:uppercase;font-size:.8em;-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}}a,a:link,a:visited{text-decoration:none;color:gray;}ol,ul{margin:1em 0 1em 1.5em;padding:0;}ol{list-style-type:decimal;}ul{list-style-type:disc;}.li-manual{list-style-type:none;}.li-manual>li>p:first-child>span:first-of-type{display:block;margin-left:-1.5em;margin-bottom:-1.25em;}img{color:gray;}sup,sub{font-size:.75em;vertical-align:super;}sub{vertical-align:sub;}.forro{display:block;margin:auto;height:100vh;}.titulo{margin-top:3em;margin-left:0;font-size:3em;}.subtitulo{margin-top:-1.5em;margin-bottom:3em;margin-left:0;}.legal{font-size:1em;text-align:left;line-height:1.25em;margin:0;}.legal+.legal{text-indent:0;}.epigrafe{font-size:.9em;text-align:right;line-height:1.25em;margin-left:40%;}body>.epigrafe:first-child{margin-top:3em;}.epigrafe+p{margin-top:2em;text-indent:0;}.epigrafe+.epigrafe{margin-top:.5em;}.espacio-arriba1{margin-top:1em;}.espacio-arriba2{margin-top:2em;}.espacio-arriba3{margin-top:3em;}.n-note-sup{font-style:normal;font-weight:normal;}.n-note-hr{margin-top:2em;width:25%;margin-left:0;border:1px solid gray;}.n-note-a{display:block;margin-left:-3em;margin-bottom:-1.25em;}.n-note-p,.n-note-p2{margin-left:3em;font-size:.9em;text-indent:0;}*+.n-note-p{margin-top:1em;text-indent:0;}span.n-note-p{display:block;margin-top:0;margin-left:0;text-indent:1.5em;font-size:1em;}.n-note-p2{margin-top:0;text-indent:1.5em;}</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,820 @@
|
|||
/**************************************************/
|
||||
/******************* 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);
|
||||
}
|
||||
|
||||
/* Body / Cuerpo */
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
body {
|
||||
margin: 5em;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: -5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
body {
|
||||
margin: 4em;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: -4em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
body {
|
||||
margin: 3em;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: -3em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
body {
|
||||
margin: 2em;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: -2em;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
body {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: -1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media amzn-mobi, amzn-kf8 { /* For Kindle because it generates a lot of margin / Para Kindle porque genera mucho margen */
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.no-margin, .sin-margen {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sections / Secciones */
|
||||
|
||||
section + section {
|
||||
margin-top: 10em;
|
||||
}
|
||||
|
||||
/* 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}
|
||||
header > h2.subtitulo {margin-bottom: 0;}
|
||||
header > h3 {margin: 0 0 50px 0;}
|
||||
footer {margin-top: 50px; font-size: 0.75em;}
|
||||
Loading…
Reference in New Issue