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.
@import url('https://fonts.googleapis.com/css2?family=Garamond:wght@400&family=Abhaya+Libre:wght@400;700&family=Crimson+Text:wght@400&family=Lora:wght@400&display=swap');
/* Estilo para el título principal de los artículos */
#firstHeading {
font-family: "Garamond", serif;
font-size: 2.5em; /* Tamaño más grande */
}
/* Estilo para todos los subtítulos en Abhaya Libre */
h2, h3, h4, h5 {
font-family: "Abhaya Libre", serif;
font-weight: 700; /* Negrita para destacarlos */
}
/* Estilo para el texto normal de los artículos */
.mw-body-content {
font-family: "Crimson Text", serif;
color: #e3e6e4;
}
/* Estilo para Sub-Heading 4 en Commissioner con negrita */
h6 {
font-family: "Commissioner", sans-serif;
font-weight: 700; /* Negrita */
font-size: 3em;
}
/* Estilo para el pie de página */
#footer, .mw-footer {
color: #ffffff;
background-color: #18181e; /* Color más profesional */
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 estilo de los enlaces al pasar el cursor: texto blanco y resaltado amarillo */
a:hover {
color: #ffffff !important; /* Texto blanco */
background-color: #f5ed56; /* Fondo amarillo para todo el texto */
text-decoration: none; /* Sin subrayado adicional */
padding: 0 2px; /* Añade un poco de espacio alrededor del texto para el fondo */
}
/* Estilo para el subrayado del texto seleccionado */
::selection {
background-color: #f5ed56; /* Fondo amarillo al seleccionar texto */
color: #1c1c1c; /* Color del texto seleccionado */
}
/* Fondo general del sitio */
body {
background-color: #18181e; /* Un gris oscuro profesional */
}
/* Fondo del panel lateral */
#mw-panel {
background-color: #202028; /* Color ligeramente diferente del fondo */
}
/* Estilo para las citas (quotes) */
blockquote {
font-family: "Lora", serif; /* Tipografía estándar y profesional */
font-size: 1.2em; /* Ligeramente más grande que el texto normal */
color: #d8d8da; /* Gris claro para buena legibilidad */
background-color: #202028; /* Fondo que combina con el diseño general */
border-left: 4px solid #f5ed56; /* Barra lateral amarilla */
padding: 10px 15px; /* Espaciado interno */
margin: 10px 0; /* Espaciado externo */
line-height: 1.6; /* Mejor lectura */
}