MediaWiki:Common.css - Revision history

WikiManagement at 09:02, 30 June 2026

2026-06-30T09:02:56Z

← Older revision		Revision as of 09:02, 30 June 2026
Line 4:		Line 4:


	/* Esconde as subpáginas ~~do Atlas por defeito~~ */		/* Esconde as subpáginas */
	.atlas-submenu {		.atlas-submenu {
	display: none !important;		display: none !important;
	padding-left: ~~22px~~ !important; ~~/* Alinha o texto das subpáginas com o título principal */~~		padding-left: 15px !important;
	font-size: 0.95em !important;		font-size: 0.95em !important;
	opacity: 0.85;		opacity: 0.85;
	}		}

	~~/* Mostra as subpáginas quando o menu estiver aberto */~~
	.atlas-submenu.is-open {		.atlas-submenu.is-open {
	display: block !important;		display: block !important;
	}		}

	/* ~~Ajusta o tamanho e o alinhamento vertical~~ do ~~chevron~~ */		/* O Segredo: Desenha a seta idêntica à do índice da Datasheet */
	.atlas-toggle-btn {		.atlas-toggle-btn {
			cursor: pointer;
	display: inline-block;		display: inline-block;
	~~line~~-height: 1;		width: 12px;
	~~vertical~~-~~align~~: ~~middle~~;		height: 12px;
	~~margin~~-~~top~~: -~~2px~~; /* ~~Pequeno ajuste~~ para ~~centrar com o texto~~ */		margin-left: 8px;
			/* Usa o SVG oficial do MediaWiki para garantir o mesmo design */
			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 d="M3.22 2.22a.75.75 0 011.06 0l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06L6.19 6 3.22 3.03a.75.75 0 010-1.06z" fill="%2354595d"/></svg>);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			transition: transform 0.2s ease-in-out;
			}

			/* Quando clicado (Aberto), roda para baixo igual à imagem image_5452b6.png */
			.atlas-toggle-btn.is-active {
			transform: rotate(90deg);
	}		}

WikiManagement at 08:59, 30 June 2026

2026-06-30T08:59:32Z

← Older revision		Revision as of 08:59, 30 June 2026
Line 4:		Line 4:


	/* Esconde as subpáginas do Atlas por defeito ~~no Vector Moderno~~ */		/* Esconde as subpáginas do Atlas por defeito */
	.atlas-submenu {		.atlas-submenu {
	display: none !important;		display: none !important;
	padding-left: ~~15px~~ !important;		padding-left: 22px !important; /* Alinha o texto das subpáginas com o título principal */
	font-size: 0.95em !important;		font-size: 0.95em !important;
	opacity: 0.85;		opacity: 0.85;
Line 17:		Line 17:
	}		}

	/* ~~Estilo para a seta~~ do ~~dropdown~~ */		/* Ajusta o tamanho e o alinhamento vertical do chevron */
	.atlas-toggle-btn {		.atlas-toggle-btn {
	~~cursor: pointer;~~
	~~margin-left: 8px;~~
	~~font-size: 0.75em;~~
	display: inline-block;		display: inline-block;
	~~color~~: ~~#646464~~;		line-height: 1;
	~~user~~-~~select~~: ~~none~~;		vertical-align: middle;
			margin-top: -2px; /* Pequeno ajuste para centrar com o texto */
	}		}

WikiManagement at 08:46, 30 June 2026

2026-06-30T08:46:34Z

← Older revision		Revision as of 08:46, 30 June 2026
Line 4:		Line 4:


	/* ~~Recuo visual para~~ subpáginas do Atlas no ~~menu lateral~~ */		/* Esconde as subpáginas do Atlas por defeito no Vector Moderno */
	~~#mw~~-~~panel a[href*="SENSBLUE_ATLAS/"]~~ {		.atlas-submenu {
			display: none !important;
	padding-left: 15px !important;		padding-left: 15px !important;
	font-size: 0.~~9em~~ !important;		font-size: 0.95em !important;
	opacity: 0.85;		opacity: 0.85;
			}

			/* Mostra as subpáginas quando o menu estiver aberto */
			.atlas-submenu.is-open {
			display: block !important;
			}

			/* Estilo para a seta do dropdown */
			.atlas-toggle-btn {
			cursor: pointer;
			margin-left: 8px;
			font-size: 0.75em;
			display: inline-block;
			color: #646464;
			user-select: none;
	}		}

WikiManagement at 08:41, 30 June 2026

2026-06-30T08:41:49Z

← Older revision		Revision as of 08:41, 30 June 2026
Line 4:		Line 4:


	/* Recuo para as subpáginas do Atlas no menu lateral */		/* Recuo visual para subpáginas do Atlas no menu lateral */
	#n-~~SENSBLUE-ATLAS-Datasheet,~~		#mw-panel a[href*="SENSBLUE_ATLAS/"] {
	~~#n-SENSBLUE-ATLAS-Realease-Notes~~ {
	padding-left: 15px !important;		padding-left: 15px !important;
	font-size: 0.9em;		font-size: 0.9em !important;
	opacity: 0.8;		opacity: 0.85;
	}		}

WikiManagement at 08:41, 30 June 2026

2026-06-30T08:41:03Z

← Older revision		Revision as of 08:41, 30 June 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');


			/* Recuo para as subpáginas do Atlas no menu lateral */
			#n-SENSBLUE-ATLAS-Datasheet,
			#n-SENSBLUE-ATLAS-Realease-Notes {
			padding-left: 15px !important;
			font-size: 0.9em;
			opacity: 0.8;
			}

WikiManagement at 16:18, 3 June 2026

2026-06-03T16:18:59Z

← Older revision		Revision as of 16:18, 3 June 2026
Line 42:		Line 42:
	/* Efeito Hover: Quadrado cinza clarinho ao passar o rato */		/* Efeito Hover: Quadrado cinza clarinho ao passar o rato */
	.toc-toggle-arrow:hover {		.toc-toggle-arrow:hover {
	background-color: #~~f8f9fa~~ !important;		background-color: #e2e4e8 !important;
	}		}

WikiManagement at 16:17, 3 June 2026

2026-06-03T16:17:37Z

← Older revision		Revision as of 16:17, 3 June 2026
Line 6:		Line 6:

	/* ==========================================================================		/* ==========================================================================
	ÍNDICE LATERAL (TOC) - DESIGN ~~DE SETA IGUAL À DEFAULT~~		ÍNDICE LATERAL (TOC) - DESIGN FINAL REFINADO COM HOVER E ANIMAÇÃO RÁPIDA
	========================================================================== */		========================================================================== */

	/* 1. ~~Esconde~~ as sublistas por padrão */		/* 1. Oculta as sublistas por padrão */
	.vector-toc-contents .vector-toc-list .vector-toc-list {		.vector-toc-contents .vector-toc-list .vector-toc-list {
	display: none !important;		display: none !important;
Line 24:		Line 24:
	}		}

	/* 4. Container do botão da seta (~~invisível, serve para clique~~) */		/* 4. Container do botão da seta (Área clicável com efeito Hover) */
	.toc-toggle-arrow {		.toc-toggle-arrow {
	position: absolute !important;		position: absolute !important;
	left: -~~14px~~ !important; /* ~~Margem perfeita~~ à esquerda ~~do texto~~ */		left: -18px !important; /* Ajuste para centralizar o quadrado do hover à esquerda */
	top: ~~5px~~ !important; /* Alinha ao centro da ~~primeira~~ linha */		top: 3px !important; /* Alinha perfeitamente ao centro da linha de texto */
	display: inline-flex !important;		display: inline-flex !important;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	cursor: pointer !important;		cursor: pointer !important;
	width: ~~12px~~ !important;		width: 18px !important; /* Tamanho do quadrado do hover */
	height: ~~14px~~ !important;		height: 18px !important;
			border-radius: 2px; /* Cantos levemente suavizados para o quadrado */
	z-index: 50 !important;		z-index: 50 !important;
			transition: background-color 0.1s ease;
	}		}

	/* 5. O Desenho da Seta (Estilo Chevron ~~Igual ao Default~~) */		/* Efeito Hover: Quadrado cinza clarinho ao passar o rato */
			.toc-toggle-arrow:hover {
			background-color: #f8f9fa !important;
			}

			/* 5. O Desenho da Seta (Estilo Chevron - Cor Preta Forte) */
	.toc-toggle-arrow .arrow-icon {		.toc-toggle-arrow .arrow-icon {
	display: inline-block;		display: inline-block;
	width: 5px;		width: 5px;
	height: 5px;		height: 5px;
	border-right: 1.5px solid #~~54595d~~; /* ~~Mesma cor cinza nativa~~ */		border-right: 1.5px solid #202122; /* Preto forte igual aos cabeçalhos da wiki */
	border-bottom: 1.5px solid #~~54595d~~;		border-bottom: 1.5px solid #202122;
	transform: rotate(-45deg); /* Aponta para a direita ~~por padrão~~ */		transform: rotate(-45deg); /* Aponta para a direita */
	transition: transform 0.2s ease-in-out;		transition: transform 0.1s ease-in-out; /* Animação ultra rápida */
	margin-left: -2px;		margin-left: -2px;
	}		}

	/* 6. Rotação ~~idêntica à default~~ quando o menu abre (roda para baixo) */		/* 6. Rotação rápida quando o menu abre (roda para baixo) */
	.vector-toc-list-item.toc-expanded > .toc-toggle-arrow .arrow-icon {		.vector-toc-list-item.toc-expanded > .toc-toggle-arrow .arrow-icon {
	transform: rotate(45deg) !important;		transform: rotate(45deg) !important;
Line 57:		Line 64:
	}		}

	/* 7. Indentação interna para os subcapítulos */		/* 7. Indentação interna limpa para os subcapítulos */
	.vector-toc-contents .vector-toc-list .vector-toc-list {		.vector-toc-contents .vector-toc-list .vector-toc-list {
	padding-left: 12px !important;		padding-left: 12px !important;
Line 63:		Line 70:
	}		}

	/* 8. Proteção absoluta para ~~garantir que~~ o cabeçalho ~~nunca herda este estilo~~ */		/* 8. Proteção absoluta para o cabeçalho principal "Datasheet" */
	.vector-toc-header .toc-toggle-arrow,		.vector-toc-header .toc-toggle-arrow,
	.vector-toc-title .toc-toggle-arrow,		.vector-toc-title .toc-toggle-arrow,

WikiManagement at 16:15, 3 June 2026

2026-06-03T16:15:16Z

← Older revision		Revision as of 16:15, 3 June 2026
Line 6:		Line 6:

	/* ==========================================================================		/* ==========================================================================
	ÍNDICE LATERAL (TOC) - ~~COMPORTAMENTO POR CLIQUE ISOLADO~~		ÍNDICE LATERAL (TOC) - DESIGN DE SETA IGUAL À DEFAULT
	========================================================================== */		========================================================================== */

	/* 1. Esconde as sublistas ~~numéricas~~ por padrão */		/* 1. Esconde as sublistas por padrão */
	.vector-toc-contents .vector-toc-list .vector-toc-list {		.vector-toc-contents .vector-toc-list .vector-toc-list {
	display: none !important;		display: none !important;
	}		}

	/* 2. Mostra a sublista ~~unicamente~~ quando ~~o item pai tiver a classe expandida~~ */		/* 2. Mostra a sublista quando expandido */
	.vector-toc-list-item.toc-expanded > .vector-toc-list {		.vector-toc-list-item.toc-expanded > .vector-toc-list {
	display: block !important;		display: block !important;
	}		}

	/* 3. ~~Prepara o espaço~~ relativo ~~para o alinhamento perfeito da seta~~ */		/* 3. Posicionamento relativo das linhas do menu */
	.vector-toc-contents .vector-toc-list .vector-toc-list-item {		.vector-toc-contents .vector-toc-list .vector-toc-list-item {
	position: relative !important;		position: relative !important;
	}		}

	/* 4. ~~Estilização e posicionamento absoluto~~ da seta ~~na margem esquerda~~ */		/* 4. Container do botão da seta (invisível, serve para clique) */
	.toc-toggle-arrow {		.toc-toggle-arrow {
	position: absolute !important;		position: absolute !important;
	left: -~~13px~~ !important; /* ~~Afasta a seta para fora do alinhamento~~ do texto */		left: -14px !important; /* Margem perfeita à esquerda do texto */
	top: 5px !important; /* ~~Centraliza verticalmente com a~~ linha ~~do texto~~ */		top: 5px !important; /* Alinha ao centro da primeira linha */
	display: inline-~~block~~ !important;		display: inline-flex !important;
			align-items: center;
			justify-content: center;
	cursor: pointer !important;		cursor: pointer !important;
	~~font-size: 9px !important;~~		width: 12px !important;
	~~color: #54595d !important;~~		height: 14px !important;
	width: ~~10px~~ !important;
	~~text-align~~: ~~center~~ !important;
	z-index: 50 !important;		z-index: 50 !important;
	~~transition: transform 0.2s ease !important;~~
	}		}

	/* 5. ~~Rotação~~ da ~~seta~~ ao ~~expandir~~ */		/* 5. O Desenho da Seta (Estilo Chevron Igual ao Default) */
	.~~vector-~~toc-~~list~~-~~item~~.~~toc~~-~~expanded >~~ .~~toc~~-~~toggle-arrow {~~		.toc-toggle-arrow .arrow-icon {
	transform: rotate(~~90deg~~) ~~!important~~;		display: inline-block;
			width: 5px;
			height: 5px;
			border-right: 1.5px solid #54595d; /* Mesma cor cinza nativa */
			border-bottom: 1.5px solid #54595d;
			transform: rotate(-45deg); /* Aponta para a direita por padrão */
			transition: transform 0.2s ease-in-out;
			margin-left: -2px;
	}		}

	/* 6. Indentação interna ~~limpa~~ para os subcapítulos ~~abertos~~ */		/* 6. Rotação idêntica à default quando o menu abre (roda para baixo) */
			.vector-toc-list-item.toc-expanded > .toc-toggle-arrow .arrow-icon {
			transform: rotate(45deg) !important;
			margin-top: -2px;
			margin-left: 0px;
			}

			/* 7. Indentação interna para os subcapítulos */
	.vector-toc-contents .vector-toc-list .vector-toc-list {		.vector-toc-contents .vector-toc-list .vector-toc-list {
	padding-left: 12px !important;		padding-left: 12px !important;
Line 50:		Line 63:
	}		}

	/* 7. ~~PROTEÇÃO TOTAL DO HEADING PRINCIPAL - Bloqueia qualquer modificação visual~~ */		/* 8. Proteção absoluta para garantir que o cabeçalho nunca herda este estilo */
	.vector-toc-header .toc-toggle-arrow,		.vector-toc-header .toc-toggle-arrow,
	.vector-toc-title .toc-toggle-arrow,		.vector-toc-title .toc-toggle-arrow,
Line 56:		Line 69:
	display: none !important;		display: none !important;
	opacity: 0 !important;		opacity: 0 !important;
	~~visibility: hidden !important;~~
	}		}

WikiManagement at 16:12, 3 June 2026

2026-06-03T16:12:59Z

← Older revision		Revision as of 16:12, 3 June 2026
Line 6:		Line 6:

	/* ==========================================================================		/* ==========================================================================
	ÍNDICE LATERAL (TOC) - ~~FIX VISUAL E~~ COMPORTAMENTO		ÍNDICE LATERAL (TOC) - COMPORTAMENTO POR CLIQUE ISOLADO
	========================================================================== */		========================================================================== */

	/* 1. Esconde as sublistas por padrão */		/* 1. Esconde as sublistas numéricas por padrão */
	.vector-toc-~~list-item > ul,~~		.vector-toc-contents .vector-toc-list .vector-toc-list {
	.vector-toc-list~~-item >~~ .vector-toc-list {
	display: none !important;		display: none !important;
	}		}

	/* 2. Mostra ~~apenas~~ quando o item pai ~~recebe~~ a classe ~~de expansão~~ */		/* 2. Mostra a sublista unicamente quando o item pai tiver a classe expandida */
	~~.vector-toc-list-item.toc-expanded > ul,~~
	.vector-toc-list-item.toc-expanded > .vector-toc-list {		.vector-toc-list-item.toc-expanded > .vector-toc-list {
	display: block !important;		display: block !important;
	}		}

	/* 3. ~~Garante que os itens de lista aceitam posicionamento absoluto~~ */		/* 3. Prepara o espaço relativo para o alinhamento perfeito da seta */
	.vector-toc-list-item {		.vector-toc-contents .vector-toc-list .vector-toc-list-item {
	position: relative !important;		position: relative !important;
	}		}

	/* 4. ~~Posiciona a~~ seta ~~perfeitamente à~~ esquerda ~~e alinhada ao texto~~ */		/* 4. Estilização e posicionamento absoluto da seta na margem esquerda */
	.toc-toggle-arrow {		.toc-toggle-arrow {
	position: absolute !important;		position: absolute !important;
	left: -~~12px~~ !important; /* ~~Ajusta~~ para ~~a margem esquerda~~ */		left: -13px !important; /* Afasta a seta para fora do alinhamento do texto */
	top: 5px !important; /* Centraliza com a ~~primeira~~ linha de texto */		top: 5px !important; /* Centraliza verticalmente com a linha do texto */
	display: inline-block !important;		display: inline-block !important;
	cursor: pointer !important;		cursor: pointer !important;
Line 37:		Line 35:
	width: 10px !important;		width: 10px !important;
	text-align: center !important;		text-align: center !important;
	z-index: 99 !important;		z-index: 50 !important;
	transition: transform 0.2s ease !important;		transition: transform 0.2s ease !important;
	}		}

	/* 5. ~~Roda a~~ seta ~~para baixo quando expandido~~ */		/* 5. Rotação da seta ao expandir */
	.vector-toc-list-item.toc-expanded > .toc-toggle-arrow {		.vector-toc-list-item.toc-expanded > .toc-toggle-arrow {
	transform: rotate(90deg) !important;		transform: rotate(90deg) !important;
	}		}

	/* 6. Indentação ~~visual~~ para os subcapítulos */		/* 6. Indentação interna limpa para os subcapítulos abertos */
	.vector-toc-~~list-item~~ .vector-toc-list,		.vector-toc-contents .vector-toc-list .vector-toc-list {
	.vector-toc-list~~-item ul~~ {		padding-left: 12px !important;
	padding-left: ~~10px~~ !important;
	margin-top: 4px !important;		margin-top: 4px !important;
	}		}

	/* 7. ~~REMOVE A SETA MANUAL~~ DO HEADING PRINCIPAL ~~(DATASHEET)~~ */		/* 7. PROTEÇÃO TOTAL DO HEADING PRINCIPAL - Bloqueia qualquer modificação visual */
			.vector-toc-header .toc-toggle-arrow,
	.vector-toc-title .toc-toggle-arrow,		.vector-toc-title .toc-toggle-arrow,
	~~#sidebar-toc-welcome .toc-toggle-arrow,~~		#vector-toc-collapsed-button .toc-toggle-arrow {
	~~:has(>~~ #vector-toc-collapsed-button~~) >~~ .toc-toggle-arrow {
	display: none !important;		display: none !important;
			opacity: 0 !important;
			visibility: hidden !important;
	}		}

WikiManagement at 16:10, 3 June 2026

2026-06-03T16:10:45Z

← Older revision		Revision as of 16:10, 3 June 2026
Line 51:		Line 51:
	padding-left: 10px !important;		padding-left: 10px !important;
	margin-top: 4px !important;		margin-top: 4px !important;
			}

			/* 7. REMOVE A SETA MANUAL DO HEADING PRINCIPAL (DATASHEET) */
			.vector-toc-title .toc-toggle-arrow,
			#sidebar-toc-welcome .toc-toggle-arrow,
			:has(> #vector-toc-collapsed-button) > .toc-toggle-arrow {
			display: none !important;
	}		}