MediaWiki:Common.css - Histórico de revisão

ADM-Xangel em 00h37min de 9 de novembro de 2025

2025-11-09T00:37:19Z

← Edição anterior		Edição das 21h37min de 8 de novembro de 2025
Linha 1:		Linha 1:
	/* ~~====== X Angel – Estilos~~ da home ~~======~~ */		/* Zera qualquer caixinha/miniatura que o wikitext cria dentro da faixa */
			.xa-ribbon .image,
			.xa-ribbon .thumb,
			.xa-ribbon .thumbinner {
			background: transparent !important;
			border: 0 !important;
			box-shadow: none !important;
			padding: 0 !important;
			}

			/* Ajuste do ícone da faixa */
			.xa-ribbon .xa-ribbon-icon {
			vertical-align: middle;
			margin-right: 10px;
			}

			/* Container da home (ajuste se quiser) */
	.xa-home { max-width: 1100px; margin: 0 auto 40px; padding: 0 10px; }		.xa-home { max-width: 1100px; margin: 0 auto 40px; padding: 0 10px; }

	/* Faixa vermelha ~~com gradiente~~ */		/* Faixa vermelha de “Tópicos Importantes” */
	.xa-ribbon {		.xa-ribbon {
	display: flex; align-items: center; gap: 10px;		display: flex;
			align-items: center;
			gap: 10px;
	background: linear-gradient(90deg, #a00 0%, #d22 40%, #a00 100%);		background: linear-gradient(90deg, #a00 0%, #d22 40%, #a00 100%);
	color: #fff; font-weight: ~~700~~;		color: #fff;
	~~border-radius: 12px;~~ padding: 12px ~~18px~~; ~~margin~~: ~~18px 0 26px~~;		font-weight: 600;
			padding: 12px 16px;
			border-radius: 8px;
	}		}
	~~.xa-ribbon .xa-ribbon-icon { width: 28px; height: 28px; image-rendering: pixelated; }~~

	/* Grade ~~dos~~ cards */		/* Grade de cards */
	.xa-grid {		.xa-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(4, 1fr);		grid-template-columns: repeat(4, 1fr);
	gap: 28px 40px;		gap: 28px 40px;
	justify-items: start;		justify-items: center;
			align-items: start;
	}		}

	/* Card (~~sem <a>~~) */		/* Card sem fundo/sombra (para não aparecer “caixa branca”) */
	.xa-card {		.xa-card {
	~~display~~: ~~inline-flex~~; ~~flex-direction~~: ~~column~~; ~~align-items~~: ~~center~~;		text-align: center;
	~~gap~~: ~~6px~~; ~~min~~-~~width~~: ~~120px~~;		background: transparent;
	~~transition~~: ~~transform .12s ease-in-out, filter .12s ease-in-out~~;		padding: 0;
			border: 0;
			box-shadow: none;
			border-radius: 0;
	}		}
	~~.xa-card .xa-img { width: 110px; height: auto; image-rendering: pixelated; }~~
	~~.xa-card .xa-title { color: #1a1a1a; font-weight: 700; text-align: center; display: block; }~~

	/* ~~“efeito hover” só visual, sem JS~~ */		/* Imagens dos cards */
	.xa-~~card~~:~~hover { transform~~: ~~translateY(~~-~~3px); filter~~: ~~brightness(1.05)~~; }		.xa-img { width: 120px; height: auto; image-rendering: -webkit-optimize-contrast; }

	/* ~~Responsivo~~ */		/* Título do card (link) */
	~~@media (max-width: 1050px) {~~ .xa-~~grid~~ { ~~grid~~-~~template-columns~~: ~~repeat(3, 1fr)~~; ~~} }~~		.xa-title a { text-decoration: none; color: #b11; font-weight: 600; }
	~~@media (max-width~~: ~~780px) { .xa~~-~~grid { grid-template-columns~~: ~~repeat(2, 1fr)~~; } }		.xa-title a:hover { text-decoration: underline; }
	~~@media (max-width: 520px) {~~ .xa-~~grid~~ { ~~grid~~-~~template-columns~~: ~~1fr~~; ~~justify-items:center; }~~ }

ADM-Xangel em 22h39min de 8 de novembro de 2025

2025-11-08T22:39:00Z

← Edição anterior		Edição das 19h39min de 8 de novembro de 2025
Linha 1:		Linha 1:
	/* X Angel – ~~Home~~ */		/* ====== X Angel – Estilos da home ====== */
	.xa-home { max-width: 1100px; margin: 0 auto 40px; }		.xa-home { max-width: 1100px; margin: 0 auto 40px; padding: 0 10px; }

	/* ~~faixa título~~ vermelha */		/* Faixa vermelha com gradiente */
	.xa-ribbon{		.xa-ribbon {
	background: linear-gradient(90deg,#a00 0%,#d22 40%,#a00 100%);		display: flex; align-items: center; gap: 10px;
	color:#fff; font-weight:~~bold; padding:10px 14px~~; border-radius:~~10px~~;		background: linear-gradient(90deg, #a00 0%, #d22 40%, #a00 100%);
	~~display~~:~~flex; align-items:center; gap:10px~~; margin:~~12px~~ 0 ~~18px~~;		color: #fff; font-weight: 700;
			border-radius: 12px; padding: 12px 18px; margin: 18px 0 26px;
	}		}
			.xa-ribbon .xa-ribbon-icon { width: 28px; height: 28px; image-rendering: pixelated; }

	/* ~~grade (4 colunas)~~ */		/* Grade dos cards */
	.xa-grid{		.xa-grid {
	display:grid; grid-template-columns: repeat(4, 1fr);		display: grid;
	gap: 28px 40px; justify~~-items:center; align~~-items:start;		grid-template-columns: repeat(4, 1fr);
			gap: 28px 40px;
			justify-items: start;
	}		}

	/* ~~card~~ */		/* Card (sem <a>) */
	.xa-card{ ~~text~~-align:center; ~~text~~-~~decoration~~:~~none~~; }		.xa-card {
	.xa-card img{ width:110px; height:auto; image-rendering:~~-webkit-optimize-contrast~~; }		display: inline-flex; flex-direction: column; align-items: center;
	.xa-card ~~span~~{ ~~display~~:~~block; margin-top:10px~~; font-~~size~~:~~18px~~; ~~font~~-~~weight~~:~~700~~; ~~color~~:~~#1a34a8~~; }		gap: 6px; min-width: 120px;
	.xa-card:hover ~~span~~{ ~~text~~-~~decoration~~:~~underline~~; }		transition: transform .12s ease-in-out, filter .12s ease-in-out;
			}
			.xa-card .xa-img { width: 110px; height: auto; image-rendering: pixelated; }
			.xa-card .xa-title { color: #1a1a1a; font-weight: 700; text-align: center; display: block; }

			/* “efeito hover” só visual, sem JS */
			.xa-card:hover { transform: translateY(-3px); filter: brightness(1.05); }

	/* ~~responsivo~~ */		/* Responsivo */
	@media (max-width:~~1024px~~){ .xa-grid{ ~~gap:24px 28px; } .xa~~-~~card img{ width~~:~~96px~~; } }		@media (max-width: 1050px) { .xa-grid { grid-template-columns: repeat(3, 1fr); } }
	@media (max-width:~~760px~~){ .xa-grid{ grid-template-columns: repeat(2, 1fr); } }		@media (max-width: 780px) { .xa-grid { grid-template-columns: repeat(2, 1fr); } }
	@media (max-width:~~420px~~){ .xa-grid{ grid-template-columns: 1fr; } }		@media (max-width: 520px) { .xa-grid { grid-template-columns: 1fr; justify-items:center; } }

ADM-Xangel: Criou página com '/* X Angel – Home / .xa-home { max-width: 1100px; margin: 0 auto 40px; } / faixa título vermelha / .xa-ribbon{ background: linear-gradient(90deg,#a00 0%,#d22 40%,#a00 100%); color:#fff; font-weight:bold; padding:10px 14px; border-radius:10px; display:flex; align-items:center; gap:10px; margin:12px 0 18px; } / grade (4 colunas) */ .xa-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 28px 40px; justify-items:center; align-items:start; } /...'

2025-11-08T18:25:48Z

Criou página com 'X Angel – Home: .xa-home { max-width: 1100px; margin: 0 auto 40px; } faixa título vermelha: .xa-ribbon{ background: linear-gradient(90deg,#a00 0%,#d22 40%,#a00 100%); color:#fff; font-weight:bold; padding:10px 14px; border-radius:10px; display:flex; align-items:center; gap:10px; margin:12px 0 18px; } grade (4 colunas): .xa-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 28px 40px; justify-items:center; align-items:start; } /...'

Página nova

/* X Angel – Home */
.xa-home { max-width: 1100px; margin: 0 auto 40px; }

/* faixa título vermelha */
.xa-ribbon{
background: linear-gradient(90deg,#a00 0%,#d22 40%,#a00 100%);
color:#fff; font-weight:bold; padding:10px 14px; border-radius:10px;
display:flex; align-items:center; gap:10px; margin:12px 0 18px;
}

/* grade (4 colunas) */
.xa-grid{
display:grid; grid-template-columns: repeat(4, 1fr);
gap: 28px 40px; justify-items:center; align-items:start;
}

/* card */
.xa-card{ text-align:center; text-decoration:none; }
.xa-card img{ width:110px; height:auto; image-rendering:-webkit-optimize-contrast; }
.xa-card span{ display:block; margin-top:10px; font-size:18px; font-weight:700; color:#1a34a8; }
.xa-card:hover span{ text-decoration:underline; }

/* responsivo */
@media (max-width:1024px){ .xa-grid{ gap:24px 28px; } .xa-card img{ width:96px; } }
@media (max-width:760px){ .xa-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:420px){ .xa-grid{ grid-template-columns: 1fr; } }