MediaWiki:Common.css - Revision history

WikiSysop: Migra o bloco .pxgq-* (cards de quest) do roxo antigo para o acento azul

2026-09-14T14:23:43Z

Migra o bloco .pxgq-* (cards de quest) do roxo antigo para o acento azul

← Older revision		Revision as of 10:23, 14 September 2026
Line 63:		Line 63:

	.pxgq-account-toggle button.is-active {		.pxgq-account-toggle button.is-active {
	background: linear-gradient(135deg, #~~b55cff~~, #~~8f4cff~~);		background: linear-gradient(135deg, #0b7aad, #096390);
	color: #fff;		color: #fff;
	border-color: #~~9d58f2~~;		border-color: #096390;
	box-shadow: 0 8px 22px rgba(~~150~~, 92, ~~255~~, 0.25);		box-shadow: 0 8px 22px rgba(9, 99, 144, 0.25);
	}		}

Line 94:		Line 94:
	height: 118px;		height: 118px;
	overflow: hidden;		overflow: hidden;
	background: linear-gradient(135deg, #~~ead8ff~~, #~~dfeaff~~);		background: linear-gradient(135deg, #d5e9f4, #eaf6fc);
	}		}

Line 132:		Line 132:

	.pxgq-tag-region {		.pxgq-tag-region {
	background: #~~ebbaff~~;		background: #d5e9f4;
	color: #~~9241c7~~;		color: #096390;
	}		}

	.pxgq-tag-account {		.pxgq-tag-account {
	background: #~~9c59ff~~;		background: #096390;
	color: #fff;		color: #fff;
	}		}
Line 188:		Line 188:
	border: 0;		border: 0;
	border-radius: 14px;		border-radius: 14px;
	background: linear-gradient(135deg, #~~f3e2ff~~, #~~ecdfff~~);		background: linear-gradient(135deg, #f4fafd, #eaf6fc);
	color: #~~994eff~~;		color: #096390;
	font-weight: 800;		font-weight: 800;
	text-decoration: none;		text-decoration: none;

WikiSysop: box-sizing em .pst-figs img: a borda de 1px estourava a coluna em 2px no celular

2026-09-13T20:36:28Z

box-sizing em .pst-figs img: a borda de 1px estourava a coluna em 2px no celular

← Older revision		Revision as of 16:36, 13 September 2026
Line 1,750:		Line 1,750:
	height: auto;		height: auto;
	border: 1px solid #cbe4f1;		border: 1px solid #cbe4f1;
			/* sem isto a borda de 1px de cada lado fica FORA dos 100% e a imagem
			estoura a coluna em 2px no celular */
			box-sizing: border-box;
	}		}

WikiSysop: Classe .pst-vazio: espaço reservado preto para imagem que ainda não existe

2026-09-13T20:27:51Z

Classe .pst-vazio: espaço reservado preto para imagem que ainda não existe

@@ Line 1,934: / Line 1,934: @@
 		max-width: 100%;
+	}
+}

WikiSysop: Classe .pst-vejamais: ponteiro no ponto do texto, no lugar da seção Ver também

2026-09-13T03:19:21Z

Classe .pst-vejamais: ponteiro no ponto do texto, no lugar da seção Ver também

@@ Line 1,906: / Line 1,906: @@
 		width: 134px;
 		height: 134px;
+	}
+}

WikiSysop: .pst-retratos com teto de 674px para fechar 3 por linha

2026-09-13T02:57:00Z

.pst-retratos com teto de 674px para fechar 3 por linha

← Older revision		Revision as of 22:57, 12 September 2026
Line 1,839:		Line 1,839:
	justify-content: center;		justify-content: center;
	gap: 22px;		gap: 22px;
	margin: 20px 0;		/* 3 por linha, como a referencia: 3x210 + 2x22 = 674. Sem esse teto a
			coluna de 948px cabe 4 e sobra uma linha orfa de 2. */
			max-width: 674px;
			margin: 20px auto;
	}		}

WikiSysop: Corrige .pst-retratos: hover no bloco em vez do , que o link= do wikitext só envolve a imagem

2026-09-13T02:55:44Z

Corrige .pst-retratos: hover no bloco em vez do <a>, que o link= do wikitext só envolve a imagem

← Older revision		Revision as of 22:55, 12 September 2026
Line 1,823:		Line 1,823:

	/* --- Retratos de boss ------------------------------------------------------		/* --- Retratos de boss ------------------------------------------------------
	Indice visual: uma grade de retratos em que ~~a imagem inteira e o link para~~		Indice visual: uma grade de retratos que levam a pagina de cada boss.
	a pagina do boss. E o padrao da referencia na pagina Nightmare Terror, onde		E o padrao da referencia na pagina Nightmare Terror, onde cada banner e um
	cada banner e um PNG pronto de 250x251 dentro de <a>, com		PNG pronto de 250x251 dentro de <a>, com `transition: transform .25s` e
	`transition: transform .25s` e `transform: scale(.95)` no hover.		`transform: scale(.95)` no hover.
	~~Aqui~~ o circulo e a placa de nome sao CSS, porque nossa arte e o PNG oficial		Duas diferencas necessarias:
	~~com~~ fundo transparente e nao um banner composto ~~por boss~~. Se um dia ~~houver~~		- o circulo e a placa de nome sao CSS, porque nossa arte e o PNG oficial de
	~~banner pronto~~, e so ~~trocar~~ a imagem ~~e apagar~~ o ~~circulo~~.		fundo transparente e nao um banner composto. Havendo banner pronto um dia,
			troca-se a imagem e apaga-se o circulo;
			- o hover fica no bloco, nao no <a>: o `link=` do wikitext so envolve a
			imagem, entao animar o <a> deixaria a placa de nome parada.
	Sem sombra e sem gradiente de proposito: a moldura basta. */		Sem sombra e sem gradiente de proposito: a moldura basta. */
	.pst-retratos {		.pst-retratos {
Line 1,839:		Line 1,842:
	}		}

	.pst-~~retratos > a,~~		.pst-retrato {
	~~.pst-retratos > span > a~~ {		width: 210px;
	~~display: block;~~
	width: ~~190px~~;
	text-align: center;		text-align: center;
	~~text-decoration: none;~~
	~~/* mesmo tempo da referencia */~~
	transition: transform 0.25s;		transition: transform 0.25s;
	}		}

	.pst-~~retratos a~~:hover,		.pst-retrato:hover {
	~~.pst-retratos a:focus~~ {		/* encolhe em vez de crescer, como a referencia: da sensacao de clique e
	/* encolhe em vez de crescer, como ~~eles fazem~~: da sensacao de clique		nao empurra os vizinhos da grade */
	e nao empurra os vizinhos da grade */
	transform: scale(0.95);		transform: scale(0.95);
	~~text-decoration: none;~~
	}		}

Line 1,861:		Line 1,858:
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	width: ~~170px~~;		width: 190px;
	height: ~~170px~~;		height: 190px;
	margin: 0 auto;		margin: 0 auto;
	border: 3px solid #096390;		border: 3px solid #096390;
Line 1,871:		Line 1,868:
	#content .pst-retratos .pst-retrato-arte img {		#content .pst-retratos .pst-retrato-arte img {
	width: auto;		width: auto;
	~~max-width: 150px;~~
	~~max-height: 150px;~~
	height: auto;		height: auto;
			max-width: 165px;
			max-height: 165px;
	}		}

	.pst-retrato-nome {		.pst-retrato-nome {
	display: inline-block;		display: inline-block;
	~~margin-top: -14px;~~
	~~padding: 4px 14px;~~
	position: relative;		position: relative;
			margin-top: -16px;
			padding: 5px 14px;
	border-radius: 8px;		border-radius: 8px;
	background: #096390;		background: #096390;
	~~color: #ffffff;~~
	font-size: 13px;		font-size: 13px;
	font-weight: bold;		font-weight: bold;
	~~letter~~-~~spacing~~: ~~.02em~~;		}

			.pst-retrato-nome a,
			.pst-retrato-nome a:visited,
			.pst-retrato-nome a:hover {
			color: #ffffff;
			text-decoration: none;
	}		}

	@media (max-width: 420px) {		@media (max-width: 420px) {
	.pst-retratos {		.pst-retratos {
	gap: ~~16px~~;		gap: 14px;
	}		}

	.pst-~~retratos > a,~~		.pst-retrato {
	~~.pst-retratos > span > a~~ {		width: 150px;
	width: ~~140px~~;
	}		}

	.pst-retrato-arte {		.pst-retrato-arte {
	width: ~~126px~~;		width: 134px;
	height: ~~126px~~;		height: 134px;
	}		}
	}		}

WikiSysop: Classe .pst-retratos: indice visual de boss no padrao da referência (imagem é o link, hover encolhe 0.95 em 0.25s)

2026-09-13T02:54:35Z

Classe .pst-retratos: indice visual de boss no padrao da referência (imagem é o link, hover encolhe 0.95 em 0.25s)

@@ Line 1,820: / Line 1,820: @@
 	transform: scale(1.02);
 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
+}

WikiSysop: Fallback do body de #1f1f1f para #daecf7 (a cor certa só existia no Vector.css) e hover do banner portado do Vector.css

2026-09-12T19:58:20Z

Fallback do body de #1f1f1f para #daecf7 (a cor certa só existia no Vector.css) e hover do banner portado do Vector.css

← Older revision		Revision as of 15:58, 12 September 2026
Line 564:		Line 564:

	body {		body {
	background-color: #~~1f1f1f~~;		background-color: #daecf7;
	background-image: url("/index.php/Special:Redirect/file/Background.jpg");		background-image: url("/index.php/Special:Redirect/file/Background.jpg");
	background-repeat: no-repeat;		background-repeat: no-repeat;
Line 1,808:		Line 1,808:
	#content:has(.cp-boss) #firstHeading {		#content:has(.cp-boss) #firstHeading {
	display: none;		display: none;
			}

			/* Hover do banner da página inicial. Vivia só no MediaWiki:Vector.css,
			que não carrega no Vector 2022 — subiu para cá para valer em qualquer skin. */
			.banner-hover img {
			transition: transform 0.25s ease, box-shadow 0.25s ease;
			border-radius: 8px;
			}

			.banner-hover img:hover {
			transform: scale(1.02);
			box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	}		}

WikiSysop: Esconde o titulo da ficha por classe, sem depender de :has()

2026-09-12T19:27:52Z

Esconde o titulo da ficha por classe, sem depender de :has()

← Older revision		Revision as of 15:27, 12 September 2026
Line 1,798:		Line 1,798:


	/* ~~Pagina de ficha~~ de boss: o titulo da pagina e redundante, porque a ~~propria~~		/* Ficha de boss: o titulo da pagina e redundante, porque a ficha ja mostra o
	ficha ja ~~exibe~~ o nome ~~do Campeao~~ no cabecalho. O :~~has() liga~~ a regra so		nome no cabecalho. O Module:Campeao troca o titulo por um span com esta
	~~onde existe uma ficha~~, ~~entao nenhuma outra pagina e afetada~~. */		classe via DISPLAYTITLE, entao a regra e simples e funciona em qualquer
			navegador -- diferente de :has(), que exige Chrome 105+ ou Firefox 121+. */
			.cp-h1-oculto {
			display: none;
			}

	#content:has(.cp-boss) #firstHeading {		#content:has(.cp-boss) #firstHeading {
	display: none;		display: none;
	}		}

WikiSysop: Esconde o h1 nas paginas que contem uma ficha de Campeao

2026-09-12T19:24:55Z

Esconde o h1 nas paginas que contem uma ficha de Campeao

@@ Line 1,795: / Line 1,795: @@
 		overflow-x: auto;
+	}
+}