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=Libre+Baskerville:wght@400;700&family=Newsreader:wght@400;700&display=swap" rel="stylesheet">
/* Estilo general del artículo */
body {
font-family: 'Newsreader', serif;
background-color: #18181e;
color: #ffffff;
line-height: 1.8;
margin: 0;
padding: 0;
}
/* Tipografía del primer encabezado de los artículos */
h1.firstHeading {
font-family: 'Libre Baskerville', serif;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 20px;
color: #ffffff;
}
/* Estilo de la letra capital al inicio del artículo */
.mw-parser-output > p:first-of-type::first-letter {
font-size: 4rem;
font-family: 'Libre Baskerville', serif;
font-weight: bold;
color: #ffffff;
float: left;
line-height: 1;
margin-right: 10px;
margin-top: 5px;
}
/* Estilo de los hipervínculos */
a {
text-decoration: none;
border-bottom: 4px solid yellow; /* Subrayado grueso */
color: inherit; /* Igual al color del texto */
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* Efecto hover en los hipervínculos */
a:hover {
color: #18181e; /* Color del texto al pasar el mouse (mismo color del fondo) */
background-color: yellow; /* Fondo amarillo visible al pasar el mouse */
border-bottom: 4px solid transparent; /* Oculta la raya al activar el efecto hover */
}
/* Ajustes adicionales para otros encabezados */
h2, h3, h4, h5, h6 {
font-family: 'Newsreader', serif;
font-weight: bold;
color: #ffffff;
margin-top: 20px;
}
/* Ajustes generales para listas */
ul, ol {
margin-left: 20px;
}
li {
margin-bottom: 10px;
color: #ffffff;
}
/* Ajustes para tablas dentro del contenido */
table {
border-collapse: collapse;
width: 100%;
color: #ffffff;
}
th, td {
border: 1px solid #ffffff;
padding: 10px;
text-align: left;
}