Diferencia entre revisiones de «MediaWiki:Minerva.css»
Ir a la navegación
Ir a la búsqueda
Página creada con «→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-…» |
Sin resumen de edición |
||
| Línea 48: | Línea 48: | ||
margin: 0.5em 0 !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; } | |||
Revisión del 21:25 8 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; }
/* 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; }
