MediaWiki:Common.css - Historial de revisiones

Adgellida en 19:47 14 jun 2025

2025-06-14T19:47:28Z

← Revisión anterior		Revisión del 21:47 14 jun 2025
Línea 103:		Línea 103:
	padding-bottom: 315px; /* Mantén la relación 16:9 */		padding-bottom: 315px; /* Mantén la relación 16:9 */
	}		}
			}

			.infobox-remake-wrapper {
			float: right !important;
			clear: right !important;
			width: 25em;
			margin: 0 0 1em 1em; /* margen: abajo y a la izquierda para separación */
			display: block;
	}		}

2025-05-25T23:53:17Z

← Revisión anterior		Revisión del 01:53 26 may 2025
Línea 110:		Línea 110:
	background-color: #F8F9FA; /* Fondo de la tabla */		background-color: #F8F9FA; /* Fondo de la tabla */
	margin-left: 0; /* Alinea la tabla a la izquierda */		margin-left: 0; /* Alinea la tabla a la izquierda */
			}

			.wikitablelogo-wrapper {
			overflow-x: auto;
			width: 100%;
	}		}

2025-05-03T23:35:33Z

← Revisión anterior		Revisión del 01:35 4 may 2025
Línea 149:		Línea 149:
	display: block;		display: block;
	margin: 0 auto;		margin: 0 auto;
			}

			.prettytable img {
			max-width: 100px; /* Ajusta aquí si quieres más pequeño */
			max-height: 100px;
			width: auto;
			height: auto;
			display: inline-block;
	}		}

Línea 155:		Línea 163:
	padding: 10px;		padding: 10px;
	border-bottom: 1px solid #ddd;		border-bottom: 1px solid #ddd;
	width: 150px; /* ~~Ancho fijo~~ de ~~cada celda~~ */		width: 150px;
			text-align: left;
			transition: background-color 0.3s ease;
			}

			/* Imágenes dentro de las celdas */
			.prettytablemain td img {
			max-width: 100%;
			transition: transform 0.3s ease;
	}		}

	.~~prettytable img~~ {		/* Efecto al pasar el cursor */
	~~max~~-~~width~~: ~~100px~~; /* ~~Ajusta aquí si quieres más pequeño~~ */		.prettytablemain td:hover {
	~~max-height: 100px;~~		background-color: #e0b3ff; /* Morado claro */
	~~width: auto;~~		}
	~~height~~: ~~auto;~~
	~~display~~: ~~inline-block~~;		.prettytablemain td:hover img {
			transform: scale(1.2); /* Aumenta el tamaño al 120% */
	}		}

2025-04-27T10:18:50Z

← Revisión anterior		Revisión del 12:18 27 abr 2025
Línea 66:		Línea 66:

	.prettytable td {		.prettytable td {
	width: ~~90px~~; /* ~~Más pequeño en móvil~~ */		width: auto; /* Dejamos que table-layout controle el ancho */
	height: 90px;		height: 90px;
	padding: 5px;		padding: 5px;

2025-04-27T10:06:37Z

2025-04-27T09:56:46Z

2025-04-27T09:52:59Z

← Revisión anterior		Revisión del 11:52 27 abr 2025
Línea 7:		Línea 7:

	.prettytable {		.prettytable {
	width: ~~100%~~;		width: auto;
	table-layout: fixed; ~~/* Mantiene todas las celdas del mismo ancho */~~		table-layout: fixed;
	}		}

	.prettytable th, .prettytable td {		.prettytable th, .prettytable td {
	box-sizing: border-box; ~~/* Hace que padding y border no rompan el tamaño */~~		width: 120px; /* Fijar ancho de celda */
			height: 120px; /* Fijar alto de celda */
			box-sizing: border-box;
	text-align: center;		text-align: center;
	vertical-align: middle;		vertical-align: middle;
	overflow: hidden;		overflow: hidden;
	}		}

	.prettytable img {		.prettytable img {
	max-width: 100px; /* ~~Ajusta aquí si quieres más pequeño~~ */		max-width: 100px; /* Máximo ancho de imagen */
	max-height: 100px;		max-height: 100px; /* Máximo alto de imagen */
	width: auto;		width: auto;
	height: auto;		height: auto;
	display: ~~inline-~~block;		display: block;
	}		margin: 0 auto;
			}

	/* Hacer las tablas más responsivas en dispositivos móviles */		/* Hacer las tablas más responsivas en dispositivos móviles */

2025-04-27T09:50:32Z

← Revisión anterior		Revisión del 11:50 27 abr 2025
Línea 17:		Línea 17:
	overflow: hidden;		overflow: hidden;
	}		}

	.prettytable img {		.prettytable img {
	max-width: 100px;		max-width: 100px; /* Ajusta aquí si quieres más pequeño */
	height: auto;		max-height: 100px;
	~~display~~: ~~block~~;		width: auto;
	~~margin~~: ~~0 auto~~;		height: auto;
	}		display: inline-block;
			}

	/* Hacer las tablas más responsivas en dispositivos móviles */		/* Hacer las tablas más responsivas en dispositivos móviles */

2025-04-27T09:48:49Z

@@ Línea 5: / Línea 5: @@
 /* Estilos para dispositivos móviles */
 @media screen and (max-width: 767px) {
      /* Hacer las tablas más responsivas en dispositivos móviles */

2025-04-27T09:36:23Z

@@ Línea 5: / Línea 5: @@
 /* Estilos para dispositivos móviles */
 @media screen and (max-width: 767px) {
      /* Hacer las tablas más responsivas en dispositivos móviles */
@@ Línea 51: / Línea 45: @@
          display: none; /* Esconde los encabezados para que no ocupen mucho espacio */
+     }
+}