Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
<link href="https://fonts.googleapis.com/css2?family=Newsreader:wght@400;700&family=Libre+Baskerville:wght@400;700&family=EB+Garamond:wght@400;700&family=Ysabeau+Infant:wght@400;700&family=Crimson+Pro:wght@400;700&display=swap" rel="stylesheet">
/* --- Estilo General del Artículo --- */
body {
font-family: 'Newsreader', serif !important; /* Forzar la fuente para el cuerpo */
background-color: #18181e !important; /* Fondo oscuro */
color: #ffffff !important; /* Texto blanco */
line-height: 1.8 !important;
margin: 0 !important;
padding: 0 !important;
}
/* --- Estilo General para el Texto Principal --- */
.mw-parser-output {
font-family: 'Newsreader', serif !important; /* Fuente principal para el texto */
color: #ffffff !important; /* Texto blanco */
font-size: 1rem !important; /* Tamaño del texto */
line-height: 1.8 !important; /* Espaciado entre líneas */
}
/* --- Ajustes Específicos para Párrafos --- */
.mw-parser-output p {
margin-bottom: 15px !important; /* Espaciado entre párrafos */
}
/* --- Ajustes Específicos para Listas --- */
.mw-parser-output ul,
.mw-parser-output ol {
font-family: 'Newsreader', serif !important; /* Asegura consistencia en las listas */
color: #ffffff !important; /* Color blanco */
margin-left: 20px !important; /* Margen izquierdo */
line-height: 1.8 !important; /* Espaciado cómodo */
}
/* --- Título Principal del Artículo --- */
#content h1.firstHeading {
font-family: 'Libre Baskerville', serif !important; /* Fuente personalizada */
font-size: 2.8rem !important; /* Tamaño del título */
font-weight: bold !important; /* Estilo en negrita */
color: #ffffff !important; /* Color blanco */
text-align: center !important; /* Centrar el título */
margin-top: 20px !important; /* Espaciado superior */
margin-bottom: 20px !important; /* Espaciado inferior */
border-bottom: 2px solid #ffffff !important; /* Línea decorativa debajo del título */
padding-bottom: 10px !important; /* Espaciado entre texto y línea decorativa */
}
/* --- Encabezados Secundarios --- */
.mw-parser-output h2 {
font-family: 'EB Garamond', serif !important;
font-size: 2rem !important;
font-weight: bold !important;
color: #ffffff !important;
margin-top: 20px !important;
}
.mw-parser-output h3 {
font-family: 'Ysabeau Infant', serif !important;
font-size: 1.6rem !important;
font-weight: bold !important;
color: #ffffff !important;
margin-top: 20px !important;
}
/* --- Letra Capital al Inicio del Artículo --- */
.mw-parser-output > p:first-of-type::first-letter {
font-size: 4rem !important;
font-family: 'Libre Baskerville', serif !important;
font-weight: bold !important;
color: #ffffff !important;
float: left !important;
line-height: 1 !important;
margin-right: 10px !important;
margin-top: 5px !important;
}
/* --- Hipervínculos en Artículos --- */
.mw-parser-output a {
text-decoration: none !important;
color: #ffffff !important; /* Blanco como el texto normal */
position: relative !important;
border-bottom: 4px solid rgba(255, 255, 0, 0.8) !important; /* Raya amarilla transparente */
padding-bottom: 2px !important;
transition: all 0.3s ease-in-out !important;
}
.mw-parser-output a:hover {
color: #18181e !important; /* El texto se vuelve negro al pasar el mouse */
}
.mw-parser-output a::after {
content: '' !important;
position: absolute !important;
width: 0 !important;
height: 100% !important; /* Cubre todo el texto */
background: yellow !important;
bottom: 0 !important;
left: 0 !important;
z-index: -1 !important; /* Marcador detrás del texto */
transition: width 0.4s ease-in-out !important;
}
.mw-parser-output a:hover::after {
width: 100% !important; /* Marcador cubre todo el texto al pasar el mouse */
}