MediaWiki:Common.css: Difference between revisions

Revision as of 18:05, 16 November 2024

@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 */
}