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.
/* Estilo para el título principal de los artículos */
#firstHeading {
font-family: "Garamond", serif;
}
/* Estilo para títulos y subtítulos dentro de los artículos */
.mw-headline {
font-family: "Newsreader", serif;
font-weight: 400;
}
/* Estilo para el texto normal de los artículos */
.mw-body-content {
font-family: "Crimson Text", serif;
color: #ffffff;
}
/* Estilo para el pie de página */
#footer, .mw-footer {
color: #ffffff;
background-color: #1c1c1c;
font-family: "Commissioner", sans-serif;
font-weight: 200;
}
/* Estilo para enlaces: mismo color que el texto normal con subrayado en color #f5ed56 */
a, a:link, a:visited {
color: inherit; /* El enlace mantiene el mismo color que el texto común */
text-decoration: underline;
text-decoration-color: #f5ed56; /* Subrayado en color #f5ed56 */
}
/* Cambia el color del subrayado de enlaces al pasar el cursor */
a:hover {
text-decoration-color: #f5ed56;
}
<link href="https://fonts.googleapis.com/css2?family=Garamond&family=Newsreader:ital,wght@0,400;1,400&family=Crimson+Text&family=Commissioner:wght@200&display=swap" rel="stylesheet">
/* Estilo para el subrayado del texto seleccionado */
::selection {
background-color: #f5ed56; /* Fondo amarillo al seleccionar texto */
color: #1c1c1c; /* Color del texto seleccionado (opcional, puedes ajustarlo según el diseño) */
}