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&family=EB+Garamond:wght@400;600&display=swap'); /* Estilo para el título principal de los artículos */ #firstHeading { font-family: "Garamond", serif; font-size: 2.5em; /* Tamaño destacado */ color: #f0f0f5; /* Color elegante y claro */ } /* Estilo para subtítulos */ h2, h3, h4, h5 { font-family: "Abhaya Libre", serif; font-weight: 700; /* Negrita */ color: #d8d8da; /* Gris claro */ } /* Texto normal */ .mw-body-content { font-family: "Crimson Text", serif; color: #e3e6e4; /* Gris claro para comodidad */ line-height: 1.8; /* Mejora legibilidad */ } /* Subheading específico */ h6 { font-family: "Commissioner", sans-serif; font-weight: 700; font-size: 2em; /* Más equilibrado */ } /* Pie de página */ #footer, .mw-footer { color: #ffffff; background-color: #121212; /* Fondo oscuro refinado */ font-family: "Commissioner", sans-serif; font-weight: 200; } /* Estilo base para enlaces */ a, a:link, a:visited { color: #f5ed56; /* Amarillo elegante para enlaces */ text-decoration: underline; text-decoration-thickness: 2px; /* Subrayado más grueso */ position: relative; overflow: hidden; } /* Efecto dinámico en enlaces */ a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background-color: #f5ed56; z-index: -1; transition: width 0.4s ease; } a:hover { color: #1c1c1c; /* Texto oscuro que resalta sobre amarillo */ } a:hover::before { width: 100%; } /* Texto seleccionado */ ::selection { background-color: #f5ed56; color: #121212; /* Texto oscuro */ } /* Fondo del sitio */ body { background-color: #18181e; } /* Panel lateral */ #mw-panel { background-color: #1f1f27; } /* Bloques de citas */ blockquote { font-family: "EB Garamond", serif; font-size: 1.3em; color: #d8d8da; background-color: #22222a; /* Fondo gris oscuro */ border-left: 5px solid #f5ed56; /* Barra amarilla */ padding: 15px 20px; margin: 15px 0; line-height: 1.6; position: relative; } /* Círculo con flecha */ blockquote::after { content: "↑"; font-family: "Abhaya Libre", serif; font-size: 1.5em; color: #f5ed56; position: absolute; bottom: -20px; right: 15px; background-color: #18181e; border: 2px solid #f5ed56; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease; } blockquote::after:hover { background-color: #f5ed56; color: #18181e; transform: scale(1.1); /* Efecto de ampliación */ } /* Acción de la flecha para regresar al principio */ blockquote::after { onclick: scrollTo(0, 0); /* Redirige al inicio */ }