Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(68 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* Responsive Hn */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
 
 
/* Responsive tables - simple horizontal scroll solution */
h1 {
.table-wrapper-mobile {
font-size: 7rem !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
margin: 0 -15px !important; /* Extends to edges */
padding: 0 15px !important;
}
}
.table-wrapper-mobile table.wikitable {
h2 {
min-width: 900px !important;
font-size: 5.2rem !important;
width: 100% !important;
}
}
table.wikitable th,
h3 {
table.wikitable td {
font-size: 4.8rem !important;
font-size: 3.2rem !important;
padding: 10px !important;
}
}
 
h4 {
}
font-size: 3.8rem !important;
 
}
 
/* Forzar que el contenedor de imagen centrada se ajuste al ancho de la imagen */
h5 {
div.thumb.mw-halign-center {
font-size: 4.0rem !important;
    display: table !important;
}
    margin-left: auto !important;
    margin-right: auto !important;
h6 {
    float: none !important;
font-size: 3.8rem !important;
}
}
 
/* Asegurar que el interior del thumb también sea consistente */
div.thumb.mw-halign-center .thumbinner {
    margin: 0 auto !important;
    display: table-caption; /* Opcional: ayuda a que el texto se mantenga dentro */
}
}

Latest revision as of 20:54, 6 February 2026

/* Responsive Hn */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  
	h1 {
		font-size: 7rem !important;
	}
	
	h2 {
		font-size: 5.2rem !important;
	}
	
	h3 {
		font-size: 4.8rem !important;
	}
	
	h4 {
		font-size: 3.8rem !important;
	}
	
	h5 {
		font-size: 4.0rem !important;
	}
	
	h6 {
		font-size: 3.8rem !important;
	}
}