MediaWiki:Common.css: Difference between revisions

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;

}

/* 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 {

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;

}

/* 4. ~~Posiciona a~~ seta ~~perfeitamente à~~ esquerda ~~e alinhada ao texto~~ */

/* 4. Estilização e posicionamento absoluto da seta na margem esquerda */

.toc-toggle-arrow {

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;

cursor: pointer !important;

Line 37:

Line 35:

width: 10px !important;

text-align: center !important;

z-index: 99 !important;

z-index: 50 !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 {

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;

}

/* 7. ~~REMOVE A SETA MANUAL~~ DO HEADING PRINCIPAL ~~(DATASHEET)~~ */

/* 7. PROTEÇÃO TOTAL DO HEADING PRINCIPAL - Bloqueia qualquer modificação visual */