MediaWiki:Minerva.css

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

/* Todo el CSS colocado aquí será cargado para los usuarios que usen la apariencia MinervaNeue */
/* Rutas (Plantilla:RutaForm2): apilar imagen, mapa y cuadro resumen en móvil */

.nomobile { display: none !important; }

/* La tabla principal y sus 3 celdas pasan a bloques de ancho completo */
#main-table,
#main-table > tbody,
#main-table > tbody > tr,
#main-table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
}

/* Imagen principal: arriba, todo el ancho */
.imagen-principal-td table { width: 100% !important; }
.imagen-principal-td .thumb {
    float: none !important;
    margin: 0 0 0.5em 0 !important;
    width: 100% !important;
}
.imagen-principal-td .thumbinner,
.imagen-principal-td .thumbimage,
.imagen-principal-td img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}
.imagen-principal-td .thumbcaption { max-width: none !important; }

/* Mapa: todo el ancho (anula el width:600px de la tabla interna) */
#main-table > tbody > tr > td > table {
    width: 100% !important;
    margin: 0 !important;
}
#main-table iframe {
    width: 100% !important;
    max-width: 100% !important;
}

/* Cuadro resumen: debajo del mapa, todo el ancho, sin romper sus celdas */
#main-table .infobox {
    float: none !important;
    width: 100% !important;
    margin: 0.5em 0 !important;
}
/* Imagen principal: anular placeholder de lazy-load y <figure> nuevo */
.imagen-principal-td td { width: 100% !important; padding: 0 !important; }

.imagen-principal-td figure,
.imagen-principal-td figure > a,
.imagen-principal-td figure > span,
.imagen-principal-td .lazy-image-placeholder,
.imagen-principal-td a.image,
.imagen-principal-td a.mw-file-description {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
}

.imagen-principal-td .lazy-image-placeholder {
    height: auto !important;
    aspect-ratio: auto;
}

.imagen-principal-td figcaption { max-width: none !important; }