Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From ATRONIA Wiki
← Older editNewer edit →
No edit summary
No edit summary
Tag: Reverted
Line 1: Line 1:
/* =========================================
/* =========================================================
  ATRONIA TYPOGRAPHY SYSTEM
  ATRONIA WIKI - GLOBAL STYLING (CORRIGIDO)
  ========================================= */
  ========================================================= */
 
/* ---------- 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) ========== */
/* ========================================================= */
 
/* Fundo geral branco (remove o “cinza” lateral) */
html, body {
  background: #ffffff !important;
}
 
 
/* Header topo a ocupar 100% */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .mw-header-container {
  max-width: none !important;
  width: 100% !important;
}
 
/* Sticky header (navbar secundária) a ocupar 100% */
.skin-vector-2022 .vector-sticky-header {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
 
/* Garante que o “miolo” do sticky header também não fica limitado */
.skin-vector-2022 .vector-sticky-header .vector-sticky-header-inner,
.skin-vector-2022 .vector-sticky-header .vector-sticky-header-content {
  max-width: none !important;
  width: 100% !important;
}
 
 
 
 
 
/* ========================================================= */
/* AUMENTAR LARGURA DO LAYOUT (SEM PARTIR ESTRUTURA) */
/* ========================================================= */
 
.skin-vector-2022 .mw-page-container {
    max-width: 1800px !important;
}
 
.skin-vector-2022 .mw-header-container {
    max-width: 1800px !important;
}
 
 
 
/* ========================================================= */
/* ================= LOGO CONFIG ============================ */
/* ========================================================= */
 
.skin-vector-2022 .mw-header-start {
    flex-wrap: nowrap !important;
}
 
.skin-vector-2022 .mw-logo-icon {
    max-height: 48px !important;
    height: 38px !important;
    max-width: 200px !important;
    width: auto !important;
}
 
.skin-vector-2022 .mw-logo-wordmark img {
    height: 32px !important;
    width: auto !important;
}
 
 
/* ========================================================= */
/* ================= FONT CONFIG ============================ */
/* ========================================================= */


/* ---------- FONTES EXTERNAS ---------- */
@font-face {
@font-face {
     font-family: 'Wiki Font Title';
     font-family: 'Wiki Font Title';
     src: url('/resources/assets/Nohemi-VF.ttf') format('truetype');
     src: url('/resources/assets/Nohemi-VF.ttf') format('truetype');
}
}
@font-face {
@font-face {
     font-family: 'Wiki Font Subtitle';
     font-family: 'Wiki Font Subtitle';
     src: url('/resources/assets/Rubik-Medium.ttf') format('truetype');
     src: url('/resources/assets/Rubik-Medium.ttf') format('truetype');
}
}
@font-face {
@font-face {
     font-family: 'Wiki Font Body';
     font-family: 'Wiki Font Body';
     src: url('/resources/assets/Roboto-Regular.ttf') format('truetype');
     src: url('/resources/assets/Roboto-Regular.ttf') format('truetype');
}
/* ---------- ESTRUTURA BASE ---------- */
html, body {
    background: #ffffff !important;
}
}


Line 203: Line 28:
.mw-page-title-main {
.mw-page-title-main {
     font-family: 'Wiki Font Title', sans-serif;
     font-family: 'Wiki Font Title', sans-serif;
    font-weight: 600;
}
}


Line 209: Line 35:
}
}


/* ---------- LAYOUT FULL WIDTH ---------- */
.skin-vector-2022 .mw-page-container {
    max-width: 1800px !important;
}


/* ========================================================= */
.skin-vector-2022 .mw-header,
/* ================= HEADER ATRONIA ========================= */
.skin-vector-2022 .mw-header-container,
/* ========================================================= */
.skin-vector-2022 .vector-sticky-header {
    max-width: none !important;
    width: 100% !important;
}


/* Background */
/* ---------- HEADER ATRONIA (DARK) ---------- */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
.skin-vector-2022 .vector-sticky-header {
Line 222: Line 55:
}
}


/* Links + title */
.skin-vector-2022 .mw-header a,
.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a,
.skin-vector-2022 .vector-sticky-header a {
.skin-vector-2022 .vector-sticky-header .mw-page-title-main {
     color: #ffffff !important;
     color: #ffffff !important;
}
}


 
/* ---------- PESQUISA (CLEAN STYLE) ---------- */
 
#p-search .cdx-search-input,
 
 
 
 
 
 
/* ========================================================= */
/* ================= DROPDOWN RESET ========================= */
/* ========================================================= */
 
.skin-vector-2022 .vector-dropdown-content {
    background-color: #ffffff !important;
}
 
.skin-vector-2022 .vector-dropdown-content a {
    color: #202122 !important;
}
 
 
/* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */
 
.skin-vector-2022 .vector-dropdown-content .vector-icon,
.skin-vector-2022 .vector-dropdown-content .mw-ui-icon {
    background-color: #202122 !important;
    color: #202122 !important;
}
 
 
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */
 
.skin-vector-2022 .mw-header .vector-dropdown-label::after,
.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after {
    background-color: #ffffff !important;
}
 
 
 
 
/* ========================================================= */
/* FIX DEFINITIVO DO HOVER DOS ICON BUTTONS (CODEx) */
/* ========================================================= */
 
.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover {
    mix-blend-mode: normal !important;
    background-color: rgba(146,255,0,0.30) !important; /* ← reduzido */
}
 
.skin-vector-2022 .mw-header .cdx-button:hover .vector-icon,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover .vector-icon,
.skin-vector-2022 .mw-header .cdx-button:hover .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
    background-color: #ffffff !important;
}
 
 
 
 
/* ========================================================= */
/* HOVER USER DROPDOWN - ATRONIA GREEN */
/* ========================================================= */
 
.skin-vector-2022 #vector-user-links-dropdown-label:hover,
.skin-vector-2022 #vector-user-links-dropdown-label:focus,
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible {
    background-color: rgba(146, 255, 0, 0.30) !important;
}
 
.skin-vector-2022 #vector-user-links-dropdown-label:hover::before,
.skin-vector-2022 #vector-user-links-dropdown-label:focus::before,
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before {
    background-color: rgba(146, 255, 0, 0.30) !important;
    opacity: 1 !important;
}
 
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label,
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label::before {
    background-color: rgba(146, 255, 0, 0.30) !important;
}
 
 
 
 
 
 
/* ========================================================= */
/* ================= ATRONIA LINK SYSTEM =================== */
/* ========================================================= */
 
/* ===== Variáveis globais ===== */
 
:root {
    --color-progressive: #1B2826 !important;
    --color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */
    --color-visited: #1B2826 !important;
}
 
/* ========================================================= */
/* ================= LINKS GERAIS =========================== */
/* ========================================================= */
 
a,
.mw-body-content a,
.mw-parser-output a {
    color: #1B2826 !important;
    text-decoration-color: #1B2826 !important;
}
 
/* Hover */
a:hover,
.mw-body-content a:hover,
.mw-parser-output a:hover {
    color: #12201f !important;
    text-decoration-color: #12201f !important;
}
 
/* Visitados */
a:visited,
.mw-body-content a:visited {
    color: #1B2826 !important;
    text-decoration-color: #1B2826 !important;
}
 
/* Underline styling */
a {
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}
 
/* ========================================================= */
/* ================= TABS (Read / Edit / History) ========= */
/* ========================================================= */
 
.vector-menu-tabs .vector-menu-item a {
    color: #1B2826 !important;
}
 
.vector-menu-tabs .vector-menu-item.selected a {
    border-bottom-color: #1B2826 !important;
}
 
/* ========================================================= */
/* ================= SIDEBAR ================================ */
/* ========================================================= */
 
.vector-menu-portal .vector-menu-content a {
    color: #1B2826 !important;
}
 
.vector-menu-portal .vector-menu-content a:hover {
    color: #12201f !important;
}
 
/* ========================================================= */
/* ================= DROPDOWNS ============================== */
/* ========================================================= */
 
.vector-dropdown-content a {
    color: #1B2826 !important;
}
 
.vector-dropdown-content a:hover {
    color: #12201f !important;
}
 
/* ========================================================= */
/* ================= PARSER OUTPUT ========================== */
/* ========================================================= */
 
.mw-parser-output a {
    color: #1B2826 !important;
}
 
.mw-parser-output a:hover {
    color: #12201f !important;
}
 
 
 
 
 
/* ========================================================= */
/* ================= OOUI ATRONIA GREEN ==================== */
/* ========================================================= */
 
/* Botões principais (Save changes) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
    color: #ffffff !important;
}
 
/* Hover botão */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #12201f !important;
    border-color: #12201f !important;
}
 
/* Checkbox e radio selecionados */
.oo-ui-checkboxInputWidget input:checked + span,
.oo-ui-radioInputWidget input:checked + span {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
}
 
/* Hover checkbox/radio */
.oo-ui-checkboxInputWidget input:hover + span,
.oo-ui-radioInputWidget input:hover + span {
    border-color: #1B2826 !important;
}
 
/* Labels ao lado */
.oo-ui-labelElement-label {
    color: #1B2826 !important;
}
 
/* Links dentro de forms */
.oo-ui-widget a {
    color: #1B2826 !important;
}
 
 
/* ========================================================= */
/* OOUI BOTÕES — HOVER COMPLETO (ATRONIA STYLE) */
/* ========================================================= */
 
/* Estado normal */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled >
.oo-ui-buttonElement-button {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
    color: #ffffff !important;
    transition: all 150ms ease;
}
 
/* Hover completo (mais claro) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled >
.oo-ui-buttonElement-button:hover {
    background-color: #2d4d49 !important;
    border-color: #2d4d49 !important;
}
 
/* ========================================================= */
/* ESCONDER LOGO "Powered by MediaWiki" */
/* ========================================================= */
 
#footer-poweredbyico {
    display: none !important;
}
 
 
 
/* ========================================================= */
/* CODEx RADIO — ATRONIA (Selecionado mais grosso) */
/* ========================================================= */
 
/* Estado normal */
.cdx-radio__icon {
    border: 2px solid #1B2826 !important;
    background-color: transparent !important;
}
 
/* Hover */
.cdx-radio:hover .cdx-radio__icon {
    border-color: #12201f !important;
}
 
/* Selecionado → mais grosso */
.cdx-radio__input:checked + .cdx-radio__icon {
    border: 6px solid #1B2826 !important;
    background-color: transparent !important;
}
 
/* Bolinha interna */
.cdx-radio__input:checked + .cdx-radio__icon::after {
    background-color: #1B2826 !important;
    width: 8px !important;
    height: 8px !important;
}
 
 
/* ========================================================= */
/* ATRONIA — Ajuste do grid para estilo Teltonika          */
/* ========================================================= */
 
@media screen and (min-width: 1120px) {
 
  .skin-vector-2022 .mw-body {
 
    /* Remove o template default do Vector */
    grid-template-columns:
      minmax(0, 1fr) min-content !important;
 
  }
 
}
 
 
/* ========================================================= */
/* ATRONIA — Appearance hover verde neon 30%                */
/* ========================================================= */
 
/* Estado normal (navbar verde escuro sólido) */
#vector-appearance-dropdown .cdx-button {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
/* Hover real (input invisível recebe hover) */
#vector-appearance-dropdown
.vector-dropdown-checkbox:hover
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
/* Estado ativo (dropdown aberto) */
#vector-appearance-dropdown
.vector-dropdown-checkbox:checked
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
 
 
 
/* ========================================================= */
/* ATRONIA — Sticky header dropdown hover fix              */
/* ========================================================= */
 
/* Estado normal */
#vector-user-links-dropdown-sticky-header .cdx-button {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
/* Hover real (input invisível) */
#vector-user-links-dropdown-sticky-header
.vector-dropdown-checkbox:hover
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
/* Estado ativo */
#vector-user-links-dropdown-sticky-header
.vector-dropdown-checkbox:checked
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto na popup "menu has moved"          */
/* ========================================================= */
 
.vector-popup-notification,
.vector-popup-notification p,
.vector-popup-notification .oo-ui-popupWidget-body {
 
    color: #000000 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto no dropdown colapsado Appearance  */
/* ========================================================= */
 
/* Título "Appearance" */
.vector-pinnable-header-label {
    color: #000000 !important;
}
 
/* Conteúdo interno do dropdown */
#vector-appearance-dropdown .vector-dropdown-content,
#vector-appearance-dropdown .vector-dropdown-content * {
    color: #000000 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto nos resultados da pesquisa        */
/* ========================================================= */
 
.cdx-typeahead-search,
.cdx-menu,
.cdx-menu-item,
.cdx-menu-item__content,
.cdx-menu-item__text,
.cdx-search-result-title,
.cdx-search-result-description {
    color: #000000 !important;
}
 
/* Garantir também nos links */
.cdx-menu-item__content a {
    color: #000000 !important;
}
 
 
 
 
/* =========================================
  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 {
.vector-sticky-header .cdx-search-input {
     border-radius: 14px;
     border-radius: 14px;
Line 714: Line 67:
     border: 1px solid #dcdcdc;
     border: 1px solid #dcdcdc;
     background: #ffffff;
     background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
}


.vector-sticky-header .cdx-text-input__input {
.cdx-text-input__input {
     border: none !important;
     border: none !important;
     background: transparent !important;
     background: transparent !important;
    box-shadow: none !important;
}
}


#p-search .cdx-button,
.vector-sticky-header .cdx-button {
.vector-sticky-header .cdx-button {
     background: #ffffff;
     background: #ffffff;
     color: #1B2826;
     color: #1B2826;
     border-left: 1px solid #e0e0e0;
     border-left: 1px solid #e0e0e0;
    border-radius: 0;
    transition: background 0.2s ease, color 0.2s ease;
}
}


#p-search .cdx-button:hover,
.vector-sticky-header .cdx-button:hover {
.vector-sticky-header .cdx-button:hover {
     background: #92ff00;
     background: #92ff00 !important;
     color: #1B2826;
     color: #1B2826 !important;
}
 
 
/* ========================================================= */
/* Hide namespace / wordmark text in header */
/* ========================================================= */
 
.skin-vector .mw-logo-wordmark {
    display: none !important;
}
 
 
/* ========================================================= */
/* ============== FULL WIDTH (SEM BARRAS LATERAIS) ========== */
/* ========================================================= */
 
/* Fundo geral branco (remove o “cinza” lateral) */
html, body {
  background: #ffffff !important;
}
 
 
/* Header topo a ocupar 100% */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .mw-header-container {
  max-width: none !important;
  width: 100% !important;
}
 
/* Sticky header (navbar secundária) a ocupar 100% */
.skin-vector-2022 .vector-sticky-header {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
 
/* Garante que o “miolo” do sticky header também não fica limitado */
.skin-vector-2022 .vector-sticky-header .vector-sticky-header-inner,
.skin-vector-2022 .vector-sticky-header .vector-sticky-header-content {
  max-width: none !important;
  width: 100% !important;
}
 
 
 
 
 
/* ========================================================= */
/* AUMENTAR LARGURA DO LAYOUT (SEM PARTIR ESTRUTURA) */
/* ========================================================= */
 
.skin-vector-2022 .mw-page-container {
    max-width: 1800px !important;
}
 
.skin-vector-2022 .mw-header-container {
    max-width: 1800px !important;
}
 
 
 
/* ========================================================= */
/* ================= LOGO CONFIG ============================ */
/* ========================================================= */
 
.skin-vector-2022 .mw-header-start {
    flex-wrap: nowrap !important;
}
}


/* ---------- LOGO CONFIG ---------- */
.skin-vector .mw-logo-wordmark { display: none !important; }
.skin-vector-2022 .mw-logo-icon {
.skin-vector-2022 .mw-logo-icon {
     max-height: 48px !important;
     max-height: 48px !important;
Line 811: Line 96:
}
}


.skin-vector-2022 .mw-logo-wordmark img {
/* =========================================================
    height: 32px !important;
  FIX DOS ÍCONES (RESOLVE QUADRADOS BRANCOS)
    width: auto !important;
  ========================================================= */
}


 
/* 1. Reset: Remove fundos sólidos que criam os quadrados */
/* ========================================================= */
.vector-icon, .mw-ui-icon {
/* ================= FONT CONFIG ============================ */
    background-color: transparent !important;
/* ========================================================= */
    background-image: none !important;
 
    display: inline-flex !important;
@font-face {
     align-items: center;
     font-family: 'Wiki Font Title';
     justify-content: center;
     src: url('/resources/assets/Nohemi-VF.ttf') format('truetype');
}
}


@font-face {
/* 2. Pseudo-elemento para desenhar o ícone com máscara */
     font-family: 'Wiki Font Subtitle';
.vector-icon::before, .mw-ui-icon::before {
     src: url('/resources/assets/Rubik-Medium.ttf') format('truetype');
     content: "";
    display: block;
    width: 20px;
    height: 20px;
     background-color: #ffffff !important; /* Cor branca para o topo dark */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}
}


@font-face {
/* 3. Dicionário de Ícones (SVG Base64) */
    font-family: 'Wiki Font Body';
/* Sino */
    src: url('/resources/assets/Roboto-Regular.ttf') format('truetype');
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-bell::before {
}
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=");
 
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=");
.mw-body-content {
    font-family: 'Wiki Font Body', sans-serif;
}
 
.mw-page-title-main {
     font-family: 'Wiki Font Title', sans-serif;
}
}
 
/* User/Avatar */
.mw-headline {
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before, #vector-user-links-dropdown-label .vector-icon::before {
     font-family: 'Wiki Font Subtitle', sans-serif;
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=");
}
}
 
/* Estrela (Watchlist) */
 
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before {
/* ========================================================= */
     -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=");
/* ================= HEADER ATRONIA ========================= */
     mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=");
/* ========================================================= */
 
/* Background */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
     background-color: #1B2826 !important;
     border-bottom: none !important;
    color: #ffffff !important;
}
}


/* Links + title */
/* 4. Ícones pretos quando o fundo for branco (Dropdowns) */
.skin-vector-2022 .mw-header a,
.vector-dropdown-content .vector-icon::before,
.skin-vector-2022 .vector-sticky-header a,
.vector-dropdown-content .mw-ui-icon::before {
.skin-vector-2022 .vector-sticky-header .mw-page-title-main {
    color: #ffffff !important;
}
 
 
 
 
 
 
 
 
 
/* ========================================================= */
/* ================= DROPDOWN RESET ========================= */
/* ========================================================= */
 
.skin-vector-2022 .vector-dropdown-content {
    background-color: #ffffff !important;
}
 
.skin-vector-2022 .vector-dropdown-content a {
    color: #202122 !important;
}
 
 
/* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */
 
.skin-vector-2022 .vector-dropdown-content .vector-icon,
.skin-vector-2022 .vector-dropdown-content .mw-ui-icon {
     background-color: #202122 !important;
     background-color: #202122 !important;
    color: #202122 !important;
}
}


 
/* ---------- DROPDOWNS & HOVERS ---------- */
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */
.vector-dropdown-content { background-color: #ffffff !important; }
 
.vector-dropdown-content a { color: #1B2826 !important; }
.skin-vector-2022 .mw-header .vector-dropdown-label::after,
.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after {
    background-color: #ffffff !important;
}
 
 
 
 
/* ========================================================= */
/* FIX DEFINITIVO DO HOVER DOS ICON BUTTONS (CODEx) */
/* ========================================================= */


.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover {
.skin-vector-2022 .vector-sticky-header .cdx-button:hover,
    mix-blend-mode: normal !important;
#vector-user-links-dropdown-label:hover {
    background-color: rgba(146,255,0,0.30) !important; /* ← reduzido */
}
 
.skin-vector-2022 .mw-header .cdx-button:hover .vector-icon,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover .vector-icon,
.skin-vector-2022 .mw-header .cdx-button:hover .mw-ui-icon,
.skin-vector-2022 .vector-sticky-header .mw-ui-icon {
    background-color: #ffffff !important;
}
 
 
 
 
/* ========================================================= */
/* HOVER USER DROPDOWN - ATRONIA GREEN */
/* ========================================================= */
 
.skin-vector-2022 #vector-user-links-dropdown-label:hover,
.skin-vector-2022 #vector-user-links-dropdown-label:focus,
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible {
    background-color: rgba(146, 255, 0, 0.30) !important;
}
 
.skin-vector-2022 #vector-user-links-dropdown-label:hover::before,
.skin-vector-2022 #vector-user-links-dropdown-label:focus::before,
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before {
    background-color: rgba(146, 255, 0, 0.30) !important;
    opacity: 1 !important;
}
 
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label,
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label::before {
     background-color: rgba(146, 255, 0, 0.30) !important;
     background-color: rgba(146, 255, 0, 0.30) !important;
}
}


 
/* ---------- LINKS ATRONIA SYSTEM ---------- */
 
 
 
 
/* ========================================================= */
/* ================= ATRONIA LINK SYSTEM =================== */
/* ========================================================= */
 
/* ===== Variáveis globais ===== */
 
:root {
:root {
     --color-progressive: #1B2826 !important;
     --color-progressive: #1B2826 !important;
    --color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */
     --color-visited: #1B2826 !important;
     --color-visited: #1B2826 !important;
}
}
 
a, .mw-body-content a {
/* ========================================================= */
/* ================= LINKS GERAIS =========================== */
/* ========================================================= */
 
a,
.mw-body-content a,
.mw-parser-output a {
     color: #1B2826 !important;
     color: #1B2826 !important;
    text-decoration-color: #1B2826 !important;
}
/* Hover */
a:hover,
.mw-body-content a:hover,
.mw-parser-output a:hover {
    color: #12201f !important;
    text-decoration-color: #12201f !important;
}
/* Visitados */
a:visited,
.mw-body-content a:visited {
    color: #1B2826 !important;
    text-decoration-color: #1B2826 !important;
}
/* Underline styling */
a {
     text-decoration-thickness: 1.5px;
     text-decoration-thickness: 1.5px;
     text-underline-offset: 3px;
     text-underline-offset: 3px;
}
}
a:hover { color: #12201f !important; }


/* ========================================================= */
/* ---------- OOUI / BOTÕES EDIT ---------- */
/* ================= TABS (Read / Edit / History) ========= */
/* ========================================================= */
 
.vector-menu-tabs .vector-menu-item a {
    color: #1B2826 !important;
}
 
.vector-menu-tabs .vector-menu-item.selected a {
    border-bottom-color: #1B2826 !important;
}
 
/* ========================================================= */
/* ================= SIDEBAR ================================ */
/* ========================================================= */
 
.vector-menu-portal .vector-menu-content a {
    color: #1B2826 !important;
}
 
.vector-menu-portal .vector-menu-content a:hover {
    color: #12201f !important;
}
 
/* ========================================================= */
/* ================= DROPDOWNS ============================== */
/* ========================================================= */
 
.vector-dropdown-content a {
    color: #1B2826 !important;
}
 
.vector-dropdown-content a:hover {
    color: #12201f !important;
}
 
/* ========================================================= */
/* ================= PARSER OUTPUT ========================== */
/* ========================================================= */
 
.mw-parser-output a {
    color: #1B2826 !important;
}
 
.mw-parser-output a:hover {
    color: #12201f !important;
}
 
 
 
 
 
/* ========================================================= */
/* ================= OOUI ATRONIA GREEN ==================== */
/* ========================================================= */
 
/* Botões principais (Save changes) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
     background-color: #1B2826 !important;
     background-color: #1B2826 !important;
Line 1,062: Line 176:
}
}


/* Hover botão */
/* ---------- RODAPÉ ---------- */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
#footer-poweredbyico { display: none !important; }
    background-color: #12201f !important;
    border-color: #12201f !important;
}
 
/* Checkbox e radio selecionados */
.oo-ui-checkboxInputWidget input:checked + span,
.oo-ui-radioInputWidget input:checked + span {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
}
 
/* Hover checkbox/radio */
.oo-ui-checkboxInputWidget input:hover + span,
.oo-ui-radioInputWidget input:hover + span {
    border-color: #1B2826 !important;
}
 
/* Labels ao lado */
.oo-ui-labelElement-label {
    color: #1B2826 !important;
}
 
/* Links dentro de forms */
.oo-ui-widget a {
    color: #1B2826 !important;
}
 
 
/* ========================================================= */
/* OOUI BOTÕES — HOVER COMPLETO (ATRONIA STYLE) */
/* ========================================================= */
 
/* Estado normal */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled >
.oo-ui-buttonElement-button {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
    color: #ffffff !important;
    transition: all 150ms ease;
}
 
/* Hover completo (mais claro) */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled >
.oo-ui-buttonElement-button:hover {
    background-color: #2d4d49 !important;
    border-color: #2d4d49 !important;
}
 
/* ========================================================= */
/* ESCONDER LOGO "Powered by MediaWiki" */
/* ========================================================= */
 
#footer-poweredbyico {
    display: none !important;
}
 
 
 
/* ========================================================= */
/* CODEx RADIO — ATRONIA (Selecionado mais grosso) */
/* ========================================================= */
 
/* Estado normal */
.cdx-radio__icon {
    border: 2px solid #1B2826 !important;
    background-color: transparent !important;
}
 
/* Hover */
.cdx-radio:hover .cdx-radio__icon {
    border-color: #12201f !important;
}
 
/* Selecionado → mais grosso */
.cdx-radio__input:checked + .cdx-radio__icon {
    border: 6px solid #1B2826 !important;
    background-color: transparent !important;
}
 
/* Bolinha interna */
.cdx-radio__input:checked + .cdx-radio__icon::after {
    background-color: #1B2826 !important;
    width: 8px !important;
    height: 8px !important;
}
 
 
/* ========================================================= */
/* ATRONIA — Ajuste do grid para estilo Teltonika          */
/* ========================================================= */
 
@media screen and (min-width: 1120px) {
 
  .skin-vector-2022 .mw-body {
 
    /* Remove o template default do Vector */
    grid-template-columns:
      minmax(0, 1fr) min-content !important;
 
  }
 
}
 
 
/* ========================================================= */
/* ATRONIA — Appearance hover verde neon 30%                */
/* ========================================================= */
 
/* Estado normal (navbar verde escuro sólido) */
#vector-appearance-dropdown .cdx-button {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
/* Hover real (input invisível recebe hover) */
#vector-appearance-dropdown
.vector-dropdown-checkbox:hover
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
/* Estado ativo (dropdown aberto) */
#vector-appearance-dropdown
.vector-dropdown-checkbox:checked
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
 
 
 
/* ========================================================= */
/* ATRONIA — Sticky header dropdown hover fix              */
/* ========================================================= */
 
/* Estado normal */
#vector-user-links-dropdown-sticky-header .cdx-button {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
/* Hover real (input invisível) */
#vector-user-links-dropdown-sticky-header
.vector-dropdown-checkbox:hover
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
/* Estado ativo */
#vector-user-links-dropdown-sticky-header
.vector-dropdown-checkbox:checked
+ .cdx-button {
    background: rgba(146, 255, 0, 0.30) !important;
    color: #1B2826 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto na popup "menu has moved"          */
/* ========================================================= */
 
.vector-popup-notification,
.vector-popup-notification p,
.vector-popup-notification .oo-ui-popupWidget-body {
 
    color: #000000 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto no dropdown colapsado Appearance  */
/* ========================================================= */
 
/* Título "Appearance" */
.vector-pinnable-header-label {
    color: #000000 !important;
}
 
/* Conteúdo interno do dropdown */
#vector-appearance-dropdown .vector-dropdown-content,
#vector-appearance-dropdown .vector-dropdown-content * {
    color: #000000 !important;
}
 
 
 
/* ========================================================= */
/* ATRONIA — Texto preto nos resultados da pesquisa        */
/* ========================================================= */
 
.cdx-typeahead-search,
.cdx-menu,
.cdx-menu-item,
.cdx-menu-item__content,
.cdx-menu-item__text,
.cdx-search-result-title,
.cdx-search-result-description {
    color: #000000 !important;
}
 
/* Garantir também nos links */
.cdx-menu-item__content a {
    color: #000000 !important;
}
 
 
 
 
/* --- ATRONIA: FIX DEFINITIVO DE ÍCONES (BASE64) --- */
 
/* 1. Reset e Estrutura */
.mw-ui-icon, .vector-icon {
    background-image: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    vertical-align: middle;
}
 
.mw-ui-icon::before, .vector-icon::before {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important; /* Cor branca para o topo escuro */
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}
 
/* 2. Dicionário de Ícones (Base64 Seguro) */
 
/* SINO (Notificações) */
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-bell::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=") !important;
}
 
/* ESTRELA (Watchlist) */
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before, .mw-ui-icon-star::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=") !important;
}
 
/* BALÕES (Talk) */
.mw-ui-icon-wikimedia-speechBubbles::before, .mw-ui-icon-speechBubbles::before, .mw-ui-icon-userTalk::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTIgMkgyYTIgMiAwIDAgMC0yIDJ2OGgzbDMgMyAzLTMgaDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6bTYgNGgtMnY4SDZsLTMgM2gzdi0yaDlhMiAyIDAgMCAwIDItMlY2eiIvPjwvc3ZnPg==") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTIgMkgyYTIgMiAwIDAgMC0yIDJ2OGgzbDMgMyAzLTMgaDJhMiAyIDAgMCAwIDItMlY0YTIgMiAwIDAgMC0yLTJ6bTYgNGgtMnY4SDZsLTMgM2gzdi0yaDlhMiAyIDAgMCAwIDItMlY2eiIvPjwvc3ZnPg==") !important;
}
 
/* USER (Avatar) */
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=") !important;
}
 
/* 3. Ajuste de cor para Menus Dropdown (Ícone preto em fundo branco) */
.vector-dropdown-content .vector-icon::before,
.vector-menu-content .vector-icon::before {
    background-color: #202122 !important;
}
 
 
 
 
/* ========================================================= */
/* ATRONIA — Navbar mais alta (mais respiração)            */
/* ========================================================= */
 
.vector-header-container .mw-header {
    min-height: 72px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
 
/* Sticky header também */
.vector-sticky-header {
    min-height: 72px !important;
}
 
/* Alinhar conteúdo verticalmente */
.vector-header-start,
.vector-header-end {
    align-items: center !important;
}
 
 
 
 
/* ========================================================= */
/* ATRONIA — Texto branco nos botões da Toolbar OOUI        */
/* ========================================================= */
 
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title,
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: #ffffff !important;
}
 
 
 
/* ========================================================= */
/* VISUAL EDITOR DROPDOWN — Forçar texto preto              */
/* ========================================================= */
 
.oo-ui-popupToolGroup-active-tools
.oo-ui-tool.oo-ui-widget-enabled
.oo-ui-tool-title,
.oo-ui-popupToolGroup-active-tools
.oo-ui-tool.oo-ui-widget-enabled
.oo-ui-labelElement-label {
    color: #000000 !important;
}
 
 
/* 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%;
}
 
 
 
/* ===================================================== */
/* ATRONIA - Wikitable ultra compacta centrada          */
/* ===================================================== */
 
.vector-body .wikitable {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff !important;
    font-size: 13px;
    border: none;
}
 
/* HEADER */
.vector-body .wikitable th {
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    border-bottom: 2px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    background: #ffffff !important;
}
 
 
/* CELULAS */
.vector-body .wikitable td {
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    border-bottom: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    background: #ffffff !important;
}
 
 
 
 
/* ===================================================== */
/* ATRONIA - Fix real: conteúdo interno da wikitable    */
/* ===================================================== */
 
/* aplica a TODAS as wikitables no corpo */
.vector-body .mw-body-content table.wikitable td,
.vector-body .mw-body-content table.wikitable th{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 6px 10px !important;
  line-height: 1.3 !important;
}
 
/* MUITO importante: o VE coloca <p> dentro das células com margens */
.vector-body .mw-body-content table.wikitable td > p,
.vector-body .mw-body-content table.wikitable th > p{
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
 
/* força também spans/links dentro da célula */
.vector-body .mw-body-content table.wikitable td *,
.vector-body .mw-body-content table.wikitable th *{
  text-align: center !important;
}
 
/* se a 1ª coluna estiver a levar estilo diferente, isto elimina */
.vector-body .mw-body-content table.wikitable td:first-child,
.vector-body .mw-body-content table.wikitable th:first-child{
  text-align: center !important;
}
 
 
 
/* ======================================= */
/* ATRONIA - Tech Table FIX FINAL        */
/* ======================================= */
 
.vector-body .mw-body-content table.wikitable.tech-table td {
    text-align: left !important;
}
 
.vector-body .mw-body-content table.wikitable.tech-table th {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
 
/* ===================================================== */
/* ATRONIA - LED TABLE (Real Color Bars)                */
/* ===================================================== */
 
/* Garantir que só afeta a tabela LED */
.vector-body .mw-body-content table.wikitable.led-table {
    border-collapse: collapse;
}
 
/* Barra vertical base */
.vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] {
    width: 18px;
    padding: 0 !important;
    border-right: 1px solid #3a3a3a;
}
 
/* CORES REAIS */
 
.vector-body .mw-body-content table.wikitable.led-table td.led-cyan {
    background: #00bcd4 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-blue {
    background: #1565c0 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-green {
    background: #00c853 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-orange {
    background: #ff6f00 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-red {
    background: #d50000 !important;
}
 
 
.vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(1),
.vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(3) {
    text-align: center !important;
}
 
 
 
 
.vector-body .mw-body-content .two-tables {
    display: flex;
    gap: 12px;              /* ↓ menos espaço entre tabelas */
    align-items: flex-start; /* topo */
}
 
.vector-body .mw-body-content .two-tables .wikitable {
    width: 50%;
    margin: 0;              /* remove margens extra */
}
 
 
 
.vector-body .mw-body-content .image-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
 
.vector-body .mw-body-content .image-row figure {
    margin: 0;
}
 
.vector-body .mw-body-content .image-row img {
    width: 100%;
    height: auto;
}
 
 
 
 
 
.atronia-navbar {
    background: #1B2826;
    padding: 10px 20px;
}
 
.atronia-navbar a {
    color: white;
    margin-right: 20px;
    text-decoration: none;
}
 
 
 
 
 
/* ========================================================= */
/* ATRONIA — Navbar mais alta (mais respiração)            */
/* ========================================================= */
 
.vector-header-container .mw-header {
    min-height: 72px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}
 
/* Sticky header também */
.vector-sticky-header {
    min-height: 72px !important;
}
 
/* Alinhar conteúdo verticalmente */
.vector-header-start,
.vector-header-end {
    align-items: center !important;
}
 
 
 
 
/* ========================================================= */
/* ATRONIA — Texto branco nos botões da Toolbar OOUI        */
/* ========================================================= */
 
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title,
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: #ffffff !important;
}
 
 
 
/* ========================================================= */
/* VISUAL EDITOR DROPDOWN — Forçar texto preto              */
/* ========================================================= */
 
.oo-ui-popupToolGroup-active-tools
.oo-ui-tool.oo-ui-widget-enabled
.oo-ui-tool-title,
.oo-ui-popupToolGroup-active-tools
.oo-ui-tool.oo-ui-widget-enabled
.oo-ui-labelElement-label {
    color: #000000 !important;
}
 
 
/* 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%;
}
 
 
 
/* ===================================================== */
/* ATRONIA - Wikitable ultra compacta centrada          */
/* ===================================================== */
 
.vector-body .wikitable {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff !important;
    font-size: 13px;
    border: none;
}
 
/* HEADER */
.vector-body .wikitable th {
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    border-bottom: 2px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    background: #ffffff !important;
}
 
 
/* CELULAS */
.vector-body .wikitable td {
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    border-bottom: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    background: #ffffff !important;
}
 
 
 
 
/* ===================================================== */
/* ATRONIA - Fix real: conteúdo interno da wikitable    */
/* ===================================================== */
 
/* aplica a TODAS as wikitables no corpo */
.vector-body .mw-body-content table.wikitable td,
.vector-body .mw-body-content table.wikitable th{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 6px 10px !important;
  line-height: 1.3 !important;
}
 
/* MUITO importante: o VE coloca <p> dentro das células com margens */
.vector-body .mw-body-content table.wikitable td > p,
.vector-body .mw-body-content table.wikitable th > p{
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
 
/* força também spans/links dentro da célula */
.vector-body .mw-body-content table.wikitable td *,
.vector-body .mw-body-content table.wikitable th *{
  text-align: center !important;
}
 
/* se a 1ª coluna estiver a levar estilo diferente, isto elimina */
.vector-body .mw-body-content table.wikitable td:first-child,
.vector-body .mw-body-content table.wikitable th:first-child{
  text-align: center !important;
}
 
 
 
/* ======================================= */
/* ATRONIA - Tech Table FIX FINAL        */
/* ======================================= */
 
.vector-body .mw-body-content table.wikitable.tech-table td {
    text-align: left !important;
}
 
.vector-body .mw-body-content table.wikitable.tech-table th {
    background: #1B2826 !important;
    color: #ffffff !important;
}
 
 
/* ===================================================== */
/* ATRONIA - LED TABLE (Real Color Bars)                */
/* ===================================================== */
 
/* Garantir que só afeta a tabela LED */
.vector-body .mw-body-content table.wikitable.led-table {
    border-collapse: collapse;
}
 
/* Barra vertical base */
.vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] {
    width: 18px;
    padding: 0 !important;
    border-right: 1px solid #3a3a3a;
}
 
/* CORES REAIS */
 
.vector-body .mw-body-content table.wikitable.led-table td.led-cyan {
    background: #00bcd4 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-blue {
    background: #1565c0 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-green {
    background: #00c853 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-orange {
    background: #ff6f00 !important;
}
 
.vector-body .mw-body-content table.wikitable.led-table td.led-red {
    background: #d50000 !important;
}
 
 
.vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(1),
.vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(3) {
    text-align: center !important;
}
 
 
 
 
.vector-body .mw-body-content .two-tables {
    display: flex;
    gap: 12px;              /* ↓ menos espaço entre tabelas */
    align-items: flex-start; /* topo */
}
 
.vector-body .mw-body-content .two-tables .wikitable {
    width: 50%;
    margin: 0;              /* remove margens extra */
}
 
 
 
.vector-body .mw-body-content .image-row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
 
.vector-body .mw-body-content .image-row figure {
    margin: 0;
}
 
.vector-body .mw-body-content .image-row img {
    width: 100%;
    height: auto;
}
 
 
 
 
 
.atronia-navbar {
    background: #1B2826;
    padding: 10px 20px;
}
 
.atronia-navbar a {
    color: white;
    margin-right: 20px;
    text-decoration: none;
}

Revision as of 17:53, 16 March 2026

/* =========================================================
   ATRONIA WIKI - GLOBAL STYLING (CORRIGIDO)
   ========================================================= */

/* ---------- FONTES EXTERNAS ---------- */
@font-face {
    font-family: 'Wiki Font Title';
    src: url('/resources/assets/Nohemi-VF.ttf') format('truetype');
}
@font-face {
    font-family: 'Wiki Font Subtitle';
    src: url('/resources/assets/Rubik-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Wiki Font Body';
    src: url('/resources/assets/Roboto-Regular.ttf') format('truetype');
}

/* ---------- ESTRUTURA BASE ---------- */
html, body {
    background: #ffffff !important;
}

.mw-body-content {
    font-family: 'Wiki Font Body', sans-serif;
}

.mw-page-title-main {
    font-family: 'Wiki Font Title', sans-serif;
    font-weight: 600;
}

.mw-headline {
    font-family: 'Wiki Font Subtitle', sans-serif;
}

/* ---------- LAYOUT FULL WIDTH ---------- */
.skin-vector-2022 .mw-page-container {
    max-width: 1800px !important;
}

.skin-vector-2022 .mw-header,
.skin-vector-2022 .mw-header-container,
.skin-vector-2022 .vector-sticky-header {
    max-width: none !important;
    width: 100% !important;
}

/* ---------- HEADER ATRONIA (DARK) ---------- */
.skin-vector-2022 .mw-header,
.skin-vector-2022 .vector-sticky-header {
    background-color: #1B2826 !important;
    border-bottom: none !important;
    color: #ffffff !important;
}

.skin-vector-2022 .mw-header a,
.skin-vector-2022 .vector-sticky-header a {
    color: #ffffff !important;
}

/* ---------- PESQUISA (CLEAN STYLE) ---------- */
#p-search .cdx-search-input,
.vector-sticky-header .cdx-search-input {
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background: #ffffff;
}

.cdx-text-input__input {
    border: none !important;
    background: transparent !important;
}

#p-search .cdx-button,
.vector-sticky-header .cdx-button {
    background: #ffffff;
    color: #1B2826;
    border-left: 1px solid #e0e0e0;
}

#p-search .cdx-button:hover,
.vector-sticky-header .cdx-button:hover {
    background: #92ff00 !important;
    color: #1B2826 !important;
}

/* ---------- LOGO CONFIG ---------- */
.skin-vector .mw-logo-wordmark { display: none !important; }
.skin-vector-2022 .mw-logo-icon {
    max-height: 48px !important;
    height: 38px !important;
    max-width: 200px !important;
    width: auto !important;
}

/* =========================================================
   FIX DOS ÍCONES (RESOLVE QUADRADOS BRANCOS)
   ========================================================= */

/* 1. Reset: Remove fundos sólidos que criam os quadrados */
.vector-icon, .mw-ui-icon {
    background-color: transparent !important;
    background-image: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* 2. Pseudo-elemento para desenhar o ícone com máscara */
.vector-icon::before, .mw-ui-icon::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ffffff !important; /* Cor branca para o topo dark */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

/* 3. Dicionário de Ícones (SVG Base64) */
/* Sino */
.mw-ui-icon-wikimedia-bell::before, .mw-ui-icon-bell::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTYgN0EyIDIgMCAwIDAgNCA3YzAgNS4xNy0yIDctMiA3aDE2cy0yLTEuODMtMi03ek05IDE5YTIgMiAwIDAgMCAyLTJIN2EyIDAgMCAwIDIgMnoiLz48L3N2Zz4=");
}
/* User/Avatar */
.mw-ui-icon-wikimedia-userAvatar::before, .mw-ui-icon-user::before, #vector-user-links-dropdown-label .vector-icon::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMTBhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4em0wIDJjLTQuNDIgMC04IDIuMjQtOCA2djJoMTZ2LTJjMC0zLjc2LTMuNTgtNi04LTYiLz48L3N2Zz4=");
}
/* Estrela (Watchlist) */
.mw-ui-icon-wikimedia-watchlist::before, .mw-ui-icon-watchlist::before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgMC44bDIuNiA2LjRIMjBsLTUuOSA0LjZMMTYuNiAxOEwxMCAxMy44IDMuNCAxOGwyLjUtNi4yTDAgNy4yaDcuNHoiLz48L3N2Zz4=");
}

/* 4. Ícones pretos quando o fundo for branco (Dropdowns) */
.vector-dropdown-content .vector-icon::before,
.vector-dropdown-content .mw-ui-icon::before {
    background-color: #202122 !important;
}

/* ---------- DROPDOWNS & HOVERS ---------- */
.vector-dropdown-content { background-color: #ffffff !important; }
.vector-dropdown-content a { color: #1B2826 !important; }

.skin-vector-2022 .mw-header .cdx-button:hover,
.skin-vector-2022 .vector-sticky-header .cdx-button:hover,
#vector-user-links-dropdown-label:hover {
    background-color: rgba(146, 255, 0, 0.30) !important;
}

/* ---------- LINKS ATRONIA SYSTEM ---------- */
:root {
    --color-progressive: #1B2826 !important;
    --color-visited: #1B2826 !important;
}
a, .mw-body-content a {
    color: #1B2826 !important;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}
a:hover { color: #12201f !important; }

/* ---------- OOUI / BOTÕES EDIT ---------- */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #1B2826 !important;
    border-color: #1B2826 !important;
    color: #ffffff !important;
}

/* ---------- RODAPÉ ---------- */
#footer-poweredbyico { display: none !important; }
Retrieved from "https://wiki.atronia.eu/index.php?title=MediaWiki:Vector-2022.css&oldid=808"