Widget:MainPageMenu - Histórico de revisão

Gurren1 em 14h04min de 30 de junho de 2025

2025-06-30T14:04:15Z

← Edição anterior		Edição das 14h04min de 30 de junho de 2025
Linha 181:		Linha 181:
	}		}

	.home-button-item:nth-child(7) {		.home-button-item:nth-child(7),
	~~grid-column: 2;~~
	}

	.home-button-item:nth-child(8) {		.home-button-item:nth-child(8) {
	grid-column: 3;		grid-column: span 1;
			place-self: center;
	}		}
	}		}
	</style>		</style>

Gurren1 em 14h00min de 30 de junho de 2025

2025-06-30T14:00:54Z

← Edição anterior		Edição das 14h00min de 30 de junho de 2025
Linha 171:		Linha 171:
	}		}
	}		}
	~~@media screen and (max-width: 1100px) and (min-width: 720px) {~~
	~~.home-button-container {~~
	~~display: grid;~~
	~~grid-template-columns: repeat(3, 1fr);~~
	}

	.home-button-~~item~~ {		@media screen and (max-width: 1280px) {
	~~justify~~-~~self~~: ~~stretch~~;		.home-button-container {
	}		grid-template-columns: repeat(3, 1fr);
			}

	.home-button-item~~:nth-child(n+7)~~ {		.home-button-item {
	~~grid~~-~~column~~: ~~span 1~~;		justify-self: stretch;
	}		}

	.home-button-item:nth-child(7) {		.home-button-item:nth-child(7) {
	grid-column~~-start~~: 2;		grid-column: 2;
	}		}

	~~.home-button-item:nth-child(8) {~~
	~~grid-column-start: 3;~~
	}
	}

			.home-button-item:nth-child(8) {
			grid-column: 3;
			}
			}
	</style>		</style>

Gurren1 em 13h57min de 30 de junho de 2025

2025-06-30T13:57:33Z

← Edição anterior		Edição das 13h57min de 30 de junho de 2025
Linha 171:		Linha 171:
	}		}
	}		}
			@media screen and (max-width: 1100px) and (min-width: 720px) {
			.home-button-container {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			}

			.home-button-item {
			justify-self: stretch;
			}

			.home-button-item:nth-child(n+7) {
			grid-column: span 1;
			}

			.home-button-item:nth-child(7) {
			grid-column-start: 2;
			}

			.home-button-item:nth-child(8) {
			grid-column-start: 3;
			}
			}

	</style>		</style>

Gurren1 em 20h45min de 24 de junho de 2025

2025-06-24T20:45:01Z

← Edição anterior		Edição das 20h45min de 24 de junho de 2025
Linha 82:		Linha 82:

	<style>		<style>
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	grid-template-columns: repeat(4, 1fr); ~~/* sempre 4 por linha em desktop */~~		grid-template-columns: repeat(4, 1fr);
	gap: 20px;		gap: 20px;
	padding: 10px;		padding: 10px;
	box-sizing: border-box;		box-sizing: border-box;
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	~~justify-items: center; /* centraliza os cards na célula */~~		}
	}

	.home-button-item {		.home-button-item {
	width: 100%;		width: 100%;
	~~max-width: 240px;~~		display: flex;
	display: flex;		flex-direction: column;
	flex-direction: column;		overflow: hidden;
	overflow: hidden;		border: 1px solid #bbb;
	border: 1px solid #bbb;		border-radius: 12px;
	border-radius: 12px;		background: #fff;
	background: #fff;		transition: transform 0.2s ease-out,
	transition: transform 0.2s ease-out,		box-shadow 0.2s ease-out,
	box-shadow 0.2s ease-out,		border-color 0.2s ease-out;
	border-color 0.2s ease-out;		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);		box-sizing: border-box;
	box-sizing: border-box;		}
	}

	.home-button-item:hover {		.home-button-item:hover {
	transform: translateY(-3px);		transform: translateY(-3px);
	border-color: #007bff;		border-color: #007bff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
	}		}

	.home-button-item a {		.home-button-item a {
	display: block;		display: block;
	color: inherit;		color: inherit;
	text-decoration: none;		text-decoration: none;
	height: 100%;		height: 100%;
	}		}

	.home-button-image {		.home-button-image {
	width: 100%;		width: 100%;
	aspect-ratio: 16/9;		aspect-ratio: 16/9;
	overflow: hidden;		overflow: hidden;
	flex-shrink: 0;		flex-shrink: 0;
	}		}

	.home-button-image img {		.home-button-image img {
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	object-fit: cover;		object-fit: cover;
	display: block;		display: block;
	border-top-left-radius: 12px;		border-top-left-radius: 12px;
	border-top-right-radius: 12px;		border-top-right-radius: 12px;
	transition: filter 0.3s ease;		transition: filter 0.3s ease;
	}		}

	.home-button-item:hover .home-button-image img {		.home-button-item:hover .home-button-image img {
	filter: brightness(1.1);		filter: brightness(1.1);
	}		}

	.home-button-title {		.home-button-title {
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	font-weight: bold;		font-weight: bold;
	font-size: clamp(1em, 4vw, 1.2em);		font-size: clamp(1em, 4vw, 1.2em);
	text-align: center;		text-align: center;
	text-transform: uppercase;		text-transform: uppercase;
	padding: 10px;		padding: 10px;
	background: #fff;		background: #fff;
	color: #0645AD;		color: #0645AD;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	flex-shrink: 0;		flex-shrink: 0;
	}		}

	.home-button-item.disabled {		.home-button-item.disabled {
	opacity: 0.4;		opacity: 0.4;
	pointer-events: none;		pointer-events: none;
	border-color: #bbb;		border-color: #bbb;
	box-shadow: none;		box-shadow: none;
	}		}

	~~/* Responsivo */~~		@media screen and (max-width: 1024px) {
	@media screen and (max-width: 1024px) {		.home-button-container {
	.home-button-container {		grid-template-columns: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);		}
	}		}
	}

	@media screen and (max-width: 600px) {		@media screen and (max-width: 600px) {
	.home-button-container {		.home-button-container {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
			}
	}		}
	}
	</style>		</style>

Gurren1 em 20h41min de 24 de junho de 2025

2025-06-24T20:41:46Z

← Edição anterior		Edição das 20h41min de 24 de junho de 2025
Linha 84:		Linha 84:
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	~~/* deixa o grid “inteligente”: quantos cards de ≥240px couberem, cada um cresce até preencher igualmente o espaço */~~		grid-template-columns: repeat(4, 1fr); /* sempre 4 por linha em desktop */
	grid-template-columns: repeat(~~auto-fit, minmax(240px~~, 1fr));
	gap: 20px;		gap: 20px;
	padding: 10px;		padding: 10px;
	box-sizing: border-box;		box-sizing: border-box;
	~~width: 100%;~~
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
			justify-items: center; /* centraliza os cards na célula */
	}		}

	.home-button-item {		.home-button-item {
	~~position~~: ~~relative~~;		width: 100%;
			max-width: 240px;
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
Linha 106:		Linha 106:
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;		box-sizing: border-box;

	~~/* garante que cada card nunca passe de sua coluna */~~
	~~width: 100%;~~
	~~max-width: none;~~
	~~margin: 0 auto;~~
	}		}

Linha 165:		Linha 160:
	border-color: #bbb;		border-color: #bbb;
	box-shadow: none;		box-shadow: none;
			}

			/* Responsivo */
			@media screen and (max-width: 1024px) {
			.home-button-container {
			grid-template-columns: repeat(2, 1fr);
			}
			}

			@media screen and (max-width: 600px) {
			.home-button-container {
			grid-template-columns: 1fr;
			}
	}		}
	</style>		</style>

Gurren1 em 20h39min de 24 de junho de 2025

2025-06-24T20:39:51Z

← Edição anterior		Edição das 20h39min de 24 de junho de 2025
Linha 82:		Linha 82:

	<style>		<style>
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-~~fill~~, minmax(240px, 1fr));		/* deixa o grid “inteligente”: quantos cards de ≥240px couberem, cada um cresce até preencher igualmente o espaço */
	gap: 20px;		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	padding: 10px;		gap: 20px;
	box-sizing: border-box;		padding: 10px;
	~~justify-content~~: ~~center~~;		box-sizing: border-box;
	~~max~~-~~width~~: ~~1000px~~; ~~/* ou outro valor que funcione bem pra 4 por linha */~~		width: 100%;
	~~margin: 0 auto;~~		font-family: "Noto Sans", sans-serif;
	}		}

	.home-button-item {		.home-button-item {

Gurren1 em 20h38min de 24 de junho de 2025

2025-06-24T20:38:34Z

← Edição anterior		Edição das 20h38min de 24 de junho de 2025
Linha 82:		Linha 82:

	<style>		<style>
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	~~/* deixa o grid “inteligente”: quantos cards de ≥240px couberem, cada um cresce até preencher igualmente o espaço */~~		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-template-columns: repeat(auto-~~fit~~, minmax(240px, 1fr));		gap: 20px;
	gap: 20px;		padding: 10px;
	padding: 10px;		box-sizing: border-box;
	box-sizing: border-box;		justify-content: center;
	~~width~~: ~~100%~~;		max-width: 1000px; /* ou outro valor que funcione bem pra 4 por linha */
	~~font~~-~~family~~: ~~"Noto Sans", sans-serif~~;		margin: 0 auto;
	}		}

	.home-button-item {		.home-button-item {

Gurren1 em 20h23min de 9 de junho de 2025

2025-06-09T20:23:23Z

← Edição anterior		Edição das 20h23min de 9 de junho de 2025
Linha 84:		Linha 84:
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	grid-template-columns: repeat(4, 1fr); ~~/* sempre 4 colunas */~~		/* deixa o grid “inteligente”: quantos cards de ≥240px couberem, cada um cresce até preencher igualmente o espaço */
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;		gap: 20px;
	padding: 10px;		padding: 10px;
	box-sizing: border-box;		box-sizing: border-box;
			width: 100%;
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	}		}
Linha 99:		Linha 101:
	border-radius: 12px;		border-radius: 12px;
	background: #fff;		background: #fff;
	transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;		transition: transform 0.2s ease-out,
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);		box-shadow 0.2s ease-out,
			border-color 0.2s ease-out;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;		box-sizing: border-box;

			/* garante que cada card nunca passe de sua coluna */
	width: 100%;		width: 100%;
	~~margin: 0;~~		max-width: none;
	}		margin: 0 auto;

	~~/* desloca os últimos 3 botões para as colunas 2, 3 e 4, "centralizando" a fileira */~~
	~~.home-button-container > .home-button-item:nth-last-child(3) {~~
	~~grid-column-start: 2;~~
	}
	~~.home-button-container > .home-button-item:nth-last-child(2) {~~
	~~grid-column~~-~~start~~: 3;
	}
	~~.home-button-container > .home-button-item:nth-last-child(1) {~~
	~~grid-column-start~~: 4;
	}		}

Linha 120:		Linha 116:
	transform: translateY(-3px);		transform: translateY(-3px);
	border-color: #007bff;		border-color: #007bff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.12);		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
	}		}

Linha 141:		Linha 137:
	height: 100%;		height: 100%;
	object-fit: cover;		object-fit: cover;
			display: block;
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
	transition: filter 0.3s ease;		transition: filter 0.3s ease;
	}		}
Linha 149:		Linha 148:

	.home-button-title {		.home-button-title {
			font-family: "Noto Sans", sans-serif;
	font-weight: bold;		font-weight: bold;
			font-size: clamp(1em, 4vw, 1.2em);
	text-align: center;		text-align: center;
	text-transform: uppercase;		text-transform: uppercase;
Linha 155:		Linha 156:
	background: #fff;		background: #fff;
	color: #0645AD;		color: #0645AD;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	~~font~~-~~family~~: ~~"Noto Sans", sans-serif~~;		flex-shrink: 0;
	}		}

	~~/* responsivo: cai pra 2 colunas em telas bem estreitas */~~		.home-button-item.disabled {
	~~@media (max-width: 800px) {~~		opacity: 0.4;
	.home-button-~~container~~ {		pointer-events: none;
	~~grid-template-columns~~: ~~repeat(2, 1fr)~~;		border-color: #bbb;
	}		box-shadow: none;
	}
	~~@media (max~~-~~width~~: ~~500px) {~~
	~~.home~~-~~button-container {~~
	~~grid-template~~-~~columns~~: ~~1fr~~;
	}
	}		}
	</style>		</style>

Gurren1 em 20h22min de 9 de junho de 2025

2025-06-09T20:22:45Z

← Edição anterior		Edição das 20h22min de 9 de junho de 2025
Linha 84:		Linha 84:
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	~~/* cada card tem no mínimo 240px e cresce para preencher igualmente todo o espaço disponível */~~		grid-template-columns: repeat(4, 1fr); /* sempre 4 colunas */
	grid-template-columns: repeat(~~auto-fit, minmax(240px~~, 1fr));
	gap: 20px;		gap: 20px;
	padding: 10px;		padding: 10px;
Linha 103:		Linha 102:
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);		box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	box-sizing: border-box;		box-sizing: border-box;
	~~/* remove qualquer max-width fixo para permitir o 1fr preencher */~~
	width: 100%;		width: 100%;
	~~max-width: none;~~
	margin: 0;		margin: 0;
			}

			/* desloca os últimos 3 botões para as colunas 2, 3 e 4, "centralizando" a fileira */
			.home-button-container > .home-button-item:nth-last-child(3) {
			grid-column-start: 2;
			}
			.home-button-container > .home-button-item:nth-last-child(2) {
			grid-column-start: 3;
			}
			.home-button-container > .home-button-item:nth-last-child(1) {
			grid-column-start: 4;
	}		}

Linha 133:		Linha 141:
	height: 100%;		height: 100%;
	object-fit: cover;		object-fit: cover;
	~~display: block;~~
	~~border-top-left-radius: 12px;~~
	~~border-top-right-radius: 12px;~~
	transition: filter 0.3s ease;		transition: filter 0.3s ease;
	}		}
Linha 144:		Linha 149:

	.home-button-title {		.home-button-title {
	~~font-family: "Noto Sans", sans-serif;~~
	font-weight: bold;		font-weight: bold;
	~~font-size: clamp(1em, 4vw, 1.2em);~~
	text-align: center;		text-align: center;
	text-transform: uppercase;		text-transform: uppercase;
Linha 153:		Linha 156:
	color: #0645AD;		color: #0645AD;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	~~flex~~-~~shrink~~: 0;		font-family: "Noto Sans", sans-serif;
	}		}

	~~.home-button-item.disabled {~~		/* responsivo: cai pra 2 colunas em telas bem estreitas */
	~~opacity: 0.4;~~		@media (max-width: 800px) {
	~~pointer-events: none;~~
	~~border-color: #bbb;~~
	~~box-shadow: none;~~
	}

	/* 3 colunas ~~até 1280px~~ */
	@media (max-width: ~~1280px~~) {
	.home-button-container {		.home-button-container {
	grid-template-columns: repeat(~~auto-fit, minmax(240px~~, 1fr));		grid-template-columns: repeat(2, 1fr);
	}		}
	}		}
			@media (max-width: 500px) {
	~~/* 2 colunas até 900px */~~
	~~@media (max-width: 900px) {~~
	~~.home-button-container {~~
	~~grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));~~
	}
	}

	~~/* 1 coluna até 600px */~~
	@media (max-width: ~~600px~~) {
	.home-button-container {		.home-button-container {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;

Gurren1 em 20h17min de 9 de junho de 2025

2025-06-09T20:17:57Z

← Edição anterior		Edição das 20h17min de 9 de junho de 2025
Linha 84:		Linha 84:
	.home-button-container {		.home-button-container {
	display: grid;		display: grid;
	/* ~~deixa o grid “inteligente”: quantos cards de ≥240px couberem,~~ cada um cresce ~~até~~ preencher igualmente o espaço */		/* cada card tem no mínimo 240px e cresce para preencher igualmente todo o espaço disponível */
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;		gap: 20px;
	padding: 10px;		padding: 10px;
	box-sizing: border-box;		box-sizing: border-box;
	~~width: 100%;~~
	font-family: "Noto Sans", sans-serif;		font-family: "Noto Sans", sans-serif;
	}		}
Linha 101:		Linha 100:
	border-radius: 12px;		border-radius: 12px;
	background: #fff;		background: #fff;
	transition: transform 0.2s ease-out,		transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, border-color 0.2s ease-out;
	box-shadow 0.2s ease-out,		box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	border-color 0.2s ease-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;		box-sizing: border-box;
			/* remove qualquer max-width fixo para permitir o 1fr preencher */
	/* ~~garante que cada card nunca passe de sua coluna~~ */
	width: 100%;		width: 100%;
	max-width: none;		max-width: none;
	margin: 0 ~~auto~~;		margin: 0;
	}		}

Linha 116:		Linha 112:
	transform: translateY(-3px);		transform: translateY(-3px);
	border-color: #007bff;		border-color: #007bff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);		box-shadow: 0 4px 10px rgba(0,0,0,0.12);
	}		}

Linha 156:		Linha 152:
	background: #fff;		background: #fff;
	color: #0645AD;		color: #0645AD;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	flex-shrink: 0;		flex-shrink: 0;
	}		}
Linha 165:		Linha 161:
	border-color: #bbb;		border-color: #bbb;
	box-shadow: none;		box-shadow: none;
			}

			/* 3 colunas até 1280px */
			@media (max-width: 1280px) {
			.home-button-container {
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			}
			}

			/* 2 colunas até 900px */
			@media (max-width: 900px) {
			.home-button-container {
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			}
			}

			/* 1 coluna até 600px */
			@media (max-width: 600px) {
			.home-button-container {
			grid-template-columns: 1fr;
			}
	}		}
	</style>		</style>