MediaWiki:Common.css: Difference between revisions

Revision as of 00:25, 8 December 2024

<link href="https://fonts.googleapis.com/css2?family=Newsreader:wght@400;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=EB+Garamond:wght@400;700&family=Ysabeau+Infant:wght@400;700&display=swap" rel="stylesheet">

/* --- Estilo General del Artículo --- */
body {
  font-family: 'Newsreader', serif !important; /* Forzar la fuente para el cuerpo */
  background-color: #18181e !important; /* Fondo oscuro */
  color: #ffffff !important; /* Texto blanco */
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Título Principal del Artículo --- */
h1.firstHeading {
  font-family: 'Libre Baskerville', serif !important;
  font-size: 2.5rem !important;
  font-weight: bold !important;
  color: #ffffff !important; /* Texto del título en blanco */
  margin-bottom: 20px !important;
}

/* --- Encabezados Secundarios --- */
.mw-parser-output h2 {
  font-family: 'EB Garamond', serif !important;
  font-size: 2rem !important;
  font-weight: bold !important;
  color: #ffffff !important;
  margin-top: 20px !important;
}

.mw-parser-output h3 {
  font-family: 'Ysabeau Infant', serif !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  color: #ffffff !important;
  margin-top: 20px !important;
}

/* --- Letra Capital al Inicio del Artículo --- */
.mw-parser-output > p:first-of-type::first-letter {
  font-size: 4rem !important;
  font-family: 'Libre Baskerville', serif !important;
  font-weight: bold !important;
  color: #ffffff !important;
  float: left !important;
  line-height: 1 !important;
  margin-right: 10px !important;
  margin-top: 5px !important;
}

/* --- Hipervínculos en Artículos --- */
.mw-parser-output a {
  text-decoration: none !important;
  color: #ffffff !important; /* Blanco como el texto normal */
  position: relative !important;
  border-bottom: 4px solid rgba(255, 255, 0, 0.8) !important; /* Raya amarilla transparente */
  padding-bottom: 2px !important;
  transition: all 0.3s ease-in-out !important;
}

.mw-parser-output a:hover {
  color: #18181e !important; /* El texto se vuelve negro al pasar el mouse */
}

.mw-parser-output a::after {
  content: '' !important;
  position: absolute !important;
  width: 0 !important;
  height: 100% !important; /* Cubre todo el texto */
  background: yellow !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important; /* Marcador detrás del texto */
  transition: width 0.4s ease-in-out !important;
}

.mw-parser-output a:hover::after {
  width: 100% !important; /* Marcador cubre todo el texto al pasar el mouse */
}