MediaWiki:Common.css - Revision history

Astro-adm at 21:14, 20 November 2025

2025-11-20T21:14:59Z

← Older revision		Revision as of 21:14, 20 November 2025
Line 329:		Line 329:
	/* ITEM SIMPLES E LIMPO */		/* ITEM SIMPLES E LIMPO */
	.scw-item-simple {		.scw-item-simple {

	display: inline-flex; /* Alinha lado a lado */		display: inline-flex; /* Alinha lado a lado */
	align-items: center; /* Centraliza verticalmente */		align-items: center; /* Centraliza verticalmente */
Line 343:		Line 344:
	/* Configuração do Texto */		/* Configuração do Texto */
	.scw-name {		.scw-name {
			font-weight: bold;
	font-weight: 500; /* Peso da fonte médio (padrão do seu tema) */		font-weight: 500; /* Peso da fonte médio (padrão do seu tema) */
	color: inherit; /* Usa a cor do texto normal */		color: inherit; /* Usa a cor do texto normal */

Astro-adm at 21:11, 20 November 2025

2025-11-20T21:11:57Z

← Older revision		Revision as of 21:11, 20 November 2025
Line 327:		Line 327:
	}		}

	/* ~~Item Simples (Apenas Ícone + Texto)~~ */		/* ITEM SIMPLES E LIMPO */
	.scw-item-simple {		.scw-item-simple {
	display: inline-flex; /* ~~Mantém ícone e texto na mesma linha~~ */		display: inline-flex; /* Alinha lado a lado */
	align-items: center; /* Centraliza verticalmente ~~(texto no meio do ícone)~~ */		align-items: center; /* Centraliza verticalmente */
	gap: ~~4px~~; /* Espaço ~~pequeno~~ entre ~~ícone~~ e texto */		gap: 5px; /* Espaço entre imagem e texto */
	vertical-align: middle; /* Alinha com o ~~resto~~ da frase ~~se usado em texto~~ */		vertical-align: middle; /* Alinha com o texto da frase */
	~~line~~-~~height~~: 1; /* ~~Evita que o ícone estique a altura da linha~~ */
			/* GARANTIA DE LIMPEZA: Força que não tenha borda ou fundo */
			background: none !important;
			border: none !important;
			min-width: 0 !important; /* <--- ISSO MATA A "CÉLULA GRANDE" */
			padding: 0 !important;
	}		}

	/* Configuração do ~~texto~~ */		/* Configuração do Texto */
	.scw-name {		.scw-name {
	font-weight: ~~normal~~; /* ~~Texto normal~~ (~~mude para bold se quiser negrito~~) */		font-weight: 500; /* Peso da fonte médio (padrão do seu tema) */
	~~cursor~~: ~~help~~; /* ~~Muda o cursor para '?' ou 'seta' ao passar o mouse~~ */		color: inherit; /* Usa a cor do texto normal */
	~~color~~: ~~inherit~~; /* ~~Usa a cor~~ de ~~texto padrão da wiki~~ */		cursor: help; /* Ícone de ? ao passar o mouse */
	}		}

	/* ~~Remove qualquer margem estranha da imagem~~ */		/* Configuração do Ícone */
	.scw-icon img {		.scw-icon img {
			display: block; /* Remove espaços fantasmas */
	margin: 0;		margin: 0;
	~~display: block;~~
	}		}

Astro-adm at 18:54, 20 November 2025

2025-11-20T18:54:42Z

← Older revision		Revision as of 18:54, 20 November 2025
Line 327:		Line 327:
	}		}

	/* * Estilo para Template:Item (~~Versão Inline Limpa~~)		/* Item Simples (Apenas Ícone + Texto) */
	* Integração com Skin Citizen		.scw-item-simple {
	*/		display: inline-flex; /* Mantém ícone e texto na mesma linha */
	.scw-item-~~inline~~ {		align-items: center; /* Centraliza verticalmente (texto no meio do ícone) */
	display: inline-flex;		gap: 4px; /* Espaço pequeno entre ícone e texto */
	align-items: center;		vertical-align: middle; /* Alinha com o resto da frase se usado em texto */
	vertical-align: middle;		line-height: 1; /* Evita que o ícone estique a altura da linha */
	~~gap: var(--space-xs, 4px);~~ /* ~~Usa~~ o ~~espaçamento padrão~~ da ~~skin~~ */
	line-height: 1.2;
	}		}

	/* ~~Ajuste fino para o ícone não esticar~~ */		/* Configuração do texto */
	.scw-~~item-icon img~~ {		.scw-name {
	~~height~~: ~~auto~~;		font-weight: normal; /* Texto normal (mude para bold se quiser negrito) */
	~~width~~: ~~auto~~;		cursor: help; /* Muda o cursor para '?' ou 'seta' ao passar o mouse */
	~~max-height~~: ~~24px~~; /* ~~Tamanho controlado~~ */		color: inherit; /* Usa a cor de texto padrão da wiki */
	~~display: block;~~
	}		}

	/* ~~Ajuste do texto~~ */		/* Remove qualquer margem estranha da imagem */
	.scw-~~item-text {~~		.scw-icon img {
	~~font-weight: var(--font-weight-medium, 500);~~		margin: 0;
	}		display: block;

	~~/* Efeito sutil ao passar o mouse no conjunto todo */~~
	~~.scw-item-inline:hover .scw-item-text a~~ {
	~~text-decoration~~: ~~underline~~;
	~~color~~: ~~var(--color-primary--hover)~~;
	}		}

Astro-adm at 18:50, 20 November 2025

2025-11-20T18:50:58Z

← Older revision		Revision as of 18:50, 20 November 2025
Line 327:		Line 327:
	}		}

	/* ~~Style for~~ Template:Item */		/* * Estilo para Template:Item (Versão Inline Limpa)
	.~~wiki~~-item-~~card~~ {		* Integração com Skin Citizen
			*/
			.scw-item-inline {
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
	~~border: 1px solid #e1e1e1;~~
	~~background-color: #f8f9fa;~~
	~~border-radius: 4px;~~
	~~padding: 5px 8px;~~
	~~margin: 3px;~~
	~~min-width: 160px; /* Minimum width for better alignment in lists */~~
	~~box-shadow: 0 1px 2px rgba(0,0,0,0.05);~~
	vertical-align: middle;		vertical-align: middle;
			gap: var(--space-xs, 4px); /* Usa o espaçamento padrão da skin */
			line-height: 1.2;
	}		}

	~~.wiki-item-icon {~~		/* Ajuste fino para o ícone não esticar */
	~~margin-right: 10px;~~		.scw-item-icon img {
	~~flex-shrink: 0;~~ /* ~~Prevents the icon from shrinking~~ */		height: auto;
	}		width: auto;
			max-height: 24px; /* Tamanho controlado */
	.~~wiki~~-item-~~name~~ {		display: block;
	~~font-weight~~: ~~bold~~;
	~~font-size~~: ~~0.9em~~;
	~~line~~-height: ~~1.2~~;
	}		}

	.~~wiki~~-item-~~name a~~ {		/* Ajuste do texto */
	~~color~~: ~~#333; /* Dark gray link color */~~		.scw-item-text {
	~~text~~-~~decoration: none~~;		font-weight: var(--font-weight-medium, 500);
	}		}

	.~~wiki~~-item-~~name a~~:hover {		/* Efeito sutil ao passar o mouse no conjunto todo */
			.scw-item-inline:hover .scw-item-text a {
	text-decoration: underline;		text-decoration: underline;
	color: ~~#0645ad; /* Standard MediaWiki blue on hover */~~		color: var(--color-primary--hover);
	}

	~~.wiki~~-~~item~~-~~id {~~
	~~font~~-~~size: 0.75em;~~
	~~color: #888;~~
	~~font~~-~~family: monospace;~~
	~~margin~~-~~top: 2px~~;
	}		}

Astro-adm at 18:46, 20 November 2025

2025-11-20T18:46:45Z

@@ Line 325: / Line 325: @@
 .mwe-upwiz-deed-purpose > label:last-child {
      display: none !important;
+}

Astro-adm at 15:26, 29 July 2025

2025-07-29T15:26:20Z

Show changes

Astro-adm: Blanked the page

2025-07-29T15:24:21Z

Blanked the page

← Older revision		Revision as of 15:24, 29 July 2025
Line 1:		Line 1:
	~~@supports (syntax: '<angle>') {~~
	~~@property --gradient-angle {~~
	~~syntax: '<angle>';~~
	~~initial-value: 0deg;~~
	~~inherits: false;~~
	}
	}

	~~.scw-gradient-glow {~~
	~~position: relative;~~
	~~display: inline-flex;~~
	~~align-items: center;~~
	~~gap: 8px;~~
	~~padding: 10px 18px;~~
	~~border-radius: 8px;~~
	~~background-color: #1a242e;~~
	~~color: white;~~
	~~cursor: pointer;~~
	~~z-index: 0;~~
	~~overflow: hidden;~~
	~~text-decoration: none;~~
	~~transition: background-color 0.3s ease;~~
	}

	~~.scw-gradient-glow .home-header__searchIcon img {~~
	~~vertical-align: middle;~~
	}

	~~/* Glow animado na borda */~~
	~~.scw-gradient-glow::before {~~
	~~content: '';~~
	~~position: absolute;~~
	~~inset: -3px;~~
	~~z-index: -1;~~
	~~border-radius: inherit;~~

	~~--clr-3: #59cffc;~~
	~~--clr-4: #38556a;~~
	~~--clr-5: #233545;~~
	~~--gradient: var(--clr-3), var(--clr-4), var(--clr-5), var(--clr-4), var(--clr-3);~~
	~~--gradient-time: 5s;~~
	~~--gradient-blur: 6px;~~

	~~background: conic-gradient(from var(--gradient-angle, 0deg), var(--gradient));~~
	~~animation: scw-gradient-rotate-modern var(--gradient-time) linear infinite;~~
	~~filter: blur(var(--gradient-blur));~~
	~~transition: filter 0.2s ease;~~
	}

	~~/* Glow mais intenso no hover */~~
	~~.scw-gradient-glow:hover::before {~~
	~~filter: blur(10px);~~
	}

	~~@keyframes scw-gradient-rotate-modern {~~
	~~0% { --gradient-angle: 0deg; }~~
	~~100% { --gradient-angle: 360deg; }~~
	}

	~~/* Fallback para navegadores sem suporte ao @property */~~
	~~@supports not (syntax: '<angle>') {~~
	~~.scw-gradient-glow::before {~~
	~~animation: scw-gradient-rotate-fallback var(--gradient-time) linear infinite;~~
	~~transform-origin: center;~~
	}

	~~@keyframes scw-gradient-rotate-fallback {~~
	~~0% { transform: rotate(0deg); }~~
	~~100% { transform: rotate(360deg); }~~
	}
	}

Astro-adm at 15:22, 29 July 2025

2025-07-29T15:22:28Z

← Older revision		Revision as of 15:22, 29 July 2025
Line 7:		Line 7:
	}		}

	~~/* Elemento com o glow animado */~~
	.scw-gradient-glow {		.scw-gradient-glow {
	position: relative;		position: relative;
	display: inline-~~block~~;		display: inline-flex;
	padding: 10px ~~20px~~;		align-items: center;
			gap: 8px;
			padding: 10px 18px;
	border-radius: 8px;		border-radius: 8px;
	background-color: #1a242e;		background-color: #1a242e;
	color: white;		color: white;
	~~font-size~~: ~~16px~~;		cursor: pointer;
	z-index: 0;		z-index: 0;
	overflow: hidden;		overflow: hidden;
	~~border~~: none; ~~/* Removemos a borda real para dar espaço pro efeito */~~		text-decoration: none;
			transition: background-color 0.3s ease;
	}		}

	~~/* Elemento real dentro do botão (caso precise conteúdo) */~~		.scw-gradient-glow .home-header__searchIcon img {
	.scw-gradient-glow ~~span~~ {		vertical-align: middle;
	~~position: relative;~~
	z-~~index~~: 1;
	}		}

	/* ~~Pseudo-elemento com a~~ borda ~~animada~~ */		/* Glow animado na borda */
	.scw-gradient-glow::before {		.scw-gradient-glow::before {
	content: '';		content: '';
	position: absolute;		position: absolute;
	inset: -3px; ~~/* <- Esse valor deve ser igual ou maior que o blur */~~		inset: -3px;
	z-index: -1;		z-index: -1;
	border-radius: inherit;		border-radius: inherit;
Line 48:		Line 48:
	}		}

	/* ~~Efeito glow extra~~ no hover */		/* Glow mais intenso no hover */
	.scw-gradient-glow:hover::before {		.scw-gradient-glow:hover::before {
	filter: blur(10px);		filter: blur(10px);
Line 58:		Line 58:
	}		}

	/* Fallback para navegadores sem @property */		/* Fallback para navegadores sem suporte ao @property */
	@supports not (syntax: '<angle>') {		@supports not (syntax: '<angle>') {
	.scw-gradient-glow::before {		.scw-gradient-glow::before {

Astro-adm at 15:20, 29 July 2025

2025-07-29T15:20:27Z

Show changes

Astro-adm at 15:19, 29 July 2025

2025-07-29T15:19:59Z

← Older revision		Revision as of 15:19, 29 July 2025
Line 1:		Line 1:
	/* =================================================================== */		/* =================================================================== */
	/* ~~EFEITO~~ FINAL: BORDA ~~COM BRILHO ANIMADO~~ */		/* TÉCNICA FINAL: EFEITO DE BORDA ANIMADA (À PROVA DE CONFLITOS) */
	/* ~~Combina todas as correções~~: ~~borda, overflow~~ e ~~hover~~. */		/* Usa ::before para o brilho e ::after para o fundo sólido. */
	/* =================================================================== */		/* =================================================================== */

	~~/* --- CONFIGURAÇÃO E FALLBACK (Funciona em todos os navegadores) --- */~~
	.scw-gradient-glow {		.scw-gradient-glow {
	/* --- ~~Layout e Posicionamento~~ --- */		/* --- Contêiner Principal --- */
	~~display: inline-block; /* Comportamento de botão~~ */		position: relative;
	position: relative; ~~/* Contexto para o brilho */~~		display: inline-block;
	~~isolation~~: ~~isolate~~; ~~/* Previne que o z-index afete o fundo da página */~~		cursor: pointer;
	~~overflow~~: ~~hidden~~; ~~/* Previne que a animação "vaze" para fora */~~		padding: 10px 18px; /* << AJUSTE o espaçamento interno do botão */
			border-radius: 4px; /* << AJUSTE o arredondamento */
	~~/* --- Estilos Visuais (AJUSTE COMO QUISER) --- */~~		color: white; /* << Cor inicial do texto */
	padding: ~~8px 16px~~; /* ~~Espaçamento~~ interno do botão */		background: transparent; /* O contêiner em si é transparente */
	~~color: white; /* Cor do texto~~ */		transition: color 0.2s ease-in-out; /* Transição suave para a cor do texto no hover */
	border-radius: 4px; /* ~~Arredondamento dos cantos */~~

	~~/* --- A TÉCNICA DA BORDA ---~~ */
	~~--button-bg-~~color: ~~#1a242e~~; /* << ~~AJUSTE:~~ Cor do ~~interior do botão~~ */
	~~border~~: ~~2px solid~~ transparent; /* ~~<< AJUSTE: Espessura da borda animada~~ */
	~~background-color~~: ~~var(--button-bg-~~color);
	~~background~~-~~clip: padding~~-~~box~~; /* ~~Impede~~ a cor ~~de fundo de pintar a área da borda~~ */
	}		}

			/* Camada de Baixo: O Brilho Giratório */
	.scw-gradient-glow::before {		.scw-gradient-glow::before {
	content: '';		content: '';
	position: absolute;		position: absolute;
	z-index: -1; /* ~~Coloca o brilho~~ atrás ~~do botão~~ */		left: 0; top: 0;
	~~pointer~~-~~events~~: ~~none~~; /* ~~Conserta~~ o ~~hover e cliques */~~		width: 100%; height: 100%;
	~~/* Faz o gradiente preencher até a borda (deve ser o negativo da espessura da borda)~~ */		z-index: -2; /* Fica atrás de tudo */
	~~inset: -2px;~~		border-radius: inherit; /* Segue o arredondamento do pai */

	/* ~~---~~ Gradiente ~~Animado ---~~ */		/* Gradiente */
	--clr-3: #59cffc;		--clr-3: #59cffc;
	--clr-4: #38556a;		--clr-4: #38556a;
Line 42:		Line 35:
	}		}

			/* Camada do Meio: O Fundo Sólido do Botão */
			.scw-gradient-glow::after {
			content: '';
			position: absolute;
			z-index: -1; /* Fica na frente do brilho, mas atrás do texto */
			/* Cria a "borda" de 2px, pois é 2px menor que o ::before em cada lado */
			inset: 2px;
			/* O raio da borda interna deve ser um pouco menor que o do contêiner */
			border-radius: 2px;
			/* Cor de fundo inicial do botão */
			background: #1a242e; /* << AJUSTE a cor de fundo padrão */
			transition: background 0.2s ease-in-out; /* Transição suave para a cor do hover */
			}

			/* --- O EFEITO DE HOVER --- */
			.scw-gradient-glow:hover::after {
			background: #c7b00f; /* << AJUSTE a cor de fundo do hover (amarelo) */
			}

			.scw-gradient-glow:hover {
			color: black; /* << AJUSTE a cor do texto no hover */
			}


			/* --- Animação (Fallback para navegadores antigos) --- */
	@keyframes scw-gradient-rotate-fallback {		@keyframes scw-gradient-rotate-fallback {
	0% { transform: rotate(0deg); }		0% { transform: rotate(0deg); }
Line 47:		Line 65:
	}		}

			/* --- MELHORIA PARA NAVEGADORES MODERNOS (ignorado por navegadores antigos) --- */
	/* --- MELHORIA PARA NAVEGADORES MODERNOS --- */
	@supports (syntax: '<angle>') {		@supports (syntax: '<angle>') {

Line 60:		Line 77:
	background: conic-gradient(from var(--gradient-angle), var(--gradient));		background: conic-gradient(from var(--gradient-angle), var(--gradient));
	animation: scw-gradient-rotate-modern var(--gradient-time) linear infinite;		animation: scw-gradient-rotate-modern var(--gradient-time) linear infinite;
	transform: none; ~~/* Desativa a animação de fallback */~~		transform: none;
	}		}