/*Pasos a hacer para pasar de InDesgin a HTML -- Eliminamos la línea al CSS de indesign, eso lo he hecho a mano. -- Sacamos la css de Erips, este fichero a una carpeta que se llama css y que está en el mismo directorio que los ficheros html. -- A continuación mediante búsqueda remplazo pasamos de la css de cada artículo y que lleva el nombre del artículo a un valor genérico pasa a así conseguiremos que todos los ficheros "tirén" de la css común que está en en una carpeta que los ficheros html -- Eliminamos todas los href: absolutos y los ponemos relativos, o sea, se buscan cadenas tipo E-RIPS_vol_5_n_1_12_jose_manuel_santos_jaen_v1.html y se eliminan, o sea, desde a continuación de la primera " del href, hasta antes del #, de esa forma las tablas de contenido y lsa notas pasan de href absolutos a relativos. -- hacemos ahora que tanto las llamadas como las vueltas a las notas salgan entre corchetes, además creamos en la CSS .notas buscamos href="#footnote-(\d{3})">(\d{1,2}) convertimos en href="#footnote-$1">[ $2 ] eso para las llamadas, para el número de la notas buscamos href="#footnote-(\d{3})-backlink">(\d{1,3}) convertimos en href="#footnote-$1-backlink">[ $2 ] -- Pasamos el span que tienen las llamadas a y dentro de las notas pasamos de a class="_idFootnoteAnchor _idGenColorInherit" a a class="notas" -- Añadimos el identificador id="sumario" a la palabra sumario, para así poder volver desde cualquier epígrafe al comienzo del sumario, debe quedar algo así

Sumario

-- Añadimos la vuelta desde cada uno de los epígrafes a la palabra sumario, para ello buscamos el final de la etiqueta y le añadimos ^ -- Para los orcid buscamos un patrón (\d{4}-\d{4}-\d{4}-\d{4}) (con un espacio delante) y sustituimos por $1 -- Para poner las notas con fondo lo que hacemos es que buscamos al final del documento
y lo cambiamos por

Notas^

*/ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin:0; padding:0; border-width:0; } div.notas{ padding:0.5em; } /*metemos un padding inferior para que no llegue hasta el final de la página*/ body { -epub-hyphens:auto; padding-bottom: 2em; } /*para que se vea "centrado" en la pantalla*/ body { width: 90%; max-width: 1200px; margin: 0 auto; background-color: white; } div.Marco-de-texto-b-sico { border-style:solid; } /*tablas*/ table.Tabla-b-sica, table.tabla_e-rips { border-collapse: collapse; border-color: #000000; border-style: none; border-width: 0px; margin: 1em auto 2em; } td.Tabla-b-sica, td.tabla_e-rips { border-width:1px; border-style:solid; border-color:#000000; padding:0.5em; vertical-align:top; } td.CELDA-CUERPO { border-bottom-width:1px; border-left-width:0px; border-top-width:1px; vertical-align:middle; } td.Celda_bsc { border-color:#4c93b8; border-style:solid; border-width:1px; padding:0.5em; vertical-align:top; } td.Celda_cabec { background-color:#bfd8e6; border-color:#333333; border-style:solid; border-width:1px; padding:0.5em; vertical-align:top; } td.Celda_vacia { border-width:0; border-style:solid; border-color:#000000; } /*celdas de la tabla de resúmenes, sin bordes, excepto las que pone cabecera que llevan el filete de abajo*/ td.columna_der, td.columna_izq, td.columna_der_cabecera, td.columna_izq_cabecera, td.columna_central { border-width:0px; padding:6px; vertical-align:top; } td.columna_der_cabecera, td.columna_izq_cabecera { border-bottom-color:#006599; border-bottom-width:1px; border-bottom-style:solid; vertical-align:top; } /*títulos tablas*/ p.table_title{ font-family:"Cormorant Garamond", serif; font-size:1.2em; font-weight:bold; margin: 2em auto 1em; text-align:center; text-align-last:center; text-indent:0; } /*títulos*/ h1.title, h1.lautios, h2.subtitle { -epub-hyphens:none; color:#006599; font-family:"Cormorant Garamond SemiBold", serif; font-size:2em; font-style:normal; font-variant:normal; font-weight:600; line-height:1.4; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0.5em; orphans:2; page-break-after:auto; page-break-before:auto; text-align:center; text-decoration:none; text-indent:0; text-transform:none; widows:2; } h1.lautios { background-color:#d9e8f0; color:#006599; } h2.subtitle { color:#333333; font-family:"Open Sans Semibold", sans-serif; font-size:1.5em; margin-top:1em; } /*encabezados*/ h3.nivel01, h3.nivel02, h3.nivel03, h3.nivel04, h3.nivel02_SE, h3.nivel03_SE, h3.nivel04_SE { -epub-hyphens:none; color:#006599; font-family:"Cormorant Garamond", serif; font-size:1.2em; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; margin:2em 0 1em; orphans:2; page-break-after:auto; page-break-before:auto; text-align:left; text-decoration:none; text-indent:0; text-transform:none; widows:2; } /*nivel 01 es negrita y mayúsculas*/ h3.nivel01, h3.nivel02 { font-weight:600; text-transform:uppercase; } /*nivel 02 es negrita y sin las mayúsculas*/ h3.nivel02, h3.nivel02_SE { font-weight:600; text-transform:none; } /*la diferencia entre el nivel 02 y 03 es la cursiva*/ h3.nivel03, h3.nivel03_SE { font-style:italic; font-weight:500; } h3.nivel04, h3.nivel04_SE { font-style:normal; font-weight:normal; } h3.nivel02_SE, h3.nivel03_SE, h3.nivel04_SE { margin-top:0; } /*párrafos*/ p, p.bsc { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; margin:0; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:1.75em; text-transform:none; widows:2; } p.autor { color:#006599; font-family:"Cormorant Garamond", serif; font-size:1.2em; font-weight:bold; margin-top:1em; text-align:center; text-align-last:center; text-indent:0; } p.procedencia { text-align:center; text-align-last:center; text-indent:0; } p.recibido, p.recibido_recesion { background-color:#d9e8f0; color:#006599; font-family:"Open Sans", sans-serif; margin:2em 0; padding:0.2em; text-align:right; text-align-last:right; text-indent:0; } p.keywords { text-align:left; text-indent:0; } p.resum_tit { font-family:"Cormorant Garamond", serif; font-size:1.2em; font-weight:bold; text-align-last:left; text-indent:0; } p.ss, p.resumen_E, p.resumen_I { text-indent:0; } p.bsc_CE { margin-top:1.5em; } p.bibliog { margin-left:1.75em; text-indent:-1.75em; } p.nota_pie { font-size:0.9em; text-indent:0; } p.fuente_tabla { margin-top:0.2em; font-size:0.8em; text-indent:0; } p.lista_gui, p.list_gui_sgtes, p.list_punto_sgtes { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; list-style-position:outside; margin-bottom:0; margin-left:4em; margin-right:0; margin-top:1.5em; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:-1.4em; text-transform:none; widows:2; } p.list_gui_sgtes { margin-top:0; } p.list_punto_sgtes { margin-left:6em; margin-top:0; } p.lista_seg, p.lista_seg_2 { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; margin-bottom:0; margin-left:45px; margin-right:0; margin-top:0; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:0; text-transform:none; widows:2; } /*Sería para párrafos con guiones sin guiones*/ p.lista_seg_2 { margin-left:65px; text-indent:20px; } p.list_let { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; list-style-position:outside; list-style-type:lower-alpha; margin-bottom:0; margin-left:3.5em; margin-right:0; margin-top:21px; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:-1.5em; text-transform:none; widows:2; } p.list_let_SegNivel { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; list-style-position:outside; list-style-type:lower-alpha; margin-bottom:0; margin-left:65px; margin-right:0; margin-top:0; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:-23px; text-transform:none; widows:2; } p.list_let_sgtes { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; list-style-position:outside; list-style-type:lower-alpha; margin-bottom:0; margin-left:43px; margin-right:0; margin-top:0; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:-23px; text-transform:none; widows:2; } p.list_let { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; list-style-position:outside; list-style-type:decimal; margin-bottom:0; margin-left:43px; margin-right:0; margin-top:21px; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:-23px; text-transform:none; widows:2; } p.citar_articulo_ss_B, p.citar_articulo_sang_1 { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; margin:0 2em; orphans:2; page-break-after:auto; page-break-before:auto; text-align:justify; text-align-last:left; text-decoration:none; text-indent:0; text-transform:none; widows:2; } p.citar_articulo_sang_1 { margin-top:2em; } p.zz-doicp { color:#006599; font-family:"Times New Roman", serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; orphans:1; page-break-after:auto; page-break-before:auto; text-align:left; text-decoration:none; text-indent:0; text-transform:none; widows:1; } p.fig { color:#000000; font-family:"Cormorant Garamond SemiBold", serif; font-size:0.9em; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; margin:0.5em auto 2em; orphans:2; page-break-after:auto; page-break-before:auto; text-align:center; text-align-last:center; text-decoration:none; text-indent:0; text-transform:none; widows:2; } /* párrafos para el sumario*/ p.summ, p.summ02, p.summ03, p.summ04 { color:#000000; font-family:"Open Sans Light", sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:300; line-height:1.4; margin:0; orphans:2; page-break-after:auto; page-break-before:auto; text-align:left; text-align-last:left; text-decoration:none; text-transform:uppercase; widows:2; text-indent:0em; } p.summ02 { margin-left:2em; text-indent:-1em; text-transform:none; } p.summ03 { margin-left:3em; text-indent:-1em; text-transform:none; } p.summ04 { margin-left:4em; text-indent:-1em; text-transform:none; } p.pie_primero { color:#006599; font-family:"Cormorant Garamond", serif; font-size:14px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4; margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; orphans:1; page-break-after:auto; page-break-before:auto; text-align:left; text-decoration:none; text-indent:0; text-transform:none; widows:1; } span.C_APLICADOS_Bold { font-style:normal; font-weight:bold; } span.light_italic { /* color:#b10061; */ font-style:italic; font-weight:normal; } span.mayusc_semib_italic { font-style:italic; font-variant:normal; font-weight:bold; text-transform:uppercase; } span.mayúsculas_italic { font-style:italic; font-variant:normal; font-weight:normal; text-transform:uppercase; } span.oculto { font-size:0px; } span._idGenBNMarker-1 { display:inline-block; font-family:"Open Sans Light", sans-serif; font-style:normal; font-weight:300; text-indent:0; width:23px; } span._idGenBNMarker-2 { display:inline-block; text-indent:0; width:23px; } /*para las notas, llamadas y vueltas, fondeamos el numero para ello pasamos el span de la llamadas a span class="notas", y la vuelta en el */ .notas{ /* display:inline-block; */ background-color:#d9e8f0; color:#006599; } td. { border-top-color:#006599; border-top-style:solid; border-top-width:1px; } td. { border-bottom-color:#006599; border-bottom-style:solid; border-bottom-width:0px; border-top-color:#006599; border-top-style:solid; border-top-width:1px; } /* ancho de las columnas de las tablas */ col._idGenTableRowColumn-1 { width:65%; } col._idGenTableRowColumn-2 { width:5%; } col._idGenTableRowColumn-3 { width:30%; } /* tr._idGenTableRowColumn-4 { */ /* min-height:24px; */ /* } */ /* tr._idGenTableRowColumn-5 { */ /* min-height:165px; */ /* } */ /* tr._idGenTableRowColumn-6 { */ /* min-height:149px; */ /* } */ img._idGenObjectAttribute-1 { height:13px; width:11px; } /*Para los enlaces*/ a { color: #006599; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } /* para las imágenes, lo de inline es para que el ORCID quede bien, y lo de abajo es para que las fotos se centren*/ img { display: inline; margin: auto; } img._100, img._50, img._75 { display: block; margin: 1em auto; } @media screen and (min-width: 1920px) { img._100 { width: 55vw; } img._75 { width: 45vw; } img._50 { width: 35vw; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { img._100 { width: 65vw; } img._75 { width: 55vw; } img._50 { width: 45vw; } } @media only screen and (min-width: 640px) and (max-width: 1279px) { img._100 { width: 85vw; } img._75 { width: 75vw; } img._50 { width: 55vw; } } @media only screen and (max-width: 639px) { img._100 { width: 100vw; } img._75 { width: 75vw; } img._50 { width: 50vw; } }