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

Alex: Sync automatico via GitHub Actions

2026-07-15T04:08:13Z

Sync automatico via GitHub Actions

@@ Linha 140: / Linha 140: @@
 	right: max(20px, calc(50vw - 520px));
 	z-index: 20;
+}

Alex: Sync automatico via GitHub Actions

2026-07-15T03:56:17Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 03h56min de 15 de julho de 2026
Linha 84:		Linha 84:

	/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de		/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de
	busca do topo, ~~na Main Page e tambem na tela~~ de ~~login/criar conta~~ - o		busca do topo - wiki inteira, sem escopo de pagina de proposito (decisao
	~~prototipo nao tinha esse chrome e~~ o wordmark RAGNADUST gigante do hero ja		consciente: aceita o trade-off de nao ter busca visivel em lugar nenhum,
	cumpre o papel de identidade visual~~. As duas classes mw-special-* cobrem~~		ja que o wordmark RAGNADUST gigante do hero ja cumpre o papel de
	~~variacoes de capitalizacao do nome canonico da~~ pagina ~~especial~~. */		identidade visual e queremos o mesmo "sem chrome" em qualquer pagina). */
	body~~.page-Main_Page~~ .vector-header-start,		body .vector-header-start,
	body~~.page-Main_Page .vector-search-box,~~		body .vector-search-box {
	~~body.mw-special-Userlogin .vector-header-start,~~
	~~body.mw-special-Userlogin .vector-search-box,~~
	~~body.mw-special-UserLogin .vector-header-start,~~
	~~body.mw-special-UserLogin .vector-search-box,~~
	~~body.mw-special-CreateAccount .vector-header-start,~~
	~~body.mw-special-CreateAccount~~ .vector-search-box {
	display: none;		display: none;
	}		}
Linha 101:		Linha 95:
	/* Na tela de login/criar conta nao faz sentido manter os links "Entrar" /		/* Na tela de login/criar conta nao faz sentido manter os links "Entrar" /
	"Criar conta" flutuando em algum canto - voce ja esta nessa tela. Esconde		"Criar conta" flutuando em algum canto - voce ja esta nessa tela. Esconde
	o header inteiro, diferente ~~da Main Page~~ (onde o header-end ~~continua~~		o header inteiro, diferente das demais paginas (onde o header-end
	visivel, so reposicionado - ver regra mais abaixo). */		continua visivel, so reposicionado - ver regra mais abaixo). */
	body.mw-special-Userlogin .vector-header-end,		body.mw-special-Userlogin .vector-header-end,
	body.mw-special-UserLogin .vector-header-end,		body.mw-special-UserLogin .vector-header-end,
Linha 110:		Linha 104:

	/* Depois de esconder start/search (e, no caso do login, o header inteiro),		/* Depois de esconder start/search (e, no caso do login, o header inteiro),
	sobra uma barra branca vazia ~~(o .vector-header-container so tinha esses~~		sobra uma barra branca vazia. Zera o "chrome" visual do container sem
	~~elementos, e o header-end da Main Page e position:absolute/fixed, nao~~		dar display:none nele, senao o header-end (que e descendente dele)
	~~ocupa espaço no fluxo)~~. Zera o "chrome" visual do container sem ~~dar~~		sumiria junto. position:static de proposito: remove o
	display:none nele, senao o header-end ~~da Main Page~~ (que e descendente		position:relative nativo do skin nesse elemento, que servia de
	~~dele)~~ sumiria junto. */		referencia (errada) pro position:absolute do header-end logo abaixo -
	~~body.page-Main_Page .vector-header-container~~,		sem isso, o menu de login ficava "grudado" na tela ao rolar em vez de
	~~body.page-Main_Page .vector-~~header,		rolar junto com a pagina como o resto do conteudo. */
	~~body.mw~~-~~special~~-~~Userlogin .vector-header-container,~~		body .vector-header-container,
	~~body.mw-special-Userlogin .vector-header~~,		body .vector-header {
	~~body~~.~~mw-special-UserLogin .vector-header-container,~~
	~~body.mw-special-UserLogin .vector-header,~~
	body~~.mw-special-CreateAccount~~ .vector-header-container,
	body~~.mw-special-CreateAccount~~ .vector-header {
	background: transparent;		background: transparent;
	border: 0;		border: 0;
Linha 131:		Linha 121:
	height: 0;		height: 0;
	overflow: visible;		overflow: visible;
			position: static;
	}		}

	/* position:~~fixed~~ (nao ~~absolute~~): o header-container acima ~~tem~~		/* position:absolute (nao fixed): com o header-container acima neutralizado
	position:~~relative nativo~~ do ~~skin e serve de referencia pro absolute,~~		(position:static), isso passa a ser medido a partir do topo do
	~~entao qualquer ajuste de tamanho nele deslocava esse menu~~ junto~~. Fixed~~		documento, nao da tela - rola junto com a pagina exatamente como o
	~~ignora isso e conta so a partir da~~ tela.		"Servidor no ar" do hero, em vez de ficar fixo na tela ao rolar.
	"right" ~~NAO~~ pode ser um px fixo: ~~antes (com position:absolute) ele era~~		"right" nao pode ser um px fixo: o conteudo vive dentro de um .wrap
	~~medido a partir da borda do .wrap~~ centralizado (max-width:1080px,		centralizado (max-width:1080px, padding:0 20px - ver MainPage.html), nao
	padding:0 20px - ver MainPage.html), nao da borda real da tela~~. Com~~		colado na borda real da tela. calc() reproduz a borda direita do .wrap:
	~~fixed, right:24px passou a contar da borda real do viewport, que em~~		metade da tela menos metade do max-width (540px) mais o padding interno
	~~telas largas fica bem mais a direita que o conteudo - por isso "fugiu~~		(20px). Abaixo de 1080px de viewport o .wrap vira fluido com 20px de
	~~do banner"~~. calc() reproduz a borda direita do .wrap: metade da tela		padding fixo, dai o max() com esse piso. Top ainda e palpite, confirme
	menos metade do max-width (540px) mais o padding interno (20px). Abaixo		visualmente. */
	de 1080px de viewport o .wrap vira fluido com 20px de padding fixo, ~~daí~~		body .vector-header-end {
	o max() com esse piso. Top ainda e palpite, confirme visualmente. */		position: absolute;
	body~~.page-Main_Page~~ .vector-header-end {
	position: ~~fixed~~;
	top: 120px;		top: 120px;
	right: max(20px, calc(50vw - 520px));		right: max(20px, calc(50vw - 520px));
	z-index: 20;		z-index: 20;
	}		}

Alex: Sync automatico via GitHub Actions

2026-07-15T03:35:21Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 03h35min de 15 de julho de 2026
Linha 24:		Linha 24:
	margin: 0 auto;		margin: 0 auto;
	padding: 32px 20px 40px;		padding: 32px 20px 40px;
			}
			/* Na Main Page, esse padding-top de 32px soma ao espaco que o
			.mw-body-content padrao ja deixa depois do nosso <footer> customizado
			(o "RagnaDust Wiki - construido com MediaWiki" dentro do .canvas),
			criando um vao grande antes do rodape real da wiki ("Esta pagina foi
			modificada..."). Reduz so nesse caso - nas demais paginas o padding
			maior ainda faz sentido, separando texto de artigo do rodape. */
			body.page-Main_Page .mw-footer-container {
			padding-top: 4px;
	}		}
	body #footer {		body #footer {

Alex: Sync automatico via GitHub Actions

2026-07-15T03:26:52Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 03h26min de 15 de julho de 2026
Linha 8:		Linha 8:
	}		}

	/* Fundo branco padrao do Vector 2022 -> cinza claro, pra combinar com o		/* Fundo branco padrao do Vector 2022 -> cinza claro, pra combinar com a
	~~"canvas"~~ da Main Page ~~(mesmo tom usado nos cards do layout customizado)~~. */		identidade visual. Sem escopo de pagina de proposito: isso vale pra
	body~~.page-Main_Page~~ .mw-page-container {		wiki inteira (Main Page, artigos, pagina de link quebrado, etc.), so o
			titulo/toolbar acima e que fica exclusivo da Main Page. */
			body .mw-page-container {
	background-color: #b9b9b9;		background-color: #b9b9b9;
	}		}
Linha 16:		Linha 18:
	/* Rodape padrao do MediaWiki (links de privacidade/sobre/powered-by) estava		/* Rodape padrao do MediaWiki (links de privacidade/sobre/powered-by) estava
	perdido no fundo branco. Estiliza pra combinar com a identidade visual e		perdido no fundo branco. Estiliza pra combinar com a identidade visual e
	alinha na mesma largura do conteudo customizado. */		alinha na mesma largura do conteudo customizado - tambem sem escopo de
	body~~.page-Main_Page~~ .mw-footer-container {		pagina, pra ficar consistente em qualquer lugar da wiki. */
			body .mw-footer-container {
	max-width: 1080px;		max-width: 1080px;
	margin: 0 auto;		margin: 0 auto;
	padding: 32px 20px 40px;		padding: 32px 20px 40px;
	}		}
	body~~.page-Main_Page~~ #footer {		body #footer {
	border-top: 1px solid #e6e8f0;		border-top: 1px solid #e6e8f0;
	padding-top: 16px;		padding-top: 16px;
Linha 29:		Linha 32:
	color: #6b7086;		color: #6b7086;
	}		}
	body~~.page-Main_Page~~ #footer ul {		body #footer ul {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
Linha 38:		Linha 41:
	list-style: none;		list-style: none;
	}		}
	body~~.page-Main_Page~~ #footer li {		body #footer li {
	display: inline;		display: inline;
	}		}
	body~~.page-Main_Page~~ #footer a {		body #footer a {
	color: #6b7086;		color: #6b7086;
	text-decoration: none;		text-decoration: none;
	}		}
	body~~.page-Main_Page~~ #footer a:hover {		body #footer a:hover {
	color: #eb6a0e;		color: #eb6a0e;
	text-decoration: underline;		text-decoration: underline;
Linha 53:		Linha 56:
	afeta redistribuicao de codigo, nao o site rodando), mas mantemos um		afeta redistribuicao de codigo, nao o site rodando), mas mantemos um
	link de texto pequeno e discreto em vez de remover 100%. */		link de texto pequeno e discreto em vez de remover 100%. */
	body~~.page-Main_Page~~ #footer-poweredbyico img {		body #footer-poweredbyico img {
	display: none;		display: none;
	}		}
	body~~.page-Main_Page~~ #footer-poweredbyico a {		body #footer-poweredbyico a {
	font-size: 11px;		font-size: 11px;
	color: #8a8074;		color: #8a8074;
	}		}
	body~~.page-Main_Page~~ #footer-poweredbyico a::after {		body #footer-poweredbyico a::after {
	content: "MediaWiki";		content: "MediaWiki";
	}		}

Alex: Sync automatico via GitHub Actions

2026-07-15T03:07:55Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 03h07min de 15 de julho de 2026
Linha 124:		Linha 124:
	position:relative nativo do skin e serve de referencia pro absolute,		position:relative nativo do skin e serve de referencia pro absolute,
	entao qualquer ajuste de tamanho nele deslocava esse menu junto. Fixed		entao qualquer ajuste de tamanho nele deslocava esse menu junto. Fixed
	ignora isso e conta so a partir da tela - ~~Valores de top/right ainda sao~~		ignora isso e conta so a partir da tela.
	~~palpite~~, ~~confirme visualmente~~. ~~Efeito colateral aceito por ora~~: fica		"right" NAO pode ser um px fixo: antes (com position:absolute) ele era
	"~~grudado" na~~ tela ~~ao rolar, em vez~~ de ~~rolar junto~~ com o ~~hero~~. */		medido a partir da borda do .wrap centralizado (max-width:1080px,
			padding:0 20px - ver MainPage.html), nao da borda real da tela. Com
			fixed, right:24px passou a contar da borda real do viewport, que em
			telas largas fica bem mais a direita que o conteudo - por isso "fugiu
			do banner". calc() reproduz a borda direita do .wrap: metade da tela
			menos metade do max-width (540px) mais o padding interno (20px). Abaixo
			de 1080px de viewport o .wrap vira fluido com 20px de padding fixo, daí
			o max() com esse piso. Top ainda e palpite, confirme visualmente. */
	body.page-Main_Page .vector-header-end {		body.page-Main_Page .vector-header-end {
	position: fixed;		position: fixed;
	top: 120px;		top: 120px;
	right: ~~24px~~;		right: max(20px, calc(50vw - 520px));
	z-index: 20;		z-index: 20;
	}		}

Alex: Sync automatico via GitHub Actions

2026-07-15T02:30:57Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 02h30min de 15 de julho de 2026
Linha 72:		Linha 72:

	/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de		/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de
	busca do topo, so na Main Page - o prototipo nao tinha esse chrome e o		busca do topo, na Main Page e tambem na tela de login/criar conta - o
	wordmark RAGNADUST gigante do hero ja cumpre o papel de identidade visual. */		prototipo nao tinha esse chrome e o wordmark RAGNADUST gigante do hero ja
			cumpre o papel de identidade visual. As duas classes mw-special-* cobrem
			variacoes de capitalizacao do nome canonico da pagina especial. */
	body.page-Main_Page .vector-header-start,		body.page-Main_Page .vector-header-start,
	body.page-Main_Page .vector-search-box {		body.page-Main_Page .vector-search-box,
			body.mw-special-Userlogin .vector-header-start,
			body.mw-special-Userlogin .vector-search-box,
			body.mw-special-UserLogin .vector-header-start,
			body.mw-special-UserLogin .vector-search-box,
			body.mw-special-CreateAccount .vector-header-start,
			body.mw-special-CreateAccount .vector-search-box {
	display: none;		display: none;
	}		}

	/* Depois de esconder start/search ~~acima~~, sobra uma barra branca vazia		/* Na tela de login/criar conta nao faz sentido manter os links "Entrar" /
	(o .vector-header-container so ~~tem~~ o ~~.vector-~~header-end~~, que~~ e		"Criar conta" flutuando em algum canto - voce ja esta nessa tela. Esconde
	position:absolute e nao ocupa espaço no fluxo). Zera o "chrome" visual		o header inteiro, diferente da Main Page (onde o header-end continua
	do container sem dar display:none nele, senao o header-end (que e		visivel, so reposicionado - ver regra mais abaixo). */
	~~descendente~~ dele) ~~some~~ junto. */		body.mw-special-Userlogin .vector-header-end,
	body.page-Main_Page .vector-header-container {		body.mw-special-UserLogin .vector-header-end,
			body.mw-special-CreateAccount .vector-header-end {
			display: none;
			}

			/* Depois de esconder start/search (e, no caso do login, o header inteiro),
			sobra uma barra branca vazia (o .vector-header-container so tinha esses
			elementos, e o header-end da Main Page e position:absolute/fixed, nao
			ocupa espaço no fluxo). Zera o "chrome" visual do container sem dar
			display:none nele, senao o header-end da Main Page (que e descendente
			dele) sumiria junto. */
			body.page-Main_Page .vector-header-container,
			body.page-Main_Page .vector-header,
			body.mw-special-Userlogin .vector-header-container,
			body.mw-special-Userlogin .vector-header,
			body.mw-special-UserLogin .vector-header-container,
			body.mw-special-UserLogin .vector-header,
			body.mw-special-CreateAccount .vector-header-container,
			body.mw-special-CreateAccount .vector-header {
	background: transparent;		background: transparent;
	border: 0;		border: 0;
	box-shadow: none;		box-shadow: none;
	~~min-height~~: 0;		margin: 0;
	padding: 0;		padding: 0;
	}
	~~body.page-Main_Page .vector-header {~~
	min-height: 0;		min-height: 0;
	~~padding~~: 0;		height: 0;
			overflow: visible;
	}		}

	/* ~~Sobrepoe os links de conta~~ (~~Crie uma conta / Entrar~~) ~~na altura do badge~~		/* position:fixed (nao absolute): o header-container acima tem
	~~"Servidor no ar"~~ do ~~hero. Position:~~absolute ~~(nao fixed) pra rolar junto~~		position:relative nativo do skin e serve de referencia pro absolute,
	~~com a pagina em vez~~ de ~~ficar flutuando por cima do conteudo abaixo do~~		entao qualquer ajuste de tamanho nele deslocava esse menu junto. Fixed
	~~hero.~~ Valores de top/right sao ~~um primeiro~~ palpite - confirme visualmente		ignora isso e conta so a partir da tela - Valores de top/right ainda sao
	~~e me manda um novo print se precisar ajustar~~. */		palpite, confirme visualmente. Efeito colateral aceito por ora: fica
			"grudado" na tela ao rolar, em vez de rolar junto com o hero. */
	body.page-Main_Page .vector-header-end {		body.page-Main_Page .vector-header-end {
	position: ~~absolute~~;		position: fixed;
	top: 120px;		top: 120px;
	right: 24px;		right: 24px;
	z-index: 20;		z-index: 20;
	}		}

Alex: Sync automatico via GitHub Actions

2026-07-15T02:11:06Z

Sync automatico via GitHub Actions

@@ Linha 77: / Linha 77: @@
 body.page-Main_Page .vector-search-box {
 	display: none;
+}

Alex: Sync automatico via GitHub Actions

2026-07-15T01:57:52Z

Sync automatico via GitHub Actions

← Edição anterior		Edição das 01h57min de 15 de julho de 2026
Linha 71:		Linha 71:
	}		}

	/* ~~Alinha~~ os links de conta (~~Aparencia / Criar~~ conta / Entrar) ~~com a~~ altura		/* Remove o menu principal (hamburguer + logo/texto RagnaDust) e a barra de
	~~do badge~~ "Servidor no ar" do hero ~~customizado~~. ~~Valor~~ de "top~~" e~~ um		busca do topo, so na Main Page - o prototipo nao tinha esse chrome e o
	primeiro palpite - confirme visualmente e ~~ajuste~~ se precisar. */		wordmark RAGNADUST gigante do hero ja cumpre o papel de identidade visual. */
			body.page-Main_Page .vector-header-start,
			body.page-Main_Page .vector-search-box {
			display: none;
			}

			/* Sobrepoe os links de conta (Crie uma conta / Entrar) na altura do badge
			"Servidor no ar" do hero. Position:absolute (nao fixed) pra rolar junto
			com a pagina em vez de ficar flutuando por cima do conteudo abaixo do
			hero. Valores de top/right sao um primeiro palpite - confirme visualmente
			e me manda um novo print se precisar ajustar. */
	body.page-Main_Page .vector-header-end {		body.page-Main_Page .vector-header-end {
	position: ~~relative~~;		position: absolute;
	top: ~~60px~~;		top: 120px;
			right: 24px;
			z-index: 20;
	}		}

Alex: Sync automatico via GitHub Actions

2026-07-15T01:46:17Z

Sync automatico via GitHub Actions

@@ Linha 62: / Linha 62: @@
 body.page-Main_Page #footer-poweredbyico a::after {
 	content: "MediaWiki";
+}

Alex: Sync automatico via GitHub Actions

2026-07-15T01:33:31Z

Sync automatico via GitHub Actions

Página nova

/* Home totalmente customizada: esconde o titulo "Pagina principal" e a barra
de abas (Pagina principal / Discussao / Ler / Editar / Ver historico /
Ferramentas) que o Vector 2022 gera por padrao. So afeta a Main Page —
as demais paginas da wiki continuam com a navegacao normal. */
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .vector-page-toolbar {
display: none;
}

/* Fundo branco padrao do Vector 2022 -> cinza claro, pra combinar com o
"canvas" da Main Page (mesmo tom usado nos cards do layout customizado). */
body.page-Main_Page .mw-page-container {
background-color: #b9b9b9;
}

/* Rodape padrao do MediaWiki (links de privacidade/sobre/powered-by) estava
perdido no fundo branco. Estiliza pra combinar com a identidade visual e
alinha na mesma largura do conteudo customizado. */
body.page-Main_Page .mw-footer-container {
max-width: 1080px;
margin: 0 auto;
padding: 32px 20px 40px;
}
body.page-Main_Page #footer {
border-top: 1px solid #e6e8f0;
padding-top: 16px;
font-family: 'Manrope', sans-serif;
font-size: 12px;
color: #6b7086;
}
body.page-Main_Page #footer ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
margin: 0 0 10px;
padding: 0;
list-style: none;
}
body.page-Main_Page #footer li {
display: inline;
}
body.page-Main_Page #footer a {
color: #6b7086;
text-decoration: none;
}
body.page-Main_Page #footer a:hover {
color: #eb6a0e;
text-decoration: underline;
}

/* Badge grande "Powered by MediaWiki" -> nao e exigido por licenca (GPL so
afeta redistribuicao de codigo, nao o site rodando), mas mantemos um
link de texto pequeno e discreto em vez de remover 100%. */
body.page-Main_Page #footer-poweredbyico img {
display: none;
}
body.page-Main_Page #footer-poweredbyico a {
font-size: 11px;
color: #8a8074;
}
body.page-Main_Page #footer-poweredbyico a::after {
content: "MediaWiki";
}