Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* =========================================
  ATRONIA TYPOGRAPHY SYSTEM
  ========================================= */
/* ---------- BASE BODY FONT ---------- */
.mw-parser-output {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}
/* ---------- PAGE TITLE ---------- */
.mw-page-title-main {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600;
}
/* ---------- MAIN SECTIONS (== Datasheet ==) ---------- */
.mw-parser-output h1,
.mw-parser-output h2 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 600;
}
/* ---------- SUBTITLES (=== Features === etc) ---------- */
.mw-parser-output h3,
.mw-parser-output h4 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500;
}
/* ---------- SMALL HEADINGS ---------- */
.mw-parser-output h5,
.mw-parser-output h6 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500;
}
/* ===== ATRONIA Search Clean & Stable ===== */
/* ===== NAVBAR NORMAL ===== */
#p-search .cdx-search-input {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#p-search .cdx-text-input__input {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
#p-search .cdx-button {
    background: #ffffff;
    color: #1B2826;
    border-left: 1px solid #e0e0e0;
    border-radius: 0;
    transition: background 0.2s ease, color 0.2s ease;
}
#p-search .cdx-button:hover {
    background: #92ff00;
    color: #1B2826;
}
/* ===== NAVBAR STICKY (SCROLL) ===== */
.vector-sticky-header .cdx-search-input {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.vector-sticky-header .cdx-text-input__input {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.vector-sticky-header .cdx-button {
    background: #ffffff;
    color: #1B2826;
    border-left: 1px solid #e0e0e0;
    border-radius: 0;
    transition: background 0.2s ease, color 0.2s ease;
}
.vector-sticky-header .cdx-button:hover {
    background: #92ff00;
    color: #1B2826;
}
/* ========================================================= */
/* Hide namespace / wordmark text in header */
/* ========================================================= */
.skin-vector .mw-logo-wordmark {
    display: none !important;
}
/* ========================================================= */
/* ========================================================= */
/* ============== FULL WIDTH (SEM BARRAS LATERAIS) ========== */
/* ============== FULL WIDTH (SEM BARRAS LATERAIS) ========== */
Line 140: Line 32:




/* ========================================================= */
/* SIDEBAR BACKGROUND */
/* ========================================================= */
.skin-vector-2022 .vector-sidebar {
    background-color: #f5f7f6 !important; /* cinza claro elegante */
    padding-top: 20px;
}


/* Opcional — borda separadora */
.skin-vector-2022 .vector-sidebar {
    border-right: 1px solid #e3e3e3 !important;
}




Line 229: Line 133:
}
}


 
/* Force ALL header icons to white */
 
 
/* --- FIX DE CONTRASTE DOS ÍCONES (ATRONIA) --- */
 
/* 1. Alvo: Todos os ícones na Header e na Sticky Header */
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .mw-header .vector-icon,
.skin-vector-2022 .vector-sticky-header .vector-icon,
.skin-vector-2022 .vector-sticky-header .vector-icon,
.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .mw-header .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
    /* Forçamos a inversão: o que era preto/cinza vira branco */
     background-color: #ffffff !important;
    filter: brightness(0) invert(1) !important;
   
    /* Mantemos o fundo transparente para o filtro atuar apenas no desenho */
    background-color: transparent !important;
   
    /* Garantimos que o ícone está visível e com tamanho correto */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
   
    /* Forçamos a máscara a preencher o espaço sem repetir */
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
 
/* 2. Remove os quadrados brancos que aparecem nos botões "Quiet" */
.cdx-button--weight-quiet.cdx-button--icon-only {
     background-color: transparent !important;
    border: none !important;
}
 
/* 3. Fix para a seta do Dropdown (WikiManagement) */
.vector-dropdown-label::after {
    filter: brightness(0) invert(1) !important;
}
}




Line 778: Line 647:
}
}


/* Mixed specification table */
.mix-table {
    text-align: center;
}
.mix-table th {
    text-align: center;
}
.mix-table td {
    text-align: center;
}
/* header */
.wikitable.mix-table tr:first-child th {
    background:#1B2826 !important;
    color:#ffffff !important;
    text-align:center;
    font-weight:600;
}
/* largura fixa */
.wikitable.mix-table {
    table-layout: fixed;
    width: 100%;
}
.wikitable.mix-table th:nth-child(1),
.wikitable.mix-table td:nth-child(1) {
    width: 34%;
}
.wikitable.mix-table th:nth-child(2),
.wikitable.mix-table td:nth-child(2),
.wikitable.mix-table th:nth-child(3),
.wikitable.mix-table td:nth-child(3) {
    width: 33%;
}




Line 979: Line 808:
     width: 100%;
     width: 100%;
     height: auto;
     height: auto;
}
.atronia-navbar {
    background: #1B2826;
    padding: 10px 20px;
}
.atronia-navbar a {
    color: white;
    margin-right: 20px;
    text-decoration: none;
}
}