/*Pasos a hacer para pasar de InDesgin a HTML ESTA REVISTA ES SIMILAR A ERIPS Y TINE MUCHOS LISTADOS DE NÚMEROS, LETRAS Y GUIONES Y A SU VEZ MUCHOS NIVELES, ¡¡¡¡CUIDADO!!! Antes de exportar a html meter las variables que salen en el lateral delante de aceptado/recibido, así tenemos solucionado el tema de esas líneas. Antes de exportar convertir las variables a texto para que en html no se pierdan -- Eliminamos la línea al CSS de indesign, eso lo he hecho a mano. -- Sacamos la css de IUSs, 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 Buscamos Remplazmos por, así metemos la css propias de la revista así conseguiremos que todos los ficheros "tirén" de la css común que está en en una carpeta que los ficheros html -- En el body le ponemos el idioma, lang="es-ES" para que así corten palabras -- Eliminamos todas los href: absolutos y los ponemos relativos, o sea, se buscan cadenas tipo IUS...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 lAa notas pasan de href absolutos a relativos. ESTO HAY QUE TENER CUIDADO. PRIMERO HACEMOS ESTA BÚSQUEDA REMPLAZO EN LAS LLAMADAS A LAS NOTAS EN EL TEXTO que lo que conseguimos es las llamadas a las notas salgan entre corchetes y con fondito y todo llamadas relativas, además creamos en la CSS .notas buscamos \[ (\d{1,3}) \] convertimos en [$3 ] eso para las llamadas, para el número de la notas buscamos

\[(\d{1,3})\] convertimos en

[ $3 ] -- 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

Notas^

y lo cambiamos por

Notas^

Para los logos del ORCID como tiene la class _idGenObjectAttribute-1", hacemos una búsqueda, hay que tener cuidado, hay que hacerla una a una por si acaso. _idGenObjectAttribute-1" remplazamos por logo_ORCID" */ body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin: 0; padding: 0; border-width: 0; } div.notas { margin-top: 3rem; padding: 0.5em; } /*para que se vea "centrado" en la pantalla*/ body { width: 90%; max-width: 1200px; margin: 3em auto; background-color: white; } div.Marco-de-texto-b-sico { border-style: solid; } /*Para el logo de la cabecera*/ img.logo { height: 8em; display: block; margin: 0 auto 2em; } /*tablas*/ /*para que las tablas tengan overflow*/ div.tabla { overflow-x: auto; margin-top: 2rem; } div.tabla + p { margin-top: 2.5rem; } /*Tablas generales van sin borde y con márgenes superior e inferior de 2rem*/ table.IUS, table.Resumen { border-collapse: collapse; border: 0 none #000000; margin: auto; width: 100%; } /*Las celdas normales van con borde un 1px y en marrón y con un padding de 0.5 rem*/ td { padding: 0.5rem; vertical-align: top; border: 1px solid #651701; } td.sombreada { background-color: #d2c3c0; vertical-align: middle; } td.vacia { border-width: 0; } td.Tit_resumen, td.Resumen, td.Tit_resumen_drch, td.Resumen_drch, td.Resumen_centro { margin-top: 1em; border: none; border-bottom: 1px solid #651701; } td.Resumen_centro, td.Resumen, td.Resumen_drch { border-bottom-width: 0; } td.Resumen_centro { width: 5%; } td.Tit_resumen, td.Resumen { width: 75%; } td.Tit_resumen_drch, td.Resumen_drch { width: 20%; } /*títulos tablas y párrafos de tablas*/ p.table_title { font-family: "Minion Pro SemiBold", serif; font-size: 1.1em; font-weight: bold; margin: 0 auto 1em; text-align: center; text-align-last: center; text-indent: 0; } p.tabla, p.tabla_centro, p.tabla_dere { font-size: 0.9rem; text-indent: 0; } p.tabla { text-align: left; text-align-last: left; } p.tabla_centro { text-align: center; text-align-last: center; } p.tabla_dere { text-align: right; text-align-last: right; } /*títulos*/ h1.title, h1.lautios, h2.subtitle { hyphens: none; color: #651701; font-family: "Minion Pro SemiBold", serif; font-size: 2em; font-style: normal; font-variant: normal; font-weight: 600; line-height: 1.4; margin: 0.5em 0 0; 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: #B28B80; } h2.subtitle { color: #333333; font-family: "Myriad Pro Regular", sans-serif; font-size: 1.5em; font-weight: 400; margin: 1em auto 2em; text-transform: uppercase; } /*encabezados*/ h3.nivel01, h3.nivel02, h3.nivel03, h3.nivel04 { color: #651701; font-family: "Minion Pro", 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 versalitas*/ h3.nivel01 { font-size: 1.3em; font-weight: 600; font-variant: small-caps; } /*nivel 02 es negrita y sin las mayúsculas*/ h3.nivel02 { font-weight: 600; text-transform: none; } /*la diferencia entre el nivel 02 y 03 es la cursiva*/ h3.nivel03 { /* font-style: italic; */ font-weight: 500; } h3.nivel04 { font-style: normal; font-weight: normal; } h3.nivel01+h3.nivel02, h3.nivel02+h3.nivel03, h3.nivel03+h3.nivel04 { margin-top: 0; } h3+p { text-indent: 0; } /*párrafos*/ p, li { hyphens: auto; color: #000000; font-family: "Myriad Pro Regular", 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: #651701; font-family: "Minion Pro", serif; font-size: 1.2em; font-weight: bold; margin-top: 1em; text-align: center; text-align-last: center; text-indent: 0; } p.procedencia { color: #575756; text-align: center; text-align-last: center; text-indent: 0; } div.recibido, div.recibido_recesion { background-color: #d2c3c0; margin: 2em 0; padding: 0.5em; } p.recibido, p.recibido_recesion { color: #651701; font-family: "Myriad Pro", sans-serif; text-align: right; text-align-last: right; text-indent: 0; margin: 0; } p.keywords { text-align: left; text-indent: 0; } p.resum_tit { font-family: "Minion Pro", serif; font-size: 1.2em; font-weight: bold; text-align-last: left; text-indent: 0; } p.resumen { text-indent: 0; } p.resumen + p.resumen { text-indent: 1.75rem; } p.bsc_CE_centrado { margin-top: 1.5em; text-align: center; text-align-last: center; } p.bibliog, p.bibliog { margin-left: 1.75em; text-indent: -1.75em; } /*para las notas con listas y sangrías CS*/ p.nota_pie, p.nota_pie_1san, p.nota_pie_2san, p.nota_pie_CS { font-size: 0.9rem; text-indent: 0; } p.nota_pie_1san { margin-left: 3.4rem; text-indent: -1.3rem; } p.nota_pie_2san { margin-left: 4.4rem; text-indent: -1.3rem; } p.nota_pie_CS { text-indent: 1.75rem; } p.nota_pie+p.nota_pie { text-indent: 1.5em; } p.fuente_tabla { margin-top: 0.2em; font-size: 0.8rem; text-indent: 0; text-align: center; text-align-last: center; } /* Listas */ ul, ol { margin-left: 0.5rem; margin-bottom: 1.5rem; } li{ padding-left: 1em; padding-left: 1em; text-indent:0rem; margin-top: 0em; } ul.disc { list-style-type: disc; } ul.circle{ list-style-type: circle; } ul.square{ list-style-type: square; } /*si tenemos que añadir algun chirimbolito que no tengamos tenemos que meterlo aquí y copiar los atributos de las que ya tenemos*/ ul.guion > li, ul.flecha> li { list-style: none; position: relative; } ul.guion > li:before { content: "— "; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ul.flecha > li:before { content: "➢ "; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ul.nada, ol.nada { list-style-type: none; } /*Listas ordenadas*/ ol.roman{ list-style-type: lower-roman; } ol.ROMAN{ list-style-type: upper-roman; } ol.minus{ list-style-type: lower-latin; } ol.mayus{ list-style-type: upper-latin; } ol.ord > li, ol.parent > li, ol.ordparent > li, ol.minus_p > li, ol.mayusc_p > li, ol.romanos_p > li, ol.ROMAN_p > li { list-style: none; position: relative; } ol.ord > li:before { content: counter(list) "º "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.parent > li:before { content: counter(list) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.ordparent > li:before { content: counter(list) "º) "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.minus_p > li:before { content: counter(list, lower-latin) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.mayusc_p > li:before { content: counter(list, upper-latin) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.romanos_p > li:before { content: counter(list, lower-roman) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } ol.ROMAN_p > li:before { content: counter(list, upper-roman) ") "; counter-increment: list; left: -20px; padding-right: 10px; position: absolute; text-align: right; width: 30px; } /*necesario para que se reinicien los números de las que tienen paréntesis*/ ol.ord, ol.parent, ol.ordparent, ol.minus_p, ol.mayusc_p, ol.romanos_p, ol.ROMAN_p { counter-reset: list; } /*para cuando sean citas*/ ol.cita { margin: 1.5em 1.75em 0; margin-left: 3.5em; text-indent: -0.15em; font-size: 0.95rem; } ul.cita { margin: 1.5em 1.75em 0; margin-left: 3.5em; text-indent: -0.15em; font-size: 0.95rem; } /*para notas al pie*/ ol.notas, ul.notas { font-size: 0.9rem; text-indent: 0; color:#000000; } /*para hacer que no se separen del anterior y el
  • para el siguiente*/ ol.nosep, ul.nosep, li.nosep { margin-top: 0; margin-bottom: 0em; } /* Para poner una lista dentro de otra tenemos que meterla dentro del
  • de cierre. Es conveniente añadir la clas "D" a la nueva lista interior porque así estará menos sangrada. Si queremos que se separe del siguiente elemento de la lista le pondremos al ultimo <*li> la clase "esp"*/ li.esp{ margin-bottom: 1em; } /*para más sangría*/ ol.D, ul.D { margin-left: 3em; } /*para menos sangría*/ ol.F, ul.F { margin-left: 0.5em; } /* Lo tenemos para que se separe del siguiente párrafo */ ol + p, ul + p { margin-top: 1.5em; } p.lista_gui, p.lista_let, p.lista_num { margin: 1.5em 0 0 3.4em; text-indent: -1.65em; } p.lista_let, p.lista_gui { text-indent: -1.3em; } p.lista_num+p.lista_num, p.lista_let+p.lista_let, p.lista_gui+p.lista_gui, p.lista_dentro+p.lista_num, p.lista_dentro+p.lista_let { margin-top: 0; } p.lista_gui_2, p.lista_let_2, p.lista_num_2 { margin: 0 0 0 5.4em; text-indent: -1.65em; } /*párrafos siguientes a los números/letras/guiones sin números/letras/guiones*/ p.lista_dentro { margin: 0 0 0 3.4em; text-indent: 1.75em; } /*párrafos de citas dentro de una lista*/ p.cita_lista_dentro { margin: 1.5em 1.75em 0 5.15em; text-indent: 1.75em; font-size: 0.95rem; } p.cita_lista_dentro+p.cita_lista_dentro { margin: 0 1.75em 0 5.15em; } p.cita_lista_dentro+p.lista_dentro { margin-top: 1.5em; } /*párrafos de cita, listas dentro de citas y nivel dos de listas dentro de citas*/ p.cita, p.cita_ss { font-size:0.95rem; margin:2rem; margin-bottom: 0em; } p.cita + p.cita, p.cita_ss + p.cita { margin-top: 0em; } p.cita + p:not(.cita) { margin-top: 2rem; } /*párrafos de dedicatorias y firmas de dedicatoria*/ p.dedicatoria, p.dedicatoria_firma { text-indent: 1.75em; font-size: 0.95rem; margin-left: 50%; margin-top: 2em; text-align: right; text-align-last: right; text-decoration: none; text-indent: 2em; text-transform: none; widows: 2; } p.dedicatoria+p.dedicatoria_firma { margin-top: 0em; } p.fig { color: #000000; font-size: 1em; font-weight: normal; margin: 0.5em auto 2em; text-align: center; text-align-last: center; text-indent: 0; } span.redonda { font-style: normal; font-weight: normal; } span.mayusculas_italic { font-style: italic; font-variant: normal; font-weight: normal; text-transform: uppercase; } span.oculto { font-size: 0px; } span.super { vertical-align: super; font-size: 11px; } span.sub { vertical-align:sub ; font-size: 11px; } /*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: #d2c3c0; color: #651701; } div.notas{ margin-top: 0.75em; } /*para notas al pie*/ ol.notas { font-size: 0.9rem; text-indent: 0; } ul.notas { font-size: 0.9rem; text-indent: 0; } /*para los espacios en blanco salgan pequeños*/ span.pequeno { font-size: 0.5rem; } img.logo_ORCID { height: 20px; vertical-align: text-bottom; } .ss{ text-indent: 0em; } /*Para los enlaces*/ a { color: #651701; } 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 only screen and (min-width: 800px) and (max-width: 1200px) { img._100 { width: 70vw; } img._75 { width: 60vw; } img._50 { width: 50vw; } } @media only screen and (max-width: 799px) { img._100 { width: 95%; } img._75 { width: 90%; } img._50 { width: 85%; } }