MediaWiki:Common.css - Revision history

WikiManagement at 14:32, 1 October 2026

2026-10-01T14:32:51Z

← Older revision		Revision as of 14:32, 1 October 2026
Line 4:		Line 4:
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

	/* Espaçamento do seletor ~~dentro~~ do menu ~~Appearance~~ */		/* Espaçamento do seletor para afastar do "Main menu" e da "Main page" */
	.gtranslate_wrapper {		.gtranslate_wrapper {
	margin-top: ~~16px~~ !important; /* ~~Afasta das opções de tamanho de texto~~ */		margin-top: 18px !important; /* Espaço acima (Main menu) */
	margin-bottom: ~~8px~~ !important;		margin-bottom: 24px !important; /* Espaço abaixo (Main page) */
	padding: 0 !important;		padding: 0 !important;
	display: block !important;		display: block !important;
Line 20:		Line 20:
	width: 100% !important;		width: 100% !important;
	max-width: 100% !important;		max-width: 100% !important;
	padding: 6px 36px 6px 12px !important;		padding: 6px 36px 6px 12px !important; /* 36px à direita dá margem ao chevron */
	height: auto !important;		height: auto !important;
	line-height: 1.4 !important;		line-height: 1.4 !important;

WikiManagement at 14:30, 1 October 2026

2026-10-01T14:30:41Z

← Older revision		Revision as of 14:30, 1 October 2026
Line 4:		Line 4:
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

	/* Espaçamento do seletor ~~para afastar~~ do ~~"Main~~ menu~~" e da "Main page"~~ */		/* Espaçamento do seletor dentro do menu Appearance */
	.gtranslate_wrapper {		.gtranslate_wrapper {
	margin-top: ~~18px~~ !important; /* ~~Espaço acima (Main menu)~~ */		margin-top: 16px !important; /* Afasta das opções de tamanho de texto */
	margin-bottom: ~~24px~~ !important; ~~/* Espaço abaixo (Main page) */~~		margin-bottom: 8px !important;
	padding: 0 !important;		padding: 0 !important;
	display: block !important;		display: block !important;
Line 20:		Line 20:
	width: 100% !important;		width: 100% !important;
	max-width: 100% !important;		max-width: 100% !important;
	padding: 6px 36px 6px 12px !important; ~~/* 36px à direita dá margem ao chevron */~~		padding: 6px 36px 6px 12px !important;
	height: auto !important;		height: auto !important;
	line-height: 1.4 !important;		line-height: 1.4 !important;

WikiManagement at 09:50, 1 October 2026

2026-10-01T09:50:14Z

← Older revision		Revision as of 09:50, 1 October 2026
Line 3:		Line 3:
	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

			/* Espaçamento do seletor para afastar do "Main menu" e da "Main page" */
			.gtranslate_wrapper {
			margin-top: 18px !important; /* Espaço acima (Main menu) */
			margin-bottom: 24px !important; /* Espaço abaixo (Main page) */
			padding: 0 !important;
			display: block !important;
			}

	/* Estilização da caixa e seta personalizada */		/* Estilização da caixa e seta personalizada */
Line 18:		Line 26:
	cursor: pointer !important;		cursor: pointer !important;

	/* Seta SVG personalizada afastada da ~~borda~~ */		/* Seta SVG personalizada afastada 14px da direita */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23000000" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>') !important;		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23000000" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>') !important;
	background-repeat: no-repeat !important;		background-repeat: no-repeat !important;
	background-position: right 14px center !important; ~~/* Afasta 14px da direita */~~		background-position: right 14px center !important;
	background-size: 12px 12px !important;		background-size: 12px 12px !important;

WikiManagement at 09:45, 1 October 2026

2026-10-01T09:45:35Z

← Older revision		Revision as of 09:45, 1 October 2026
Line 24:		Line 24:
	background-size: 12px 12px !important;		background-size: 12px 12px !important;

	transition: ~~background-transform 0.2s ease,~~ border-color 0.2s ease !important;		transition: border-color 0.2s ease !important;
	}		}

	/* Animação: ~~roda~~ a seta ao focar/abrir o select */		/* Animação: inverte a seta ao focar/abrir o select */
	.gtranslate_wrapper select:focus {		.gtranslate_wrapper select:focus {
	outline: none !important;		outline: none !important;

WikiManagement at 09:40, 1 October 2026

2026-10-01T09:40:49Z

@@ Line 4: / Line 4: @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
-/* Ajuste de Espaçamento do Container */
+/* Estilização da caixa e seta personalizada */
 .gtranslate_wrapper select {
    width: 100% !important;
    max-width: 100% !important;
-   padding: 6px 10px !important;
+   padding: 6px 36px 6px 12px !important; /* 36px à direita dá margem ao chevron */
    height: auto !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
+}

WikiManagement at 09:38, 1 October 2026

2026-10-01T09:38:59Z

← Older revision		Revision as of 09:38, 1 October 2026
Line 11:		Line 11:
	}		}

	/* Garante ajuste de largura ~~na barra lateral~~ */		/* Garante ajuste de largura e padding interno no select */
	.gtranslate_wrapper select {		.gtranslate_wrapper select {
	width: 100% !important;		width: 100% !important;
	max-width: 100% !important;		max-width: 100% !important;
			padding: 6px 10px !important;
			height: auto !important;
			line-height: 1.4 !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	}		}

WikiManagement at 09:36, 1 October 2026

2026-10-01T09:36:40Z

@@ Line 4: / Line 4: @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
-/* Container do Seletor */
+/* Ajuste de Espaçamento do Container */
-.gtranslate_wrapper#custom-lang-selector {
+.gtranslate_wrapper {
-   position: relative;
+   padding: 8px 0 !important;
-  width: 100%;
+   margin-bottom: 12px !important;
-   margin-bottom: 12px;
+   display: block !important;
+}
-/* Botão Principal */
+/* Garante ajuste de largura na barra lateral */
-.custom-lang-trigger {
+.gtranslate_wrapper select {
-  display: flex;
+   width: 100% !important;
-  align-items: center;
+   max-width: 100% !important;
-  justify-content: space-between;
+   box-sizing: border-box !important;
+}

WikiManagement at 09:34, 1 October 2026

2026-10-01T09:34:31Z

← Older revision		Revision as of 09:34, 1 October 2026
Line 4:		Line 4:
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

	/* Container */		/* Container do Seletor */
	.gtranslate_wrapper {		.gtranslate_wrapper#custom-lang-selector {
	~~padding~~: ~~8px 0 !important~~;		position: relative;
	margin-bottom: ~~10px !important~~;		width: 100%;
	~~display~~: ~~block !important~~;		margin-bottom: 12px;
	~~visibility~~: ~~visible !important~~;		font-family: inherit;
			user-select: none;
	}		}

	/* ~~Caixa Dropdown~~ */		/* Botão Principal */
	.~~gtranslate_wrapper select~~ {		.custom-lang-trigger {
	~~-webkit-appearance~~: ~~none !important~~;		display: flex;
	-~~moz-appearance~~: ~~none !important~~;		align-items: center;
	~~appearance~~: ~~none !important;~~		justify-content: space-between;
			height: 38px;
	~~width: 100% !important;~~		padding: 0 14px;
	~~max~~-~~width: 100% !important~~;		background-color: #ffffff;
	height: 38px ~~!important~~;		border: 1px solid #a2a9b1;
	padding~~: 6px 36px 6px 12px !important;~~		border-radius: 6px;
			cursor: pointer;
	~~font-family: inherit !important;~~		box-sizing: border-box;
	~~font-size~~: 0~~.875rem !important;~~		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	~~font-weight: 500 !important;~~
	~~color: #1B2826 !important~~;
	background-color: #ffffff ~~!important~~;

	~~/* Chevron SVG verde escuro */~~
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%231B2826" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>') !important;
	~~background-repeat: no-repeat !important;~~
	~~background-position: right 14px center !important;~~
	~~background-size: 12px 12px !important;~~

	border: 1px solid #a2a9b1 ~~!important~~;
	border-radius: 6px ~~!important;~~
	~~outline: none !important~~;
	cursor: pointer ~~!important~~;
	box-sizing: border-box ~~!important~~;
	}		}

	~~/* Hover e Foco na caixa */~~		.custom-lang-trigger:hover,
	.~~gtranslate_wrapper select~~:hover,		.gtranslate_wrapper#custom-lang-selector.open .custom-lang-trigger {
	.gtranslate_wrapper ~~select:focus~~ {		border-color: #1B2826;
	border-color: #1B2826 ~~!important~~;		box-shadow: 0 0 0 1px #1B2826;
	box-shadow: 0 0 0 1px #1B2826 ~~!important~~;
	}		}

	/* ~~Forçar cores nas opções~~ do ~~select~~ */		.custom-lang-current {
	.gtranslate_wrapper ~~select~~ option {		font-size: 0.875rem;
	background-color: #ffffff ~~!important~~;		font-weight: 500;
	color: #1B2826 ~~!important~~;		color: #1B2826;
	~~padding~~: ~~8px !important~~;		}

			/* Seta / Chevron com Animação de Rotação Smooth */
			.custom-lang-arrow {
			width: 12px;
			height: 12px;
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%231B2826" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>');
			background-repeat: no-repeat;
			background-position: center;
			transition: transform 0.25s ease;
			}

			/* Rotação do Chevron ao Abrir */
			.gtranslate_wrapper#custom-lang-selector.open .custom-lang-arrow {
			transform: rotate(180deg);
			}

			/* Menu Dropdown Suspenso */
			.custom-lang-menu {
			display: none;
			position: absolute;
			top: calc(100% + 4px);
			left: 0;
			right: 0;
			background: #ffffff;
			border: 1px solid #1B2826;
			border-radius: 6px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			z-index: 9999;
			overflow: hidden;
			}

			.gtranslate_wrapper#custom-lang-selector.open .custom-lang-menu {
			display: block;
			}

			/* Opções de Idioma */
			.custom-lang-option {
			padding: 8px 14px;
			font-size: 0.875rem;
			color: #1B2826;
			cursor: pointer;
			transition: background-color 0.15s ease, color 0.15s ease;
			}

			/* Hover e Item Selecionado em Verde Escuro (#1B2826) */
			.custom-lang-option:hover {
			background-color: #1B2826;
			color: #ffffff;
			}

			.custom-lang-option.selected {
			background-color: #1B2826;
			color: #BFFF00; /* Texto em Verde Lima para a linguagem ativa */
			font-weight: 600;
	}		}

WikiManagement at 09:31, 1 October 2026

2026-10-01T09:31:21Z

← Older revision		Revision as of 09:31, 1 October 2026
Line 8:		Line 8:
	padding: 8px 0 !important;		padding: 8px 0 !important;
	margin-bottom: 10px !important;		margin-bottom: 10px !important;
	~~width~~: ~~100%~~ !important;		display: block !important;
			visibility: visible !important;
	}		}

	/* ~~Estilo do botão do menu principal~~ */		/* Caixa Dropdown */
	.~~gt_container~~-~~inline .gt_switcher {~~		.gtranslate_wrapper select {
			-webkit-appearance: none !important;
			-moz-appearance: none !important;
			appearance: none !important;

			width: 100% !important;
			max-width: 100% !important;
			height: 38px !important;
			padding: 6px 36px 6px 12px !important;

	font-family: inherit !important;		font-family: inherit !important;
			font-size: 0.875rem !important;
			font-weight: 500 !important;
			color: #1B2826 !important;
			background-color: #ffffff !important;

			/* Chevron SVG verde escuro */
			background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%231B2826" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>') !important;
			background-repeat: no-repeat !important;
			background-position: right 14px center !important;
			background-size: 12px 12px !important;

	border: 1px solid #a2a9b1 !important;		border: 1px solid #a2a9b1 !important;
	border-radius: 6px !important;		border-radius: 6px !important;
	~~background-color~~: ~~#ffffff~~ !important;		outline: none !important;
	~~padding~~: ~~6px 12px !important;~~		cursor: pointer !important;
	~~width: 100%~~ !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	}		}

	/* ~~Caixa principal quando focada/aberta~~ */		/* Hover e Foco na caixa */
	.~~gt_container-inline .gt_switcher~~:hover,		.gtranslate_wrapper select:hover,
	.~~gt_container-inline .gt_switcher.gt_active~~ {		.gtranslate_wrapper select:focus {
	border-color: #1B2826 !important;		border-color: #1B2826 !important;
	box-shadow: 0 0 0 1px #1B2826 !important;		box-shadow: 0 0 0 1px #1B2826 !important;
	}		}

	/* ~~Estilo das~~ opções ~~no dropdown (HTML customizado)~~ */		/* Forçar cores nas opções do select */
	.~~gt_container~~-~~inline .gt_option {~~		.gtranslate_wrapper select option {
			background-color: #ffffff !important;
	color: #1B2826 !important;		color: #1B2826 !important;
	padding: 8px ~~12px !important;~~		padding: 8px !important;
	~~font-size: 0.875rem !important;~~
	~~transition: background-color 0.15s ease, color 0.15s ease !important;~~
	}

	~~/* Idioma Selecionado e Hover nas Opções (Verde Escuro #1B2826 com Texto Verde Lima) */~~
	~~.gt_container-inline .gt_option:hover,~~
	~~.gt_container-inline .gt_option.gt_selected {~~
	~~background-color: #1B2826 !important;~~
	~~color: #BFFF00 !important;~~
	~~font-weight: 600~~ !important;
	}		}

WikiManagement at 09:29, 1 October 2026

2026-10-01T09:29:51Z

← Older revision		Revision as of 09:29, 1 October 2026
Line 4:		Line 4:
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

	/* Container ~~do Widget~~ */		/* Container */
	.gtranslate_wrapper {		.gtranslate_wrapper {
	padding: 8px 0 !important;		padding: 8px 0 !important;
	margin-bottom: 10px !important;		margin-bottom: 10px !important;
			width: 100% !important;
	}		}

	/* ~~Força a cor verde escuro #1B2826 em navegadores Webkit/Blink~~ */		/* Estilo do botão do menu principal */
	.~~gtranslate_wrapper select~~ {		.gt_container-inline .gt_switcher {
	~~-webkit-appearance: none !important;~~
	~~-moz-appearance: none !important;~~
	~~appearance: none !important;~~

	~~width: 100% !important;~~
	~~height: 38px !important;~~
	~~padding: 6px 36px 6px 12px !important;~~

	font-family: inherit !important;		font-family: inherit !important;
	~~font-size: 0.875rem !important;~~
	~~font-weight: 500 !important;~~
	~~color: #1B2826 !important;~~
	~~background-color: #ffffff !important;~~

	border: 1px solid #a2a9b1 !important;		border: 1px solid #a2a9b1 !important;
	border-radius: 6px !important;		border-radius: 6px !important;
	~~outline~~: ~~none~~ !important;		background-color: #ffffff !important;
	~~cursor~~: ~~pointer~~ !important;		padding: 6px 12px !important;
			width: 100% !important;
	~~/* Chevron SVG verde escuro */~~		box-sizing: border-box !important;
	~~background-image~~: ~~url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="~~%~~231B2826" d="M2.22 4.47a.75.75 0 011.06 0L6 7.19l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L2.22 5.53a.75.75 0 010-1.06z"/></svg>')~~ !important;
	~~background~~-~~repeat~~: no-~~repeat !important;~~
	~~background-position: right 14px center !important;~~
	~~background-size: 12px 12px~~ !important;
	}		}

	.~~gtranslate_wrapper select~~:hover,		/* Caixa principal quando focada/aberta */
	.~~gtranslate_wrapper select:focus~~ {		.gt_container-inline .gt_switcher:hover,
			.gt_container-inline .gt_switcher.gt_active {
	border-color: #1B2826 !important;		border-color: #1B2826 !important;
	box-shadow: 0 0 0 1px #1B2826 !important;		box-shadow: 0 0 0 1px #1B2826 !important;
	}		}

	/* ~~Destaque~~ das Opções */		/* Estilo das opções no dropdown (HTML customizado) */
	.gt_container-~~w26ug~~ .gt_option:hover,		.gt_container-inline .gt_option {
	.gt_container-~~w26ug~~ .gt_option.~~selected~~ {		color: #1B2826 !important;
			padding: 8px 12px !important;
			font-size: 0.875rem !important;
			transition: background-color 0.15s ease, color 0.15s ease !important;
			}

			/* Idioma Selecionado e Hover nas Opções (Verde Escuro #1B2826 com Texto Verde Lima) */
			.gt_container-inline .gt_option:hover,
			.gt_container-inline .gt_option.gt_selected {
	background-color: #1B2826 !important;		background-color: #1B2826 !important;
	color: #BFFF00 !important; ~~/* Texto em Verde Lima no hover/selecionado */~~		color: #BFFF00 !important;
			font-weight: 600 !important;
	}		}