More actions
No edit summary |
No edit summary |
||
| Line 37: | Line 37: | ||
<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"> | <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) */ | |||
} | |||
Revision as of 22:44, 5 November 2024
/* 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) */
}