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

Njr: Limpou toda a página

2026-06-17T10:59:19Z

Limpou toda a página

← Edição anterior		Edição das 10h59min de 17 de junho de 2026
Linha 1:		Linha 1:
	~~/* ======================================================================~~
	~~FIX TOTAL: ALINHAMENTO GEOMÉTRICO DA CASINHA (CITIZEN)~~
	~~====================================================================== */~~

	~~/* 1. Bloqueio absoluto do logo antigo (Forfans) */~~
	~~html body .citizen-header__logo img,~~
	~~html body .citizen-header__logo-image,~~
	~~html body .mw-logo-wordmark,~~
	~~html body .mw-logo-icon,~~
	~~html body .citizen-header__logo-text {~~
	~~display: none !important;~~
	~~opacity: 0 !important;~~
	~~visibility: hidden !important;~~
	}

	~~/* 2. Força o contêiner a se alinhar perfeitamente ao centro da barra */~~
	~~html body .citizen-header__logo {~~
	~~background-image: none !important;~~
	~~position: relative !important;~~
	~~display: inline-flex !important;~~
	~~align-items: center !important;~~
	~~justify-content: center !important;~~
	~~width: 32px !important;~~
	~~height: 32px !important;~~
	~~min-width: 32px !important;~~
	~~min-height: 32px !important;~~

	~~/* Zera os empurrões laterais que o Citizen joga no logo */~~
	~~margin: 0 auto !important;~~
	~~padding: 0 !important;~~
	}

	~~/* 3. Injeta a Casinha perfeitamente centralizada */~~
	~~html body .citizen-header__logo::before {~~
	~~content: "" !important;~~
	~~position: absolute !important;~~
	~~top: 50% !important;~~

	~~/* Ajuste milimétrico de centralização horizontal */~~
	~~left: 50% !important;~~

	~~transform: translate(-50%, -50%) !important;~~
	~~width: 26px !important;~~
	~~height: 26px !important;~~
	~~background-color: currentColor !important;~~

	~~/* Desenho da Casinha Sólida */~~
	~~-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;~~
	~~mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/></svg>") no-repeat center !important;~~

	~~-webkit-mask-size: contain !important;~~
	~~mask-size: contain !important;~~
	~~opacity: 0.65 !important;~~
	~~visibility: visible !important;~~
	~~display: block !important;~~
	~~transition: opacity 0.2s ease !important;~~
	}

	~~/* 4. Controle do brilho ao passar o mouse */~~
	~~html body .citizen-header:hover .citizen-header__logo::before,~~
	~~html body .citizen-header__start:hover .citizen-header__logo::before,~~
	~~html body .citizen-header__logo:hover::before {~~
	~~opacity: 1 !important;~~
	~~visibility: visible !important;~~
	~~transform: translate(-50%, -50%) scale(1) !important;~~
	}

	~~/* 5. Seus ajustes originais da barra lateral */~~
	~~html body .citizen-drawer {~~
	~~width: 30px !important;~~
	}
	~~html body .citizen-nav {~~
	~~font-size: 15px !important;~~
	}
	~~html body .citizen-nav__item {~~
	~~padding: 10px 16px !important;~~
	}

Njr em 23h56min de 16 de junho de 2026

2026-06-16T23:56:54Z

← Edição anterior		Edição das 23h56min de 16 de junho de 2026
Linha 41:		Linha 41:

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~24px~~ !important;		width: 26px !important;
	height: ~~24px~~ !important;		height: 26px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h55min de 16 de junho de 2026

2026-06-16T23:55:49Z

← Edição anterior		Edição das 23h55min de 16 de junho de 2026
Linha 41:		Linha 41:

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~25px~~ !important;		width: 24px !important;
	height: ~~25px~~ !important;		height: 24px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h49min de 16 de junho de 2026

2026-06-16T23:49:06Z

← Edição anterior		Edição das 23h49min de 16 de junho de 2026
Linha 41:		Linha 41:

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~24px~~ !important;		width: 25px !important;
	height: ~~24px~~ !important;		height: 25px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h47min de 16 de junho de 2026

2026-06-16T23:47:35Z

← Edição anterior		Edição das 23h47min de 16 de junho de 2026
Linha 41:		Linha 41:

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~23px~~ !important;		width: 24px !important;
	height: ~~23px~~ !important;		height: 24px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h46min de 16 de junho de 2026

2026-06-16T23:46:32Z

← Edição anterior		Edição das 23h46min de 16 de junho de 2026
Linha 41:		Linha 41:

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~22px~~ !important;		width: 23px !important;
	height: ~~22px~~ !important;		height: 23px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h45min de 16 de junho de 2026

2026-06-16T23:45:42Z

← Edição anterior		Edição das 23h45min de 16 de junho de 2026
Linha 1:		Linha 1:
	/* ======================================================================		/* ======================================================================
	FIX TOTAL: CASINHA ~~FIXA QUE ACENDE NO HOVER~~ (~~SEM LOGO RESIDUAL~~)		FIX TOTAL: ALINHAMENTO GEOMÉTRICO DA CASINHA (CITIZEN)
	====================================================================== */		====================================================================== */

	/* 1. Bloqueio absoluto do logo antigo (Forfans) ~~em qualquer estado~~ */		/* 1. Bloqueio absoluto do logo antigo (Forfans) */
	html body .citizen-header__logo img,		html body .citizen-header__logo img,
	html body .citizen-header__logo-image,		html body .citizen-header__logo-image,
Linha 14:		Linha 14:
	}		}

	/* ~~Limpa~~ o ~~fundo do botão para o logo redondo não vazar~~ */		/* 2. Força o contêiner a se alinhar perfeitamente ao centro da barra */
	html body .citizen-header__logo {		html body .citizen-header__logo {
	background-image: none !important;		background-image: none !important;
Linha 25:		Linha 25:
	min-width: 32px !important;		min-width: 32px !important;
	min-height: 32px !important;		min-height: 32px !important;

			/* Zera os empurrões laterais que o Citizen joga no logo */
			margin: 0 auto !important;
			padding: 0 !important;
	}		}

	/* 2. Injeta a Casinha ~~Artificial (Aparece logo ao abrir a página)~~ */		/* 3. Injeta a Casinha perfeitamente centralizada */
	html body .citizen-header__logo::before {		html body .citizen-header__logo::before {
	content: "" !important;		content: "" !important;
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
	left: 50% !important;
			/* Ajuste milimétrico de centralização horizontal */
			left: 50% !important;

	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~25px~~ !important; ~~/* Tamanho calibrado com os outros ícones */~~		width: 22px !important;
	height: ~~25px~~ !important;		height: 22px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Linha 44:		Linha 51:
	-webkit-mask-size: contain !important;		-webkit-mask-size: contain !important;
	mask-size: contain !important;		mask-size: contain !important;
	opacity: 0.65 !important; ~~/* Abre discretamente com a mesma opacidade da lupa */~~		opacity: 0.65 !important;
	visibility: visible !important;		visibility: visible !important;
	display: block !important;		display: block !important;
Linha 50:		Linha 57:
	}		}

	/* 3. ~~COMPORTAMENTO NO HOVER: A casinha NÃO SOME, ela apenas acende!~~ */		/* 4. Controle do brilho ao passar o mouse */
	html body .citizen-header:hover .citizen-header__logo::before,		html body .citizen-header:hover .citizen-header__logo::before,
	html body .citizen-header__start:hover .citizen-header__logo::before,		html body .citizen-header__start:hover .citizen-header__logo::before,
	html body .citizen-header__logo:hover::before {		html body .citizen-header__logo:hover::before {
	opacity: 1 !important; ~~/* Ganha brilho total (100%) quando o mouse chega perto */~~		opacity: 1 !important;
	visibility: visible !important;		visibility: visible !important;
	transform: translate(-50%, -50%) scale(1) !important; ~~/* Mantém o tamanho e posição perfeitos */~~		transform: translate(-50%, -50%) scale(1) !important;
	}		}

	/* 4. Seus ajustes originais da barra lateral */		/* 5. Seus ajustes originais da barra lateral */
	html body .citizen-drawer {		html body .citizen-drawer {
	width: 30px !important;		width: 30px !important;

Njr em 23h44min de 16 de junho de 2026

2026-06-16T23:44:00Z

← Edição anterior		Edição das 23h44min de 16 de junho de 2026
Linha 34:		Linha 34:
	left: 50% !important;		left: 50% !important;
	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~24px~~ !important; /* Tamanho calibrado com os outros ícones */		width: 25px !important; /* Tamanho calibrado com os outros ícones */
	height: ~~24px~~ !important;		height: 25px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h43min de 16 de junho de 2026

2026-06-16T23:43:06Z

← Edição anterior		Edição das 23h43min de 16 de junho de 2026
Linha 34:		Linha 34:
	left: 50% !important;		left: 50% !important;
	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~26px~~ !important; /* Tamanho calibrado com os outros ícones */		width: 24px !important; /* Tamanho calibrado com os outros ícones */
	height: ~~26px~~ !important;		height: 24px !important;
	background-color: currentColor !important;		background-color: currentColor !important;

Njr em 23h42min de 16 de junho de 2026

2026-06-16T23:42:15Z

← Edição anterior		Edição das 23h42min de 16 de junho de 2026
Linha 34:		Linha 34:
	left: 50% !important;		left: 50% !important;
	transform: translate(-50%, -50%) !important;		transform: translate(-50%, -50%) !important;
	width: ~~22px~~ !important; /* Tamanho calibrado com os outros ícones */		width: 26px !important; /* Tamanho calibrado com os outros ícones */
	height: ~~22px~~ !important;		height: 26px !important;
	background-color: currentColor !important;		background-color: currentColor !important;