MediaWiki:Common.css

De

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */

/* Forzar que el menú lateral esté visible */
.mw-workspace-container .mw-sidebar-container {
    display: block !important;
}

/* Ocultar el botón de la hamburguesa/flecha que permite cerrarlo */
#mw-sidebar-button, 
.mw-sidebar-toggle {
    display: none !important;
}

/* Ocultar el enlace de "Desplegar/Ocultar" si está habilitada la opción de colapsar */
#sidebar-toggle, 
.vector-menu-portal .vector-menu-heading-label {
    pointer-events: none !important; /* Desactiva el clic */
}

/* Fondo general oscuro y texto claro */
body, #content, #mw-page-base, #mw-head-base {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Barra lateral y menús */
#mw-navigation, .mw-sidebar-container, .vector-menu-portal {
    background-color: #1a1a1a !important;
}

/* Enlaces */
a {
    color: #69b7ff !important;
}
a:visited {
    color: #c58af9 !important;
}
a.new {
    color: #ff7b72 !important; /* Enlaces a páginas vacías */
}

/* Caja de contenido y tablas */
.mw-body, #content {
    border-color: #333333 !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
    border-bottom: 1px solid #333333 !important;
}

/* Código y preajustes */
code, pre {
    background-color: #2d2d2d !important;
    color: #f8f8f2 !important;
    border: 1px solid #444444 !important;
}


.mw-rcfilters-ui-changesListWrapperWidget {
    /* @todo: We don't have a standardized text highlight color yet */
    background: yellow;
    .darkmode-override( {
		background-color: darken( yellow, 70% );
	} );
}

th.headerSort {
	/* TODO: use ResourceLoader image module instead */
	background-image: url( images/sort_both.svg );
	.darkmode-override( {
		background-image: url( images/sort_both_inverted.svg );
	} );
}