MediaWiki:Citizen.css: mudanças entre as edições

Edição das 18h48min de 26 de novembro de 2025

/* ================================================================= */
/* 🚀 PADRÃO CELTA ERP - V8 (CORREÇÃO DE ESPAÇAMENTO E ÍCONES) */
/* ================================================================= */

/* 1. EXTERMÍNIO DA SETA (COLLAPSE ICON)
   Usamos 'html body' para garantir prioridade máxima sobre o tema.
*/
html body .citizen-section-indicator,
html body .mw-heading .indicator,
html body .citizen-sections-enabled .citizen-section-indicator {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2. CORREÇÃO DOS TÍTULOS H2 (BARRA AZUL)
   Aqui arrumamos a "falta de separação" e o alinhamento.
*/
html body .mw-heading.mw-heading2,
html body .citizen-section-heading {
    /* Reduzindo o topo de 48px (padrão ruim) para 25px (padrão bom) */
    margin-top: 25px !important;
    
    /* Dando um respiro embaixo para o texto não grudar no título */
    margin-bottom: 15px !important;
    
    padding: 0 !important;
    display: block !important;
    border: none !important; /* Remove bordas do container, deixa só no H2 */
}

/* Estilo do Texto H2 */
html body h2 {
    border-bottom: 1px solid var(--border-color-base, #eaecf0) !important;
    border-left: 5px solid var(--color-primary, #3366cc) !important;
    
    /* Afasta o texto da barra azul para dar leitura */
    padding-left: 15px !important;
    padding-bottom: 8px !important;
    
    /* Remove margens internas do H2 para o container controlar */
    margin: 0 !important;
    
    font-weight: 700 !important;
    font-size: 1.5em !important;
    line-height: 1.2 !important;
}

/* 3. TÍTULOS H3 (Subtítulos) */
html body .mw-heading.mw-heading3 {
    margin-top: 30px !important; /* Mais espaço antes do subtítulo */
    margin-bottom: 10px !important;
}

html body h3 {
    padding-left: 10px !important;
    border-left: 3px solid #c8ccd1 !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* 4. LINHA HORIZONTAL (HR) - MAIS DISCRETA */
html body hr {
    margin: 20px 0 !important;
    height: 1px;
    border: none;
    background-color: #eaecf0;
}

/* 5. ÍNDICE LATERAL (TOC) AZUL */
html body .citizen-toc__item--active > a,
html body .citizen-toc__item--active > .citizen-toc__link {
    color: #3366cc !important;
    font-weight: 700 !important;
    border-left: 3px solid #3366cc !important;
    background-color: rgba(51, 102, 204, 0.08) !important;
    padding-left: 10px !important;
    text-decoration: none !important;
}

/* 6. TEMPLATES (BREADCRUMB, META, NOTAS) - CORES CORRIGIDAS */
.celta-breadcrumb a { color: #3366cc !important; text-decoration: none; font-weight: 600; }
.celta-breadcrumb a:hover { text-decoration: underline; }

.celta-note-box {
    background-color: rgba(51, 102, 204, 0.03) !important;
    border: 1px solid rgba(51, 102, 204, 0.2) !important;
    border-left: 4px solid #3366cc !important;
    border-radius: 6px;
    padding: 15px 20px;
    margin: 20px 0;
}
.celta-note-title {
    font-weight: 700; font-size: 0.95em;
    color: #3366cc !important;
    text-transform: uppercase;
    display: flex; align-items: center; gap: 8px;
}

/* 7. INTRODUÇÃO (<BIG>) */
html body big {
    display: block !important;
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    border-left: 4px solid #3366cc;
    border-radius: 4px;
    padding: 15px !important;
    margin-bottom: 20px !important;
    font-size: 1.05em !important;
}

/* 8. BADGES DE VERSÃO */
.celta-badge {
    display: inline-block; padding: 2px 8px; border-radius: 4px;
    font-size: 0.6em; font-weight: 700; text-transform: uppercase;
    margin-left: 10px; vertical-align: middle; position: relative; top: -2px;
}
.celta-badge-novo { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.celta-badge-versao { background: #e2e3e5; color: #383d41; border: 1px solid #d6d8db; }