Diferencia entre revisiones de «MediaWiki:Minerva.css»

Revisión actual - 18:49 9 nov 2026

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

/* Tabla principal: 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;
}

/* Tabla interna (imagen + índice): todo en bloques, así no se encoge */
.imagen-principal-td table,
.imagen-principal-td tbody,
.imagen-principal-td tr,
.imagen-principal-td td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
}

/* Imagen principal y su pie de foto: todo el ancho */
.imagen-principal-td figure,
.imagen-principal-td figure > a,
.imagen-principal-td figure > span,
.imagen-principal-td a.mw-file-description,
.imagen-principal-td .lazy-image-placeholder,
.imagen-principal-td figcaption {
    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; }
.imagen-principal-td img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Mapa: todo el ancho */
#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 */
#main-table .infobox {
    float: none !important;
    width: 100% !important;
    margin: 0.5em 0 !important;
}
/* Imagen principal de borde a borde, estilo Instagram */
#main-table .imagen-principal-td figure > a {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
}
/* Que las tablas de la ruta no recorten la imagen de borde a borde */
#main-table,
#main-table > tbody,
#main-table > tbody > tr,
#main-table > tbody > tr > td,
.imagen-principal-td table,
.imagen-principal-td tbody,
.imagen-principal-td tr,
.imagen-principal-td td,
.imagen-principal-td figure {
    overflow: visible !important;
}
/* Todas las miniaturas del artículo de borde a borde, estilo Instagram */
.mw-parser-output figure[typeof~='mw:File/Thumb'],
.mw-parser-output figure[typeof~='mw:File/Frame'] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 1em 0 !important;
    overflow: visible !important;
}
.mw-parser-output figure[typeof~='mw:File/Thumb'] > a,
.mw-parser-output figure[typeof~='mw:File/Frame'] > a {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
}
.mw-parser-output figure[typeof~='mw:File/Thumb'] img,
.mw-parser-output figure[typeof~='mw:File/Frame'] img,
.mw-parser-output figure[typeof~='mw:File/Thumb'] .lazy-image-placeholder,
.mw-parser-output figure[typeof~='mw:File/Frame'] .lazy-image-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.mw-parser-output figure[typeof~='mw:File/Thumb'] > figcaption,
.mw-parser-output figure[typeof~='mw:File/Frame'] > figcaption {
    display: block !important;
    width: 100% !important;
}