MediaWiki:Common.css - Revision history

Fernando: Seção 27: Fix TOC dropdown funcional em mobile — restaura visibilidade do índice no modo dropdown enquanto mantém sidebar oculta

2026-09-01T23:22:14Z

Seção 27: Fix TOC dropdown funcional em mobile — restaura visibilidade do índice no modo dropdown enquanto mantém sidebar oculta

Contrastar Mudanças

Fernando: v23: +Seção 26 — reduz margens laterais do conteúdo em mobile para alinhar ao canto esquerdo

2026-09-01T23:02:15Z

v23: +Seção 26 — reduz margens laterais do conteúdo em mobile para alinhar ao canto esquerdo

@@ Line 2,088: / Line 2,088: @@
    .vector-page-toolbar-container #vector-variants-dropdown {
      display: none !important;
+   }
+}

Fernando: v23: +Seção 25 — fix abas toolbar: scroll horizontal em linha única via display:contents nos containers left/right-navigation

2026-09-01T22:59:37Z

v23: +Seção 25 — fix abas toolbar: scroll horizontal em linha única via display:contents nos containers left/right-navigation

@@ Line 2,021: / Line 2,021: @@
      pointer-events: none !important;
      z-index: 2 !important;
+   }
+}

Fernando: v23 passo 1/2: restaura seções 1-18 originais com header v23

2026-09-01T22:49:41Z

v23 passo 1/2: restaura seções 1-18 originais com header v23

Contrastar Mudanças

Fernando: v23 passo 2/2: +Seções 19-24 (infobox, breakpoints 768/480/360, safe areas, touch, performance, scroll)

2026-09-01T22:49:41Z

v23 passo 2/2: +Seções 19-24 (infobox, breakpoints 768/480/360, safe areas, touch, performance, scroll)

Contrastar Mudanças

Fernando: v23 PARCIAL: restaurando seção 1 (cascata) como teste de tamanho

2026-09-01T22:48:06Z

v23 PARCIAL: restaurando seção 1 (cascata) como teste de tamanho

Contrastar Mudanças

Fernando: v23: +Seções 19-24: estilos .vtm-infobox, breakpoints 768/480/360px, safe areas, touch 44px, performance mobile, indicador scroll abas

2026-09-01T22:42:27Z

v23: +Seções 19-24: estilos .vtm-infobox, breakpoints 768/480/360px, safe areas, touch 44px, performance mobile, indicador scroll abas

Contrastar Mudanças

Fernando: Restauração e garantia visual dos botões de censura no editor (v22)

2026-09-01T21:46:35Z

Restauração e garantia visual dos botões de censura no editor (v22)

Contrastar Mudanças

Fernando: Correção de empilhamento de infobox/citações e restauração do dropdown hambúrguer (v21)

2026-09-01T21:28:05Z

Correção de empilhamento de infobox/citações e restauração do dropdown hambúrguer (v21)

Contrastar Mudanças

Fernando: Limpeza e desarmamento de tabelas flutuantes e clear: both em títulos (v20)

2026-09-01T21:23:54Z

Limpeza e desarmamento de tabelas flutuantes e clear: both em títulos (v20)

← Older revision		Revision as of 21:23, 1 September 2026
Line 1:		Line 1:
	/* ==========================================================================		/* ==========================================================================
	TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (~~v19~~ - ~~STRICT GRID COLLAPSE <= 1200PX~~)		TEMA DARK GÓTICO-PUNK — VAMPIRO: A MÁSCARA (v20 - HEADING CLEAR & NO SQUEEZED FLOATS)
	========================================================================== */		========================================================================== */

Line 675:		Line 675:
	========================================================================== */		========================================================================== */
	h1, h2, h3, h4, h5, h6,		h1, h2, h3, h4, h5, h6,
			.mw-heading, .mw-heading1, .mw-heading2, .mw-heading3, .mw-heading4,
	.mw-heading h1, .mw-heading h2, .mw-heading h3 {		.mw-heading h1, .mw-heading h2, .mw-heading h3 {
	font-family: var(--vtm-font-title) !important;		font-family: var(--vtm-font-title) !important;
Line 680:		Line 681:
	letter-spacing: 0.5px !important;		letter-spacing: 0.5px !important;
	color: var(--vtm-text) !important;		color: var(--vtm-text) !important;
			clear: both !important; /* Impede que títulos sejam espremidos por tabelas flutuantes */
	}		}

Line 1,257:		Line 1,259:
	}		}

	/* --- C. TIPOGRAFIA GERAL EXPANDIDA & LEGÍVEL NO MOBILE --- */		/* --- C. DESARMA QUALQUER TABELA FLUTUANTE NO MOBILE (FLOAT: RIGHT/LEFT) --- */
			table[style*="float: right"],
			table[style*="float:right"],
			table[style*="float: left"],
			table[style*="float:left"],
			table.wikitable[style*="float"],
			.mw-parser-output table[style*="float"],
			.vtm-infobox {
			float: none !important;
			width: 100% !important;
			max-width: 100% !important;
			margin: 16px 0 !important;
			box-sizing: border-box !important;
			clear: both !important;
			}

			/* --- D. TIPOGRAFIA GERAL EXPANDIDA & LEGÍVEL NO MOBILE --- */
	html,		html,
	body,		body,
Line 1,278:		Line 1,296:
	margin-bottom: 16px !important;		margin-bottom: 16px !important;
	word-break: break-word !important;		word-break: break-word !important;
			clear: both !important;
	}		}

	h2, .mw-heading2 h2 {		h2, .mw-heading2 h2, .mw-heading h2 {
	font-size: 1.52em !important;		font-size: 1.52em !important;
	line-height: 1.35 !important;		line-height: 1.35 !important;
	margin-top: 22px !important;		margin-top: 22px !important;
	padding-bottom: 6px !important;		padding-bottom: 6px !important;
			clear: both !important;
	}		}

	h3, .mw-heading3 h3 {		h3, .mw-heading3 h3, .mw-heading h3 {
	font-size: 1.28em !important;		font-size: 1.28em !important;
	margin-top: 16px !important;		margin-top: 16px !important;
	line-height: 1.35 !important;		line-height: 1.35 !important;
			clear: both !important;
	}		}

	h4, .mw-heading4 h4 {		h4, .mw-heading4 h4, .mw-heading h4 {
	font-size: 1.15em !important;		font-size: 1.15em !important;
			clear: both !important;
	}		}

Line 1,308:		Line 1,330:
	}		}

	/* --- D. ABAS DE NAVEGAÇÃO & BOTÕES DE MENU AMPLIADOS --- */		/* --- E. ABAS DE NAVEGAÇÃO & BOTÕES DE MENU AMPLIADOS --- */
	.vector-menu-tabs,		.vector-menu-tabs,
	.vector-menu-tabs-legacy,		.vector-menu-tabs-legacy,
Line 1,405:		Line 1,427:
	}		}

	/* --- E. Cabeçalho & Logo Adaptativos --- */		/* --- F. Cabeçalho & Logo Adaptativos --- */
	.mw-logo {		.mw-logo {
	height: 68px !important;		height: 68px !important;
Line 1,420:		Line 1,442:
	}		}

	/* --- F. Layouts de Coluna / Grid (Dashboard na Home) --- */		/* --- G. Layouts de Coluna / Grid (Dashboard na Home) --- */
	.mw-parser-output table[style*="background:transparent"],		.mw-parser-output table[style*="background:transparent"],
	.mw-parser-output table[style*="border:none"],		.mw-parser-output table[style*="border:none"],
Line 1,454:		Line 1,476:
	}		}

	/* --- G. Tabelas de Dados / Dossiês (.wikitable) --- */		/* --- H. Tabelas de Dados / Dossiês (.wikitable) --- */
	table.wikitable {		table.wikitable {
	display: block !important;		display: block !important;
Line 1,472:		Line 1,494:
	line-height: 1.5 !important;		line-height: 1.5 !important;
	min-width: 90px !important;		min-width: 90px !important;
	}

	~~/* --- H. Infoboxes de Personagem (.vtm-infobox) --- */~~
	~~.vtm-infobox {~~
	~~float: none !important;~~
	~~width: 100% !important;~~
	~~max-width: 100% !important;~~
	~~margin: 18px 0 !important;~~
	~~box-sizing: border-box !important;~~
	~~font-size: 1.02em !important;~~
	}		}