More actions
No edit summary |
No edit summary |
||
Line 5: | Line 5: | ||
font-family: "Garamond", serif; | font-family: "Garamond", serif; | ||
font-size: 2.5em; /* Tamaño grande para destacar */ | font-size: 2.5em; /* Tamaño grande para destacar */ | ||
text-decoration: none !important; /* Sin subrayado */ | |||
} | } | ||
Line 15: | Line 16: | ||
border-bottom: 2px solid #f5ed56; /* Línea amarilla para separación */ | border-bottom: 2px solid #f5ed56; /* Línea amarilla para separación */ | ||
padding-bottom: 5px; /* Espaciado interno */ | padding-bottom: 5px; /* Espaciado interno */ | ||
text-decoration: none !important; /* Sin subrayado */ | |||
} | } | ||
Line 21: | Line 23: | ||
font-family: "Abhaya Libre", serif; | font-family: "Abhaya Libre", serif; | ||
font-weight: 700; /* Negrita para énfasis */ | font-weight: 700; /* Negrita para énfasis */ | ||
text-decoration: none !important; /* Sin subrayado */ | |||
} | } | ||
Line 29: | Line 32: | ||
font-size: 1.2em; /* Ligeramente mayor que el texto normal */ | font-size: 1.2em; /* Ligeramente mayor que el texto normal */ | ||
margin-top: 15px; /* Espaciado superior */ | margin-top: 15px; /* Espaciado superior */ | ||
text-decoration: none !important; /* Sin subrayado */ | |||
} | } | ||
Line 34: | Line 38: | ||
.mw-body-content { | .mw-body-content { | ||
font-family: "Crimson Text", serif; /* Fuente elegante y profesional */ | font-family: "Crimson Text", serif; /* Fuente elegante y profesional */ | ||
font-size: 1em; /* Tamaño | font-size: 1.1em; /* Tamaño ligeramente mayor */ | ||
color: #ffffff; /* Blanco para contraste limpio */ | color: #ffffff; /* Blanco para contraste limpio */ | ||
line-height: 1.7; /* Altura de línea para buena legibilidad */ | line-height: 1.7; /* Altura de línea para buena legibilidad */ | ||
Line 70: | Line 74: | ||
a:hover::before { | a:hover::before { | ||
width: 100%; /* Expande el fondo */ | width: 100%; /* Expande el fondo */ | ||
} | |||
/* Quitar subrayados de enlaces dentro de títulos */ | |||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | |||
text-decoration: none !important; | |||
} | } | ||
Line 86: | Line 95: | ||
blockquote { | blockquote { | ||
font-family: "EB Garamond", serif; /* Fuente profesional */ | font-family: "EB Garamond", serif; /* Fuente profesional */ | ||
font-size: 1. | font-size: 1.3em; /* Tamaño ligeramente mayor para destacar */ | ||
color: # | color: #dcdcdc; /* Gris claro para contraste */ | ||
background-color: # | background-color: #252525; /* Fondo oscuro uniforme */ | ||
border-left: | border-left: 6px solid #f5ed56; /* Línea amarilla */ | ||
padding: 20px | padding: 15px 20px; /* Espaciado interno */ | ||
margin: 20px 0; /* Espaciado externo */ | margin: 20px 0; /* Espaciado externo */ | ||
border-radius: | border-radius: 8px; /* Bordes redondeados */ | ||
box-shadow: 0 | box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Sombra suave para profundidad */ | ||
line-height: 1.8; /* Espaciado de línea para legibilidad */ | line-height: 1.8; /* Espaciado de línea para legibilidad */ | ||
} | } | ||
Line 100: | Line 109: | ||
blockquote p { | blockquote p { | ||
margin: 0; /* Elimina márgenes internos */ | margin: 0; /* Elimina márgenes internos */ | ||
font-style: | font-style: italic; /* Opcional: cursiva para diferenciar */ | ||
} | } | ||
Revision as of 01:35, 25 November 2024
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Abhaya+Libre:wght@400;700&family=Crimson+Text:wght@400&family=Garamond:wght@400&family=Commissioner:wght@400;700&display=swap'); /* Estilo para el título principal de los artículos */ #firstHeading { font-family: "Garamond", serif; font-size: 2.5em; /* Tamaño grande para destacar */ text-decoration: none !important; /* Sin subrayado */ } /* Primer nivel de subtítulos (h2) en EB Garamond */ h2 { font-family: "EB Garamond", serif; font-size: 1.8em; /* Tamaño destacado */ font-weight: 700; /* Negrita para énfasis */ margin-bottom: 10px; /* Espaciado adicional */ border-bottom: 2px solid #f5ed56; /* Línea amarilla para separación */ padding-bottom: 5px; /* Espaciado interno */ text-decoration: none !important; /* Sin subrayado */ } /* Subtítulos (h3-h5) en Abhaya Libre */ h3, h4, h5 { font-family: "Abhaya Libre", serif; font-weight: 700; /* Negrita para énfasis */ text-decoration: none !important; /* Sin subrayado */ } /* Nivel más pequeño (h6) con tamaño ajustado */ h6 { font-family: "Commissioner", sans-serif; font-weight: 700; /* Negrita para destacar */ font-size: 1.2em; /* Ligeramente mayor que el texto normal */ margin-top: 15px; /* Espaciado superior */ text-decoration: none !important; /* Sin subrayado */ } /* Texto normal de los artículos */ .mw-body-content { font-family: "Crimson Text", serif; /* Fuente elegante y profesional */ font-size: 1.1em; /* Tamaño ligeramente mayor */ color: #ffffff; /* Blanco para contraste limpio */ line-height: 1.7; /* Altura de línea para buena legibilidad */ } /* Estilo para enlaces */ a, a:link, a:visited { color: inherit; /* Conserva el color del texto normal */ text-decoration: underline; /* Subrayado visible */ text-decoration-thickness: 2px; /* Subrayado grueso */ text-decoration-color: #f5ed56; /* Subrayado amarillo */ position: relative; /* Necesario para efectos */ overflow: hidden; /* Previene desbordamientos */ transition: color 0.3s ease, text-decoration-color 0.3s ease; /* Transiciones suaves */ } /* Efecto dinámico en enlaces al pasar el cursor */ a:hover { color: #090a0a !important; /* Negro profundo */ } /* Fondo amarillo animado */ a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background-color: #f5ed56; /* Amarillo marcador */ z-index: -1; transition: width 0.4s ease; } a:hover::before { width: 100%; /* Expande el fondo */ } /* Quitar subrayados de enlaces dentro de títulos */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; } /* Texto seleccionado */ ::selection { background-color: #f5ed56; /* Fondo amarillo */ color: #18181e; /* Texto oscuro */ } /* Fondo general */ body { background-color: #18181e; } /* Bloques de cita */ blockquote { font-family: "EB Garamond", serif; /* Fuente profesional */ font-size: 1.3em; /* Tamaño ligeramente mayor para destacar */ color: #dcdcdc; /* Gris claro para contraste */ background-color: #252525; /* Fondo oscuro uniforme */ border-left: 6px solid #f5ed56; /* Línea amarilla */ padding: 15px 20px; /* Espaciado interno */ margin: 20px 0; /* Espaciado externo */ border-radius: 8px; /* Bordes redondeados */ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Sombra suave para profundidad */ line-height: 1.8; /* Espaciado de línea para legibilidad */ } /* Estilo para el texto del bloque de cita */ blockquote p { margin: 0; /* Elimina márgenes internos */ font-style: italic; /* Opcional: cursiva para diferenciar */ } /* Botón flotante de "Volver al inicio" */ #backToTop { position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; background-color: #f5ed56; color: #090a0a; border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold; cursor: pointer; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } /* Mostrar el botón al hacer scroll */ #backToTop.show { opacity: 1; visibility: visible; } /* Efecto al pasar el cursor */ #backToTop:hover { background-color: #e0e0e0; color: #18181e; } /* Estilo de la barra de lectura */ .reading-progress-bar-container { position: fixed; top: 0; left: 0; width: 100%; height: 5px; background-color: #f0f0f0; z-index: 1000; } .reading-progress-bar { height: 100%; width: 0%; background-color: #0078d7; /* Cambia este color según el diseño del tema */ transition: width 0.2s ease-out; }