MediaWiki:Vector-2022.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Remove o ícone original vazio que está a criar o espaço no Logout */ | /* Remove o ícone original vazio que está a criar o espaço no Logout */ | ||
#pt-logout a .vector-icon { | #pt-logout a .vector-icon { | ||
display: none !important; | |||
} | } | ||
/* Ajuste fino do espaçamento no link do logout */ | /* Ajuste fino do espaçamento no link do logout */ | ||
#pt-logout a { | #pt-logout a { | ||
gap: 0px !important; /* Remove qualquer espaço residual entre elementos */ | |||
} | } | ||
/* Garante que o teu ícone (::before) tenha a margem correta */ | /* Garante que o teu ícone (::before) tenha a margem correta */ | ||
#pt-logout a::before { | #pt-logout a::before { | ||
margin-right: 8px !important; /* Ajusta este valor (ex: 4px) para aproximar mais */ | |||
} | } | ||
/* 1. Remove sublinhados, bordas e sombras de todos os menus (incluindo Logout) */ | /* 1. Remove sublinhados, bordas e sombras de todos os menus (incluindo Logout) */ | ||
#p-personal li a, | #p-personal li a, | ||
#p-user-menu-content li a, | #p-user-menu-content li a, | ||
#p-user-menu-logout li a, | #p-user-menu-logout li a, | ||
| Line 24: | Line 22: | ||
#p-user-menu-logout li a::before, | #p-user-menu-logout li a::before, | ||
#p-views li a::before { | #p-views li a::before { | ||
text-decoration: none !important; | |||
border-bottom: none !important; | |||
box-shadow: none !important; | |||
} | } | ||
/* 2. Garante que o link em si não sublinha no hover */ | /* 2. Garante que o link em si não sublinha no hover */ | ||
#p-personal li a:hover, | #p-personal li a:hover, | ||
#p-user-menu-content li a:hover, | #p-user-menu-content li a:hover, | ||
#p-user-menu-logout li a:hover, | #p-user-menu-logout li a:hover, | ||
#p-views li a:hover { | #p-views li a:hover { | ||
text-decoration: none !important; | |||
} | } | ||
/* 3. Força o sublinhado APENAS no span (texto) no hover */ | /* 3. Força o sublinhado APENAS no span (texto) no hover */ | ||
#p-personal li a:hover span, | #p-personal li a:hover span, | ||
#p-user-menu-content li a:hover span, | #p-user-menu-content li a:hover span, | ||
#p-user-menu-logout li a:hover span, | #p-user-menu-logout li a:hover span, | ||
#p-views li a:hover span { | #p-views li a:hover span { | ||
text-decoration: underline !important; | |||
/* Removemos o border-bottom daqui para evitar linhas duplas, | |||
o underline costuma chegar se o span estiver correto */ | o underline costuma chegar se o span estiver correto */ | ||
} | } | ||
/* 2. CONFIGURAÇÃO PARA A ESTRELA (BARRA SUPERIOR) */ | /* 2. CONFIGURAÇÃO PARA A ESTRELA (BARRA SUPERIOR) */ | ||
#ca-watch .vector-icon, | #ca-watch .vector-icon, | ||
#ca-unwatch .vector-icon { | #ca-unwatch .vector-icon { | ||
display: none !important; | |||
} | } | ||
#ca-watch a::before, | #ca-watch a::before, | ||
#ca-unwatch a::before { | #ca-unwatch a::before { | ||
font-family: "Material Symbols Rounded" !important; /* Usando a Rounded que importaste */ | |||
font-size: 24px; | |||
color: #000000; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 28px; | |||
height: 28px; | |||
vertical-align: middle; | |||
font-variation-settings: | |||
"FILL" 0, | |||
"wght" 400; | |||
} | } | ||
#ca-watch a::before { content: "star"; font-variation-settings: | #ca-watch a::before { | ||
#ca-unwatch a::before { content: "star"; font-variation-settings: | content: "star"; | ||
font-variation-settings: "FILL" 0; | |||
} | |||
#ca-unwatch a::before { | |||
content: "star"; | |||
font-variation-settings: "FILL" 1; | |||
} /* Estrela preenchida */ | |||
/* 3. CONFIGURAÇÃO PARA O MENU DROPDOWN (PERFIL) */ | /* 3. CONFIGURAÇÃO PARA O MENU DROPDOWN (PERFIL) */ | ||
#p-personal .vector-icon, | #p-personal .vector-icon, | ||
#p-user-menu-content .vector-icon { | #p-user-menu-content .vector-icon { | ||
display: none !important; | |||
} | } | ||
#p-personal li a::before, | #p-personal li a::before, | ||
#p-user-menu-content li a::before { | #p-user-menu-content li a::before { | ||
font-family: "Material Symbols Outlined" !important; | |||
font-size: 20px; | |||
color: #000000; | |||
margin-right: 10px; | |||
display: inline-block; | |||
vertical-align: middle; | |||
width: 24px; | |||
text-align: center; | |||
font-variation-settings: "FILL" 0; | |||
} | } | ||
/* Ícones específicos usando os nomes das Symbols */ | /* Ícones específicos usando os nomes das Symbols */ | ||
#pt-userpage a::before { content: "person"; } | #pt-userpage a::before { | ||
#pt-mytalk a::before { content: "chat_bubble"; } | content: "person"; | ||
#pt-preferences a::before { content: "settings"; } | } | ||
#pt-watchlist a::before { content: "visibility"; } | #pt-mytalk a::before { | ||
#pt-mycontris a::before { content: "history_edu"; } | content: "chat_bubble"; | ||
} | |||
#pt-preferences a::before { | |||
content: "settings"; | |||
} | |||
#pt-watchlist a::before { | |||
content: "visibility"; | |||
} | |||
#pt-mycontris a::before { | |||
content: "history_edu"; | |||
} | |||
#pt-logout a::before { | #pt-logout a::before { | ||
content: "logout" !important; | |||
font-family: "Material Symbols Outlined" !important; | |||
font-size: 20px !important; | |||
color: #000000 !important; | |||
margin-right: 10px; | |||
text-transform: none; | |||
} | } | ||
/* 1. Esconde o ícone original teimoso */ | /* 1. Esconde o ícone original teimoso */ | ||
#ca-watch .vector-icon, | #ca-watch .vector-icon, | ||
#ca-unwatch .vector-icon { | #ca-unwatch .vector-icon { | ||
display: none !important; | |||
} | } | ||
/* 2. Cria o novo ícone usando Material Icons */ | /* 2. Cria o novo ícone usando Material Icons */ | ||
#ca-watch a::before, | #ca-watch a::before, | ||
#ca-unwatch a::before { | #ca-unwatch a::before { | ||
font-family: "Material Symbols Rounded"; | |||
content: "bookmark_add"; /* Ícone da estrela vazia */ | |||
font-size: 20px; | |||
color: #000000; | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 28px; | |||
height: 28px; | |||
vertical-align: middle; | |||
} | } | ||
/* 3. Muda para a estrela cheia quando a página já está vigiada */ | /* 3. Muda para a estrela cheia quando a página já está vigiada */ | ||
#ca-unwatch a::before { | #ca-unwatch a::before { | ||
content: "bookmark_remove"; /* Ícone da estrela preenchida */ | |||
} | } | ||
/* Se houver texto ao lado do ícone no hover, também fica branco */ | /* Se houver texto ao lado do ícone no hover, também fica branco */ | ||
.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover span { | .cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover span { | ||
color: #ffffff !important; | |||
} | } | ||
/* Ajuste específico para os itens da lista do menu de utilizador */ | /* Ajuste específico para os itens da lista do menu de utilizador */ | ||
.vector-menu-content-list .vector-icon { | .vector-menu-content-list .vector-icon { | ||
display: inline-block !important; | |||
visibility: visible !important; | |||
} | } | ||
/* Cor do texto apenas para botões com fundo escuro (framed) */ | /* Cor do texto apenas para botões com fundo escuro (framed) */ | ||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { | .oo-ui-buttonElement-framed | ||
> .oo-ui-buttonElement-button | |||
> .oo-ui-labelElement-label { | |||
color: #ffffff !important; | |||
} | } | ||
/* Forçar ícones brancos em botões com fundo escuro (Atronia Style) */ | /* Forçar ícones brancos em botões com fundo escuro (Atronia Style) */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
> .oo-ui-buttonElement-button | |||
> .oo-ui-iconElement-icon { | |||
filter: brightness(0) invert(1) !important; | |||
} | } | ||
/* Caso o botão tenha um indicador (setinha de dropdown), também fica branco */ | /* Caso o botão tenha um indicador (setinha de dropdown), também fica branco */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
> .oo-ui-buttonElement-button | |||
> .oo-ui-indicatorElement-indicator { | |||
filter: brightness(0) invert(1) !important; | |||
} | } | ||
/**********************************************************/ | /**********************************************************/ | ||
| Line 184: | Line 185: | ||
#skin-client-prefs-vector-feature-limited-width, | #skin-client-prefs-vector-feature-limited-width, | ||
#skin-client-prefs-skin-theme { | #skin-client-prefs-skin-theme { | ||
display: none !important; | |||
} | } | ||
/* ========================================= | /* ========================================= | ||
| Line 194: | Line 194: | ||
/* ---------- BASE BODY FONT ---------- */ | /* ---------- BASE BODY FONT ---------- */ | ||
.mw-parser-output { | .mw-parser-output { | ||
font-family: "Roboto", sans-serif !important; | |||
font-weight: 400; | |||
} | } | ||
/* ---------- PAGE TITLE ---------- */ | /* ---------- PAGE TITLE ---------- */ | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 600; | |||
} | } | ||
| Line 207: | Line 207: | ||
.mw-parser-output h1, | .mw-parser-output h1, | ||
.mw-parser-output h2 { | .mw-parser-output h2 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 600; | |||
} | } | ||
| Line 214: | Line 214: | ||
.mw-parser-output h3, | .mw-parser-output h3, | ||
.mw-parser-output h4 { | .mw-parser-output h4 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 500; | |||
} | } | ||
| Line 221: | Line 221: | ||
.mw-parser-output h5, | .mw-parser-output h5, | ||
.mw-parser-output h6 { | .mw-parser-output h6 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 500; | |||
} | } | ||
/* ===== ATRONIA Search Clean & Stable ===== */ | /* ===== ATRONIA Search Clean & Stable ===== */ | ||
| Line 231: | Line 229: | ||
/* ===== NAVBAR NORMAL ===== */ | /* ===== NAVBAR NORMAL ===== */ | ||
#p-search .cdx-search-input { | #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 { | #p-search .cdx-text-input__input { | ||
border: none !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | } | ||
#p-search .cdx-button { | #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 { | #p-search .cdx-button:hover { | ||
background: #92ff00; | |||
color: #1b2826; | |||
} | } | ||
/* ===== NAVBAR STICKY (SCROLL) ===== */ | /* ===== NAVBAR STICKY (SCROLL) ===== */ | ||
.vector-sticky-header .cdx-search-input { | .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 { | .vector-sticky-header .cdx-text-input__input { | ||
border: none !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | } | ||
.vector-sticky-header .cdx-button { | .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; | |||
} | } | ||
| Line 285: | Line 290: | ||
color: #1B2826; | color: #1B2826; | ||
} */ | } */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 292: | Line 296: | ||
.skin-vector .mw-logo-wordmark { | .skin-vector .mw-logo-wordmark { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 301: | Line 304: | ||
/* Fundo geral branco (remove o “cinza” lateral) */ | /* Fundo geral branco (remove o “cinza” lateral) */ | ||
html, body { | html, | ||
body { | |||
background: #ffffff !important; | background: #ffffff !important; | ||
} | } | ||
/* Header topo a ocupar 100% */ | /* Header topo a ocupar 100% */ | ||
| Line 327: | Line 330: | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 337: | Line 336: | ||
.skin-vector-2022 .mw-page-container { | .skin-vector-2022 .mw-page-container { | ||
max-width: 1800px !important; | |||
} | } | ||
.skin-vector-2022 .mw-header-container { | .skin-vector-2022 .mw-header-container { | ||
max-width: 1800px !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 351: | Line 348: | ||
.skin-vector-2022 .mw-header-start { | .skin-vector-2022 .mw-header-start { | ||
flex-wrap: nowrap !important; | |||
} | } | ||
.skin-vector-2022 .mw-logo-icon { | .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 { | .skin-vector-2022 .mw-logo-wordmark img { | ||
height: 32px !important; | |||
width: auto !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 372: | Line 368: | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Title"; | |||
src: url("/resources/assets/Nohemi-VF.ttf") format("truetype"); | |||
} | } | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Subtitle"; | |||
src: url("/resources/assets/Rubik-Medium.ttf") format("truetype"); | |||
} | } | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Body"; | |||
src: url("/resources/assets/Roboto-Regular.ttf") format("truetype"); | |||
} | } | ||
.mw-body-content { | .mw-body-content { | ||
font-family: "Wiki Font Body", sans-serif; | |||
} | } | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: "Wiki Font Title", sans-serif; | |||
} | } | ||
.mw-headline { | .mw-headline { | ||
font-family: "Wiki Font Subtitle", sans-serif; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 406: | Line 401: | ||
.skin-vector-2022 .mw-header, | .skin-vector-2022 .mw-header, | ||
.skin-vector-2022 .vector-sticky-header { | .skin-vector-2022 .vector-sticky-header { | ||
background-color: #1b2826 !important; | |||
border-bottom: none !important; | |||
color: #ffffff !important; | |||
} | } | ||
| Line 415: | Line 410: | ||
.skin-vector-2022 .vector-sticky-header a, | .skin-vector-2022 .vector-sticky-header a, | ||
.skin-vector-2022 .vector-sticky-header .mw-page-title-main { | .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 { | |||
} | |||
.skin-vector-2022 .vector-dropdown-content a { | .skin-vector-2022 .vector-dropdown-content a { | ||
color: #202122 !important; | |||
} | } | ||
/* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */ | /* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */ | ||
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | /* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | ||
| Line 447: | Line 431: | ||
.skin-vector-2022 .mw-header .vector-dropdown-label::after, | .skin-vector-2022 .mw-header .vector-dropdown-label::after, | ||
.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after { | .skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after { | ||
background-color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 459: | Line 440: | ||
.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; | |||
background-color: rgba(146, 255, 0, 0.3) !important; /* ← reduzido */ | |||
} | } | ||
/* | /* | ||
| Line 480: | Line 461: | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus, | .skin-vector-2022 #vector-user-links-dropdown-label:focus, | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible { | .skin-vector-2022 #vector-user-links-dropdown-label:focus-visible { | ||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
} | } | ||
| Line 486: | Line 467: | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus::before, | .skin-vector-2022 #vector-user-links-dropdown-label:focus::before, | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before { | .skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before { | ||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
opacity: 1 !important; | |||
} | } | ||
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label, | .skin-vector-2022 | ||
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label::before { | #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.3) !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 507: | Line 487: | ||
:root { | :root { | ||
--color-progressive: #1b2826 !important; | |||
--color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */ | |||
--color-visited: #1b2826 !important; | |||
} | } | ||
| Line 519: | Line 499: | ||
.mw-body-content a, | .mw-body-content a, | ||
.mw-parser-output a { | .mw-parser-output a { | ||
color: #1b2826 !important; | |||
text-decoration-color: #1b2826 !important; | |||
} | } | ||
| Line 527: | Line 507: | ||
.mw-body-content a:hover, | .mw-body-content a:hover, | ||
.mw-parser-output a:hover { | .mw-parser-output a:hover { | ||
color: #12201f !important; | |||
text-decoration-color: #12201f !important; | |||
} | } | ||
| Line 534: | Line 514: | ||
a:visited, | a:visited, | ||
.mw-body-content a:visited { | .mw-body-content a:visited { | ||
color: #1b2826 !important; | |||
text-decoration-color: #1b2826 !important; | |||
} | } | ||
/* Underline styling */ | /* Underline styling */ | ||
a { | a { | ||
text-decoration-thickness: 1.5px; | |||
text-underline-offset: 3px; | |||
} | } | ||
| Line 549: | Line 529: | ||
.vector-menu-tabs .vector-menu-item a { | .vector-menu-tabs .vector-menu-item a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-menu-tabs .vector-menu-item.selected a { | .vector-menu-tabs .vector-menu-item.selected a { | ||
border-bottom-color: #1b2826 !important; | |||
} | } | ||
| Line 561: | Line 541: | ||
.vector-menu-portal .vector-menu-content a { | .vector-menu-portal .vector-menu-content a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-menu-portal .vector-menu-content a:hover { | .vector-menu-portal .vector-menu-content a:hover { | ||
color: #12201f !important; | |||
} | } | ||
| Line 573: | Line 553: | ||
.vector-dropdown-content a { | .vector-dropdown-content a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-dropdown-content a:hover { | .vector-dropdown-content a:hover { | ||
color: #12201f !important; | |||
} | } | ||
| Line 585: | Line 565: | ||
.mw-parser-output a { | .mw-parser-output a { | ||
color: #1b2826 !important; | |||
} | } | ||
.mw-parser-output a:hover { | .mw-parser-output a:hover { | ||
color: #12201f !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 602: | Line 578: | ||
/* Botões principais (Save changes) */ | /* 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: #f5f5f5 !important; | |||
border-color: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* Hover botão */ | /* Hover botão */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
> .oo-ui-buttonElement-button:hover { | |||
background-color: #12201f !important; | |||
border-color: #12201f !important; | |||
} | } | ||
| Line 616: | Line 593: | ||
.oo-ui-checkboxInputWidget input:checked + span, | .oo-ui-checkboxInputWidget input:checked + span, | ||
.oo-ui-radioInputWidget input:checked + span { | .oo-ui-radioInputWidget input:checked + span { | ||
background-color: #1b2826 !important; | |||
border-color: #1b2826 !important; | |||
} | } | ||
| Line 623: | Line 600: | ||
.oo-ui-checkboxInputWidget input:hover + span, | .oo-ui-checkboxInputWidget input:hover + span, | ||
.oo-ui-radioInputWidget input:hover + span { | .oo-ui-radioInputWidget input:hover + span { | ||
border-color: #1b2826 !important; | |||
} | } | ||
/* Labels ao lado */ | /* Labels ao lado */ | ||
.oo-ui-labelElement-label { | .oo-ui-labelElement-label { | ||
color: #1b2826 !important; | |||
} | } | ||
/* Links dentro de forms */ | /* Links dentro de forms */ | ||
.oo-ui-widget a { | .oo-ui-widget a { | ||
color: #1b2826 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 642: | Line 618: | ||
/* Estado normal */ | /* Estado normal */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | ||
.oo-ui-buttonElement-button { | background-color: #1b2826 !important; | ||
border-color: #1b2826 !important; | |||
color: #ffffff !important; | |||
transition: all 150ms ease; | |||
} | } | ||
/* Hover completo (mais claro) */ | /* Hover completo (mais claro) */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
.oo-ui-buttonElement-button:hover { | > .oo-ui-buttonElement-button:hover { | ||
background-color: #2d4d49 !important; | |||
border-color: #2d4d49 !important; | |||
} | } | ||
| Line 662: | Line 637: | ||
#footer-poweredbyico { | #footer-poweredbyico { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 673: | Line 646: | ||
/* Estado normal */ | /* Estado normal */ | ||
.cdx-radio__icon { | .cdx-radio__icon { | ||
border: 2px solid #1b2826 !important; | |||
background-color: transparent !important; | |||
} | } | ||
/* Hover */ | /* Hover */ | ||
.cdx-radio:hover .cdx-radio__icon { | .cdx-radio:hover .cdx-radio__icon { | ||
border-color: #12201f !important; | |||
} | } | ||
/* Selecionado → mais grosso */ | /* Selecionado → mais grosso */ | ||
.cdx-radio__input:checked + .cdx-radio__icon { | .cdx-radio__input:checked + .cdx-radio__icon { | ||
border: 6px solid #1b2826 !important; | |||
background-color: transparent !important; | |||
} | } | ||
/* Bolinha interna */ | /* Bolinha interna */ | ||
.cdx-radio__input:checked + .cdx-radio__icon::after { | .cdx-radio__input:checked + .cdx-radio__icon::after { | ||
background-color: #1b2826 !important; | |||
width: 8px !important; | |||
height: 8px !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 701: | Line 673: | ||
@media screen and (min-width: 1120px) { | @media screen and (min-width: 1120px) { | ||
.skin-vector-2022 .mw-body { | .skin-vector-2022 .mw-body { | ||
/* Remove o template default do Vector */ | /* Remove o template default do Vector */ | ||
grid-template-columns: | grid-template-columns: minmax(0, 1fr) min-content !important; | ||
} | } | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 719: | Line 685: | ||
/* Estado normal (navbar verde escuro sólido) */ | /* Estado normal (navbar verde escuro sólido) */ | ||
#vector-appearance-dropdown .cdx-button { | #vector-appearance-dropdown .cdx-button { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* Hover real (input invisível recebe hover) */ | /* Hover real (input invisível recebe hover) */ | ||
#vector-appearance-dropdown | #vector-appearance-dropdown .vector-dropdown-checkbox:hover + .cdx-button { | ||
.vector-dropdown-checkbox:hover | background: rgba(146, 255, 0, 0.3) !important; | ||
+ .cdx-button { | color: #1b2826 !important; | ||
} | } | ||
/* Estado ativo (dropdown aberto) */ | /* Estado ativo (dropdown aberto) */ | ||
#vector-appearance-dropdown | #vector-appearance-dropdown .vector-dropdown-checkbox:checked + .cdx-button { | ||
.vector-dropdown-checkbox:checked | background: rgba(146, 255, 0, 0.3) !important; | ||
+ .cdx-button { | color: #1b2826 !important; | ||
} | |||
} | |||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 748: | Line 707: | ||
/* Estado normal */ | /* Estado normal */ | ||
#vector-user-links-dropdown-sticky-header .cdx-button { | #vector-user-links-dropdown-sticky-header .cdx-button { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* Hover real (input invisível) */ | /* Hover real (input invisível) */ | ||
#vector-user-links-dropdown-sticky-header | #vector-user-links-dropdown-sticky-header | ||
.vector-dropdown-checkbox:hover | .vector-dropdown-checkbox:hover | ||
+ .cdx-button { | + .cdx-button { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
color: #1b2826 !important; | |||
} | } | ||
/* Estado ativo */ | /* Estado ativo */ | ||
#vector-user-links-dropdown-sticky-header | #vector-user-links-dropdown-sticky-header | ||
.vector-dropdown-checkbox:checked | .vector-dropdown-checkbox:checked | ||
+ .cdx-button { | + .cdx-button { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
color: #1b2826 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 777: | Line 734: | ||
.vector-popup-notification p, | .vector-popup-notification p, | ||
.vector-popup-notification .oo-ui-popupWidget-body { | .vector-popup-notification .oo-ui-popupWidget-body { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 789: | Line 743: | ||
/* Título "Appearance" */ | /* Título "Appearance" */ | ||
.vector-pinnable-header-label { | .vector-pinnable-header-label { | ||
color: #000000 !important; | |||
} | } | ||
| Line 795: | Line 749: | ||
#vector-appearance-dropdown .vector-dropdown-content, | #vector-appearance-dropdown .vector-dropdown-content, | ||
#vector-appearance-dropdown .vector-dropdown-content * { | #vector-appearance-dropdown .vector-dropdown-content * { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 811: | Line 763: | ||
.cdx-search-result-title, | .cdx-search-result-title, | ||
.cdx-search-result-description { | .cdx-search-result-description { | ||
color: #000000 !important; | |||
} | } | ||
/* Garantir também nos links */ | /* Garantir também nos links */ | ||
.cdx-menu-item__content a { | .cdx-menu-item__content a { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================= | /* ========================================= | ||
| Line 828: | Line 777: | ||
/* ---------- BASE BODY FONT ---------- */ | /* ---------- BASE BODY FONT ---------- */ | ||
.mw-parser-output { | .mw-parser-output { | ||
font-family: "Roboto", sans-serif !important; | |||
font-weight: 400; | |||
} | } | ||
/* ---------- PAGE TITLE ---------- */ | /* ---------- PAGE TITLE ---------- */ | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 600; | |||
} | } | ||
| Line 841: | Line 790: | ||
.mw-parser-output h1, | .mw-parser-output h1, | ||
.mw-parser-output h2 { | .mw-parser-output h2 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 600; | |||
} | } | ||
| Line 848: | Line 797: | ||
.mw-parser-output h3, | .mw-parser-output h3, | ||
.mw-parser-output h4 { | .mw-parser-output h4 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 500; | |||
} | } | ||
| Line 855: | Line 804: | ||
.mw-parser-output h5, | .mw-parser-output h5, | ||
.mw-parser-output h6 { | .mw-parser-output h6 { | ||
font-family: "Rubik", sans-serif !important; | |||
font-weight: 500; | |||
} | } | ||
/* ===== ATRONIA Search Clean & Stable ===== */ | /* ===== ATRONIA Search Clean & Stable ===== */ | ||
| Line 865: | Line 812: | ||
/* ===== NAVBAR NORMAL ===== */ | /* ===== NAVBAR NORMAL ===== */ | ||
#p-search .cdx-search-input { | #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 { | #p-search .cdx-text-input__input { | ||
border: none !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | } | ||
#p-search .cdx-button { | #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 { | #p-search .cdx-button:hover { | ||
background: #92ff00; | |||
color: #1b2826; | |||
} | } | ||
/* ===== NAVBAR STICKY (SCROLL) ===== */ | /* ===== NAVBAR STICKY (SCROLL) ===== */ | ||
.vector-sticky-header .cdx-search-input { | .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 { | .vector-sticky-header .cdx-text-input__input { | ||
border: none !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | } | ||
.vector-sticky-header .cdx-button { | .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 { | .vector-sticky-header .cdx-button:hover { | ||
background: #92ff00; | |||
color: #1b2826; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 926: | Line 879: | ||
.skin-vector .mw-logo-wordmark { | .skin-vector .mw-logo-wordmark { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 935: | Line 887: | ||
/* Fundo geral branco (remove o “cinza” lateral) */ | /* Fundo geral branco (remove o “cinza” lateral) */ | ||
html, body { | html, | ||
body { | |||
background: #ffffff !important; | background: #ffffff !important; | ||
} | } | ||
/* Header topo a ocupar 100% */ | /* Header topo a ocupar 100% */ | ||
| Line 961: | Line 913: | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 971: | Line 919: | ||
.skin-vector-2022 .mw-page-container { | .skin-vector-2022 .mw-page-container { | ||
max-width: 1800px !important; | |||
} | } | ||
.skin-vector-2022 .mw-header-container { | .skin-vector-2022 .mw-header-container { | ||
max-width: 1800px !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 985: | Line 931: | ||
.skin-vector-2022 .mw-header-start { | .skin-vector-2022 .mw-header-start { | ||
flex-wrap: nowrap !important; | |||
} | } | ||
.skin-vector-2022 .mw-logo-icon { | .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 { | .skin-vector-2022 .mw-logo-wordmark img { | ||
height: 32px !important; | |||
width: auto !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,006: | Line 951: | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Title"; | |||
src: url("/resources/assets/Nohemi-VF.ttf") format("truetype"); | |||
} | } | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Subtitle"; | |||
src: url("/resources/assets/Rubik-Medium.ttf") format("truetype"); | |||
} | } | ||
@font-face { | @font-face { | ||
font-family: "Wiki Font Body"; | |||
src: url("/resources/assets/Roboto-Regular.ttf") format("truetype"); | |||
} | } | ||
.mw-body-content { | .mw-body-content { | ||
font-family: "Wiki Font Body", sans-serif; | |||
} | } | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: "Wiki Font Title", sans-serif; | |||
} | } | ||
.mw-headline { | .mw-headline { | ||
font-family: "Wiki Font Subtitle", sans-serif; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,040: | Line 984: | ||
.skin-vector-2022 .mw-header, | .skin-vector-2022 .mw-header, | ||
.skin-vector-2022 .vector-sticky-header { | .skin-vector-2022 .vector-sticky-header { | ||
background-color: #1b2826 !important; | |||
border-bottom: none !important; | |||
color: #ffffff !important; | |||
} | } | ||
| Line 1,049: | Line 993: | ||
.skin-vector-2022 .vector-sticky-header a, | .skin-vector-2022 .vector-sticky-header a, | ||
.skin-vector-2022 .vector-sticky-header .mw-page-title-main { | .skin-vector-2022 .vector-sticky-header .mw-page-title-main { | ||
color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,065: | Line 1,001: | ||
.skin-vector-2022 .vector-dropdown-content { | .skin-vector-2022 .vector-dropdown-content { | ||
background-color: #ffffff !important; | |||
} | } | ||
.skin-vector-2022 .vector-dropdown-content a { | .skin-vector-2022 .vector-dropdown-content a { | ||
color: #202122 !important; | |||
} | } | ||
/* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */ | /* ===== CORRIGIR ÍCONES DO DROPDOWN ===== */ | ||
| Line 1,080: | Line 1,015: | ||
color: #202122 !important; | color: #202122 !important; | ||
}*/ | }*/ | ||
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | /* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | ||
| Line 1,086: | Line 1,020: | ||
.skin-vector-2022 .mw-header .vector-dropdown-label::after, | .skin-vector-2022 .mw-header .vector-dropdown-label::after, | ||
.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after { | .skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after { | ||
background-color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,098: | Line 1,029: | ||
.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; | |||
background-color: rgba(146, 255, 0, 0.3) !important; /* ← reduzido */ | |||
} | } | ||
/* | /* | ||
| Line 1,108: | Line 1,039: | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
}*/ | }*/ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,119: | Line 1,047: | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus, | .skin-vector-2022 #vector-user-links-dropdown-label:focus, | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible { | .skin-vector-2022 #vector-user-links-dropdown-label:focus-visible { | ||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
} | } | ||
| Line 1,125: | Line 1,053: | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus::before, | .skin-vector-2022 #vector-user-links-dropdown-label:focus::before, | ||
.skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before { | .skin-vector-2022 #vector-user-links-dropdown-label:focus-visible::before { | ||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
opacity: 1 !important; | |||
} | } | ||
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label, | .skin-vector-2022 | ||
.skin-vector-2022 #vector-user-links-dropdown.vector-dropdown:hover .vector-dropdown-label::before { | #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.3) !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,146: | Line 1,073: | ||
:root { | :root { | ||
--color-progressive: #1b2826 !important; | |||
--color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */ | |||
--color-visited: #1b2826 !important; | |||
} | } | ||
| Line 1,158: | Line 1,085: | ||
.mw-body-content a, | .mw-body-content a, | ||
.mw-parser-output a { | .mw-parser-output a { | ||
color: #1b2826 !important; | |||
text-decoration-color: #1b2826 !important; | |||
} | } | ||
| Line 1,166: | Line 1,093: | ||
.mw-body-content a:hover, | .mw-body-content a:hover, | ||
.mw-parser-output a:hover { | .mw-parser-output a:hover { | ||
color: #12201f !important; | |||
text-decoration-color: #12201f !important; | |||
} | } | ||
| Line 1,173: | Line 1,100: | ||
a:visited, | a:visited, | ||
.mw-body-content a:visited { | .mw-body-content a:visited { | ||
color: #1b2826 !important; | |||
text-decoration-color: #1b2826 !important; | |||
} | } | ||
/* Underline styling */ | /* Underline styling */ | ||
a { | a { | ||
text-decoration-thickness: 1.5px; | |||
text-underline-offset: 3px; | |||
} | } | ||
| Line 1,188: | Line 1,115: | ||
.vector-menu-tabs .vector-menu-item a { | .vector-menu-tabs .vector-menu-item a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-menu-tabs .vector-menu-item.selected a { | .vector-menu-tabs .vector-menu-item.selected a { | ||
border-bottom-color: #1b2826 !important; | |||
} | } | ||
| Line 1,200: | Line 1,127: | ||
.vector-menu-portal .vector-menu-content a { | .vector-menu-portal .vector-menu-content a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-menu-portal .vector-menu-content a:hover { | .vector-menu-portal .vector-menu-content a:hover { | ||
color: #12201f !important; | |||
} | } | ||
| Line 1,212: | Line 1,139: | ||
.vector-dropdown-content a { | .vector-dropdown-content a { | ||
color: #1b2826 !important; | |||
} | } | ||
.vector-dropdown-content a:hover { | .vector-dropdown-content a:hover { | ||
color: #12201f !important; | |||
} | } | ||
| Line 1,224: | Line 1,151: | ||
.mw-parser-output a { | .mw-parser-output a { | ||
color: #1b2826 !important; | |||
} | } | ||
.mw-parser-output a:hover { | .mw-parser-output a:hover { | ||
color: #12201f !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,241: | Line 1,164: | ||
/* Botões principais (Save changes) */ | /* 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: #f5f5f5 !important; | |||
border-color: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* Hover botão */ | /* Hover botão */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
> .oo-ui-buttonElement-button:hover { | |||
background-color: #12201f !important; | |||
border-color: #12201f !important; | |||
} | } | ||
| Line 1,255: | Line 1,179: | ||
.oo-ui-checkboxInputWidget input:checked + span, | .oo-ui-checkboxInputWidget input:checked + span, | ||
.oo-ui-radioInputWidget input:checked + span { | .oo-ui-radioInputWidget input:checked + span { | ||
background-color: #1b2826 !important; | |||
border-color: #1b2826 !important; | |||
} | } | ||
| Line 1,262: | Line 1,186: | ||
.oo-ui-checkboxInputWidget input:hover + span, | .oo-ui-checkboxInputWidget input:hover + span, | ||
.oo-ui-radioInputWidget input:hover + span { | .oo-ui-radioInputWidget input:hover + span { | ||
border-color: #1b2826 !important; | |||
} | } | ||
/* Labels ao lado */ | /* Labels ao lado */ | ||
.oo-ui-labelElement-label { | .oo-ui-labelElement-label { | ||
color: #1b2826 !important; | |||
} | } | ||
/* Links dentro de forms */ | /* Links dentro de forms */ | ||
.oo-ui-widget a { | .oo-ui-widget a { | ||
color: #1b2826 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,281: | Line 1,204: | ||
/* Estado normal */ | /* Estado normal */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | ||
.oo-ui-buttonElement-button { | background-color: #1b2826 !important; | ||
border-color: #1b2826 !important; | |||
color: #ffffff !important; | |||
transition: all 150ms ease; | |||
} | } | ||
/* Hover completo (mais claro) */ | /* Hover completo (mais claro) */ | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > | .oo-ui-buttonElement-framed.oo-ui-widget-enabled | ||
.oo-ui-buttonElement-button:hover { | > .oo-ui-buttonElement-button:hover { | ||
background-color: #2d4d49 !important; | |||
border-color: #2d4d49 !important; | |||
} | } | ||
| Line 1,301: | Line 1,223: | ||
#footer-poweredbyico { | #footer-poweredbyico { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,312: | Line 1,232: | ||
/* Estado normal */ | /* Estado normal */ | ||
.cdx-radio__icon { | .cdx-radio__icon { | ||
border: 2px solid #1b2826 !important; | |||
background-color: transparent !important; | |||
} | } | ||
/* Hover */ | /* Hover */ | ||
.cdx-radio:hover .cdx-radio__icon { | .cdx-radio:hover .cdx-radio__icon { | ||
border-color: #12201f !important; | |||
} | } | ||
/* Selecionado → mais grosso */ | /* Selecionado → mais grosso */ | ||
.cdx-radio__input:checked + .cdx-radio__icon { | .cdx-radio__input:checked + .cdx-radio__icon { | ||
border: 6px solid #1b2826 !important; | |||
background-color: transparent !important; | |||
} | } | ||
/* Bolinha interna */ | /* Bolinha interna */ | ||
.cdx-radio__input:checked + .cdx-radio__icon::after { | .cdx-radio__input:checked + .cdx-radio__icon::after { | ||
background-color: #1b2826 !important; | |||
width: 8px !important; | |||
height: 8px !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,340: | Line 1,259: | ||
@media screen and (min-width: 1120px) { | @media screen and (min-width: 1120px) { | ||
.skin-vector-2022 .mw-body { | .skin-vector-2022 .mw-body { | ||
/* Remove o template default do Vector */ | /* Remove o template default do Vector */ | ||
grid-template-columns: | grid-template-columns: minmax(0, 1fr) min-content !important; | ||
} | } | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,358: | Line 1,271: | ||
/* Estado normal (navbar verde escuro sólido) */ | /* Estado normal (navbar verde escuro sólido) */ | ||
#vector-appearance-dropdown .cdx-button { | #vector-appearance-dropdown .cdx-button { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
| Line 1,371: | Line 1,284: | ||
/* Estado ativo (dropdown aberto) */ | /* Estado ativo (dropdown aberto) */ | ||
#vector-appearance-dropdown | #vector-appearance-dropdown .vector-dropdown-checkbox:checked + .cdx-button { | ||
.vector-dropdown-checkbox:checked | background: rgba(146, 255, 0, 0.3) !important; | ||
+ .cdx-button { | color: #1b2826 !important; | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,387: | Line 1,295: | ||
/* Estado normal */ | /* Estado normal */ | ||
#vector-user-links-dropdown-sticky-header .cdx-button { | #vector-user-links-dropdown-sticky-header .cdx-button { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* Hover real (input invisível) */ | /* Hover real (input invisível) */ | ||
#vector-user-links-dropdown-sticky-header | #vector-user-links-dropdown-sticky-header | ||
.vector-dropdown-checkbox:hover | .vector-dropdown-checkbox:hover | ||
+ .cdx-button { | + .cdx-button { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
color: #1b2826 !important; | |||
} | } | ||
/* Estado ativo */ | /* Estado ativo */ | ||
#vector-user-links-dropdown-sticky-header | #vector-user-links-dropdown-sticky-header | ||
.vector-dropdown-checkbox:checked | .vector-dropdown-checkbox:checked | ||
+ .cdx-button { | + .cdx-button { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
color: #1b2826 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,416: | Line 1,322: | ||
.vector-popup-notification p, | .vector-popup-notification p, | ||
.vector-popup-notification .oo-ui-popupWidget-body { | .vector-popup-notification .oo-ui-popupWidget-body { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,428: | Line 1,331: | ||
/* Título "Appearance" */ | /* Título "Appearance" */ | ||
.vector-pinnable-header-label { | .vector-pinnable-header-label { | ||
color: #000000 !important; | |||
} | } | ||
| Line 1,434: | Line 1,337: | ||
#vector-appearance-dropdown .vector-dropdown-content, | #vector-appearance-dropdown .vector-dropdown-content, | ||
#vector-appearance-dropdown .vector-dropdown-content * { | #vector-appearance-dropdown .vector-dropdown-content * { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,450: | Line 1,351: | ||
.cdx-search-result-title, | .cdx-search-result-title, | ||
.cdx-search-result-description { | .cdx-search-result-description { | ||
color: #000000 !important; | |||
} | } | ||
/* Garantir também nos links */ | /* Garantir também nos links */ | ||
.cdx-menu-item__content a { | .cdx-menu-item__content a { | ||
color: #000000 !important; | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| Line 1,466: | Line 1,364: | ||
/* ---------- FONTES ---------- */ | /* ---------- FONTES ---------- */ | ||
@font-face { font-family: | @font-face { | ||
@font-face { font-family: | font-family: "Wiki Font Title"; | ||
@font-face { font-family: | 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"); | |||
} | |||
/* ---------- BASE & LAYOUT ---------- */ | /* ---------- BASE & LAYOUT ---------- */ | ||
html, body { background: #ffffff !important; } | html, | ||
.mw-body-content { font-family: | body { | ||
.mw-page-title-main { font-family: | background: #ffffff !important; | ||
.mw-headline { font-family: | } | ||
.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; | |||
} | |||
.skin-vector-2022 .mw-page-container { max-width: 1800px !important; } | .skin-vector-2022 .mw-page-container { | ||
.skin-vector-2022 .mw-header, .vector-sticky-header { | max-width: 1800px !important; | ||
} | |||
.skin-vector-2022 .mw-header, | |||
.vector-sticky-header { | |||
background-color: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,491: | Line 1,409: | ||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title, | .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title, | ||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label { | .oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label { | ||
color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,500: | Line 1,416: | ||
/* ========================================================= */ | /* ========================================================= */ | ||
.oo-ui-popupToolGroup-active-tools | .oo-ui-popupToolGroup-active-tools | ||
.oo-ui-tool.oo-ui-widget-enabled | .oo-ui-tool.oo-ui-widget-enabled | ||
.oo-ui-tool-title, | .oo-ui-tool-title, | ||
.oo-ui-popupToolGroup-active-tools | .oo-ui-popupToolGroup-active-tools | ||
.oo-ui-tool.oo-ui-widget-enabled | .oo-ui-tool.oo-ui-widget-enabled | ||
.oo-ui-labelElement-label { | .oo-ui-labelElement-label { | ||
color: #000000 !important; | |||
} | } | ||
/* Mixed specification table */ | /* Mixed specification table */ | ||
.mix-table { | .mix-table { | ||
text-align: center; | |||
} | } | ||
.mix-table th { | .mix-table th { | ||
text-align: center; | |||
} | } | ||
.mix-table td { | .mix-table td { | ||
text-align: center; | |||
} | } | ||
/* header */ | /* header */ | ||
.wikitable.mix-table tr:first-child th { | .wikitable.mix-table tr:first-child th { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
text-align: center; | |||
font-weight: 600; | |||
} | } | ||
/* largura fixa */ | /* largura fixa */ | ||
.wikitable.mix-table { | .wikitable.mix-table { | ||
table-layout: fixed; | |||
width: 100%; | |||
} | } | ||
.wikitable.mix-table th:nth-child(1), | .wikitable.mix-table th:nth-child(1), | ||
.wikitable.mix-table td:nth-child(1) { | .wikitable.mix-table td:nth-child(1) { | ||
width: 34%; | |||
} | } | ||
| Line 1,547: | Line 1,462: | ||
.wikitable.mix-table th:nth-child(3), | .wikitable.mix-table th:nth-child(3), | ||
.wikitable.mix-table td:nth-child(3) { | .wikitable.mix-table td:nth-child(3) { | ||
width: 33%; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,557: | Line 1,470: | ||
.vector-body .wikitable { | .vector-body .wikitable { | ||
width: 100%; | |||
border-collapse: collapse; | |||
background: #ffffff !important; | |||
font-size: 13px; | |||
border: none; | |||
} | } | ||
/* HEADER */ | /* HEADER */ | ||
.vector-body .wikitable th { | .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 */ | |||
/* CELULAS */ | .vector-body .wikitable td { | ||
.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; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,594: | Line 1,503: | ||
/* aplica a TODAS as wikitables no corpo */ | /* aplica a TODAS as wikitables no corpo */ | ||
.vector-body .mw-body-content table.wikitable td, | .vector-body .mw-body-content table.wikitable td, | ||
.vector-body .mw-body-content table.wikitable th{ | .vector-body .mw-body-content table.wikitable th { | ||
text-align: center !important; | text-align: center !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
| Line 1,603: | Line 1,512: | ||
/* MUITO importante: o VE coloca <p> dentro das células com margens */ | /* 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 td > p, | ||
.vector-body .mw-body-content table.wikitable th > p{ | .vector-body .mw-body-content table.wikitable th > p { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| Line 1,611: | Line 1,520: | ||
/* força também spans/links dentro da célula */ | /* 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 td *, | ||
.vector-body .mw-body-content table.wikitable th *{ | .vector-body .mw-body-content table.wikitable th * { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
| Line 1,617: | Line 1,526: | ||
/* se a 1ª coluna estiver a levar estilo diferente, isto elimina */ | /* 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 td:first-child, | ||
.vector-body .mw-body-content table.wikitable th:first-child{ | .vector-body .mw-body-content table.wikitable th:first-child { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
/* ======================================= */ | /* ======================================= */ | ||
| Line 1,628: | Line 1,535: | ||
.vector-body .mw-body-content table.wikitable.tech-table td { | .vector-body .mw-body-content table.wikitable.tech-table td { | ||
text-align: left !important; | |||
} | } | ||
.vector-body .mw-body-content table.wikitable.tech-table th { | .vector-body .mw-body-content table.wikitable.tech-table th { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,643: | Line 1,549: | ||
/* Garantir que só afeta a tabela LED */ | /* Garantir que só afeta a tabela LED */ | ||
.vector-body .mw-body-content table.wikitable.led-table { | .vector-body .mw-body-content table.wikitable.led-table { | ||
border-collapse: collapse; | |||
} | } | ||
/* Barra vertical base */ | /* Barra vertical base */ | ||
.vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] { | .vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] { | ||
width: 18px; | |||
padding: 0 !important; | |||
border-right: 1px solid #3a3a3a; | |||
} | } | ||
| Line 1,656: | Line 1,562: | ||
.vector-body .mw-body-content table.wikitable.led-table td.led-cyan { | .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 { | .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 { | .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 { | .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 { | .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(1), | ||
.vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(3) { | .vector-body .mw-body-content table.wikitable.pinout-table td:nth-child(3) { | ||
text-align: center !important; | |||
} | } | ||
.vector-body .mw-body-content .two-tables { | .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 { | .vector-body .mw-body-content .two-tables .wikitable { | ||
width: 50%; | |||
margin: 0; /* remove margens extra */ | |||
} | } | ||
.vector-body .mw-body-content .image-row { | .vector-body .mw-body-content .image-row { | ||
display: flex; | |||
gap: 20px; | |||
align-items: flex-start; | |||
} | } | ||
.vector-body .mw-body-content .image-row figure { | .vector-body .mw-body-content .image-row figure { | ||
margin: 0; | |||
} | } | ||
.vector-body .mw-body-content .image-row img { | .vector-body .mw-body-content .image-row img { | ||
width: 100%; | |||
height: auto; | |||
} | } | ||
.atronia-navbar { | .atronia-navbar { | ||
background: #1b2826; | |||
padding: 10px 20px; | |||
} | } | ||
.atronia-navbar a { | .atronia-navbar a { | ||
color: white; | |||
margin-right: 20px; | |||
text-decoration: none; | |||
} | } | ||
/* ========================================================= */ | |||
/* ========================================================= */ | |||
/* ATRONIA — Navbar mais alta (mais respiração) */ | /* ATRONIA — Navbar mais alta (mais respiração) */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
.vector-header-container .mw-header { | .vector-header-container .mw-header { | ||
min-height: 72px !important; | |||
padding-top: 14px !important; | |||
padding-bottom: 14px !important; | |||
} | } | ||
/* Sticky header também */ | /* Sticky header também */ | ||
.vector-sticky-header { | .vector-sticky-header { | ||
min-height: 72px !important; | |||
} | } | ||
| Line 1,749: | Line 1,641: | ||
.vector-header-start, | .vector-header-start, | ||
.vector-header-end { | .vector-header-end { | ||
align-items: center !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,760: | Line 1,649: | ||
.vector-header-container .mw-header { | .vector-header-container .mw-header { | ||
min-height: 72px !important; | |||
padding-top: 14px !important; | |||
padding-bottom: 14px !important; | |||
} | } | ||
/* Sticky header também */ | /* Sticky header também */ | ||
.vector-sticky-header { | .vector-sticky-header { | ||
min-height: 72px !important; | |||
} | } | ||
| Line 1,773: | Line 1,662: | ||
.vector-header-start, | .vector-header-start, | ||
.vector-header-end { | .vector-header-end { | ||
align-items: center !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,787: | Line 1,672: | ||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title, | .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title, | ||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label { | .oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label { | ||
color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,796: | Line 1,679: | ||
/* ========================================================= */ | /* ========================================================= */ | ||
.oo-ui-popupToolGroup-active-tools | .oo-ui-popupToolGroup-active-tools | ||
.oo-ui-tool.oo-ui-widget-enabled | .oo-ui-tool.oo-ui-widget-enabled | ||
.oo-ui-tool-title, | .oo-ui-tool-title, | ||
.oo-ui-popupToolGroup-active-tools | .oo-ui-popupToolGroup-active-tools | ||
.oo-ui-tool.oo-ui-widget-enabled | .oo-ui-tool.oo-ui-widget-enabled | ||
.oo-ui-labelElement-label { | .oo-ui-labelElement-label { | ||
color: #000000 !important; | |||
} | } | ||
/* Mixed specification table */ | /* Mixed specification table */ | ||
.mix-table { | .mix-table { | ||
text-align: center; | |||
} | } | ||
.mix-table th { | .mix-table th { | ||
text-align: center; | |||
} | } | ||
.mix-table td { | .mix-table td { | ||
text-align: center; | |||
} | } | ||
/* header */ | /* header */ | ||
.wikitable.mix-table tr:first-child th { | .wikitable.mix-table tr:first-child th { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
text-align: center; | |||
font-weight: 600; | |||
} | } | ||
/* largura fixa */ | /* largura fixa */ | ||
.wikitable.mix-table { | .wikitable.mix-table { | ||
table-layout: fixed; | |||
width: 100%; | |||
} | } | ||
.wikitable.mix-table th:nth-child(1), | .wikitable.mix-table th:nth-child(1), | ||
.wikitable.mix-table td:nth-child(1) { | .wikitable.mix-table td:nth-child(1) { | ||
width: 34%; | |||
} | } | ||
| Line 1,843: | Line 1,725: | ||
.wikitable.mix-table th:nth-child(3), | .wikitable.mix-table th:nth-child(3), | ||
.wikitable.mix-table td:nth-child(3) { | .wikitable.mix-table td:nth-child(3) { | ||
width: 33%; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,853: | Line 1,733: | ||
.vector-body .wikitable { | .vector-body .wikitable { | ||
width: 100%; | |||
border-collapse: collapse; | |||
background: #ffffff !important; | |||
font-size: 13px; | |||
border: none; | |||
} | } | ||
/* HEADER */ | /* HEADER */ | ||
.vector-body .wikitable th { | .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 */ | |||
/* CELULAS */ | .vector-body .wikitable td { | ||
.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; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,890: | Line 1,766: | ||
/* aplica a TODAS as wikitables no corpo */ | /* aplica a TODAS as wikitables no corpo */ | ||
.vector-body .mw-body-content table.wikitable td, | .vector-body .mw-body-content table.wikitable td, | ||
.vector-body .mw-body-content table.wikitable th{ | .vector-body .mw-body-content table.wikitable th { | ||
text-align: center !important; | text-align: center !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
| Line 1,899: | Line 1,775: | ||
/* MUITO importante: o VE coloca <p> dentro das células com margens */ | /* 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 td > p, | ||
.vector-body .mw-body-content table.wikitable th > p{ | .vector-body .mw-body-content table.wikitable th > p { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| Line 1,907: | Line 1,783: | ||
/* força também spans/links dentro da célula */ | /* 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 td *, | ||
.vector-body .mw-body-content table.wikitable th *{ | .vector-body .mw-body-content table.wikitable th * { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
| Line 1,913: | Line 1,789: | ||
/* se a 1ª coluna estiver a levar estilo diferente, isto elimina */ | /* 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 td:first-child, | ||
.vector-body .mw-body-content table.wikitable th:first-child{ | .vector-body .mw-body-content table.wikitable th:first-child { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
/* ======================================= */ | /* ======================================= */ | ||
| Line 1,924: | Line 1,798: | ||
.vector-body .mw-body-content table.wikitable.tech-table td { | .vector-body .mw-body-content table.wikitable.tech-table td { | ||
text-align: left !important; | |||
} | } | ||
.vector-body .mw-body-content table.wikitable.tech-table th { | .vector-body .mw-body-content table.wikitable.tech-table th { | ||
background: #1b2826 !important; | |||
color: #ffffff !important; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,939: | Line 1,812: | ||
/* Garantir que só afeta a tabela LED */ | /* Garantir que só afeta a tabela LED */ | ||
.vector-body .mw-body-content table.wikitable.led-table { | .vector-body .mw-body-content table.wikitable.led-table { | ||
border-collapse: collapse; | |||
} | } | ||
/* Barra vertical base */ | /* Barra vertical base */ | ||
.vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] { | .vector-body .mw-body-content table.wikitable.led-table td[class^="led-"] { | ||
width: 18px; | |||
padding: 0 !important; | |||
border-right: 1px solid #3a3a3a; | |||
} | } | ||
| Line 1,952: | Line 1,825: | ||
.vector-body .mw-body-content table.wikitable.led-table td.led-cyan { | .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 { | .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 { | .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 { | .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. | .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 { | .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 { | .vector-body .mw-body-content .two-tables .wikitable { | ||
width: 50%; | |||
margin: 0; /* remove margens extra */ | |||
} | } | ||
.vector-body .mw-body-content .image-row { | .vector-body .mw-body-content .image-row { | ||
display: flex; | |||
gap: 20px; | |||
align-items: flex-start; | |||
} | } | ||
.vector-body .mw-body-content .image-row figure { | .vector-body .mw-body-content .image-row figure { | ||
margin: 0; | |||
} | } | ||
.vector-body .mw-body-content .image-row img { | .vector-body .mw-body-content .image-row img { | ||
width: 100%; | |||
height: auto; | |||
} | } | ||
.atronia-navbar { | .atronia-navbar { | ||
background: #1b2826; | |||
padding: 10px 20px; | |||
} | } | ||
.atronia-navbar a { | .atronia-navbar a { | ||
color: white; | |||
margin-right: 20px; | |||
text-decoration: none; | |||
} | } | ||
| Line 2,023: | Line 1,889: | ||
/* NOVOS ICONS DO MATERIAL ICONS */ | /* NOVOS ICONS DO MATERIAL ICONS */ | ||
/* ============================= */ | /* ============================= */ | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-userAvatar { | .mw-ui-icon-wikimedia-userAvatar { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-userAvatar::before { | .mw-ui-icon-wikimedia-userAvatar::before { | ||
content: "account_circle"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
font-variation-settings: | |||
"FILL" 1, | |||
"wght" 400, | |||
"GRAD" 0, | |||
"opsz" 24; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-appearance { | .mw-ui-icon-wikimedia-appearance { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-appearance::before { | .mw-ui-icon-wikimedia-appearance::before { | ||
content: "build"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
font-variation-settings: | font-variation-settings: | ||
"FILL" 1, | |||
"wght" 400, | |||
"GRAD" 0, | |||
"opsz" 24; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-watchlist { | .mw-ui-icon-wikimedia-watchlist { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-watchlist::before { | .mw-ui-icon-wikimedia-watchlist::before { | ||
content: "bookmark"; | |||
font-family: "Material Symbols Outlined"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-menu{ | .mw-ui-icon-wikimedia-menu { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-menu::before { | .mw-ui-icon-wikimedia-menu::before { | ||
content: "menu"; | |||
font-family: "Material Symbols Outlined"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-search{ | .mw-ui-icon-wikimedia-search { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-search::before { | .mw-ui-icon-wikimedia-search::before { | ||
content: "search"; | |||
font-family: "Material Symbols Outlined"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-wikimedia-wikiText{ | .mw-ui-icon-wikimedia-wikimedia-wikiText { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-wikimedia-wikiText::before { | .mw-ui-icon-wikimedia-wikimedia-wikiText::before { | ||
content: "code"; | |||
font-family: "Material Symbols Outlined"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-wikimedia-edit{ | .mw-ui-icon-wikimedia-wikimedia-edit { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-wikimedia-edit::before { | .mw-ui-icon-wikimedia-wikimedia-edit::before { | ||
content: "edit"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Força o ícone a ficar na posição original e remove animações de rotação */ | /* Força o ícone a ficar na posição original e remove animações de rotação */ | ||
.mw-watchlink .vector-icon { | .mw-watchlink .vector-icon { | ||
transform: none !important; | |||
transition: none !important; | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-unStar{ | .mw-ui-icon-wikimedia-unStar { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-unStar::before { | .mw-ui-icon-wikimedia-unStar::before { | ||
content: "bookmark_remove"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-wikimedia-history{ | .mw-ui-icon-wikimedia-wikimedia-history { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-wikimedia-history::before { | .mw-ui-icon-wikimedia-wikimedia-history::before { | ||
content: "history"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-speechBubbles{ | .mw-ui-icon-wikimedia-speechBubbles { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-speechBubbles::before { | .mw-ui-icon-wikimedia-speechBubbles::before { | ||
content: "chat"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
.mw-ui-icon-wikimedia-listBullet{ | .mw-ui-icon-wikimedia-listBullet { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
.mw-ui-icon-wikimedia-listBullet::before { | .mw-ui-icon-wikimedia-listBullet::before { | ||
content: "menu"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
#vector-page-titlebar-toc-label > .mw-ui-icon-wikimedia-listBullet{ | #vector-page-titlebar-toc-label > .mw-ui-icon-wikimedia-listBullet { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
#vector-page-titlebar-toc-label > .mw-ui-icon-wikimedia-listBullet::before { | #vector-page-titlebar-toc-label > .mw-ui-icon-wikimedia-listBullet::before { | ||
content: "menu"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: #1b2826; /* or currentColor */ | |||
} | } | ||
/* Remove MediaWiki mask system */ | /* Remove MediaWiki mask system */ | ||
#vector-sticky-header-toc-label > .mw-ui-icon-wikimedia-listBullet{ | #vector-sticky-header-toc-label > .mw-ui-icon-wikimedia-listBullet { | ||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
/* Inject Material icon */ | /* Inject Material icon */ | ||
#vector-sticky-header-toc-label > .mw-ui-icon-wikimedia-listBullet::before { | #vector-sticky-header-toc-label > .mw-ui-icon-wikimedia-listBullet::before { | ||
content: "menu"; | |||
font-family: "Material Symbols Rounded"; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-size: 20px; | |||
display: inline-block; | |||
line-height: 1; | |||
letter-spacing: normal; | |||
color: white; /* or currentColor */ | |||
} | } | ||
/* Estado HOVER (Passar o rato) */ | /* Estado HOVER (Passar o rato) */ | ||
#vector-page-titlebar-toc-checkbox:hover + #vector-page-titlebar-toc-label { | #vector-page-titlebar-toc-checkbox:hover + #vector-page-titlebar-toc-label { | ||
background-color: #1b2826 !important; | |||
} | } | ||
#vector-page-titlebar-toc-checkbox:hover + #vector-page-titlebar-toc-label .vector-icon { | #vector-page-titlebar-toc-checkbox:hover | ||
+ #vector-page-titlebar-toc-label | |||
.vector-icon { | |||
filter: brightness(0) invert(1) !important; /* Torna o ícone branco */ | |||
opacity: 1 !important; | |||
} | } | ||
#vector-page-titlebar-toc-checkbox:hover + #vector-page-titlebar-toc-label .vector-dropdown-label-text { | #vector-page-titlebar-toc-checkbox:hover | ||
+ #vector-page-titlebar-toc-label | |||
.vector-dropdown-label-text { | |||
color: #ffffff !important; /* Texto branco */ | |||
} | } | ||
/* Estado CHECKED (Quando o menu está aberto) */ | /* Estado CHECKED (Quando o menu está aberto) */ | ||
#vector-page-titlebar-toc-checkbox:checked + #vector-page-titlebar-toc-label { | #vector-page-titlebar-toc-checkbox:checked + #vector-page-titlebar-toc-label { | ||
background-color: #1b2826 !important; | |||
} | } | ||
#vector-page-titlebar-toc-checkbox:checked + #vector-page-titlebar-toc-label .vector-icon { | #vector-page-titlebar-toc-checkbox:checked | ||
+ #vector-page-titlebar-toc-label | |||
.vector-icon { | |||
filter: brightness(0) invert(1) !important; | |||
opacity: 1 !important; | |||
} | } | ||
#vector-page-titlebar-toc-checkbox:checked + #vector-page-titlebar-toc-label .vector-dropdown-label-text { | #vector-page-titlebar-toc-checkbox:checked | ||
+ #vector-page-titlebar-toc-label | |||
.vector-dropdown-label-text { | |||
color: #ffffff !important; | |||
} | } | ||
.vector-dropdown-checkbox:hover { | .vector-dropdown-checkbox:hover { | ||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 2,405: | Line 2,266: | ||
#vector-main-menu-dropdown .cdx-button:focus, | #vector-main-menu-dropdown .cdx-button:focus, | ||
#vector-main-menu-dropdown .cdx-button:active { | #vector-main-menu-dropdown .cdx-button:active { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
box-shadow: none !important; | |||
} | } | ||
#vector-main-menu-dropdown .cdx-button::before { | #vector-main-menu-dropdown .cdx-button::before { | ||
display: none !important; | |||
} | } | ||
#vector-sticky-header-toc-checkbox .cdx-button::before { | #vector-sticky-header-toc-checkbox .cdx-button::before { | ||
display: none !important; | |||
} | } | ||
#vector-main-menu-dropdown .vector-dropdown-checkbox:hover + .cdx-button { | #vector-main-menu-dropdown .vector-dropdown-checkbox:hover + .cdx-button { | ||
background: rgba(146, 255, 0, 0.3) !important; | |||
} | } | ||
#vector-sticky-header-toc-checkbox .vector-dropdown-checkbox:hover + .cdx-button{ | #vector-sticky-header-toc-checkbox | ||
background-color: red !important; | .vector-dropdown-checkbox:hover | ||
+ .cdx-button { | |||
background-color: red !important; | |||
} | } | ||
#vector-sticky-header-toc-checkbox .vector-dropdown-checkbox:hover + .cdx-button { | #vector-sticky-header-toc-checkbox | ||
.vector-dropdown-checkbox:hover | |||
+ .cdx-button { | |||
background: rgba(146, 255, 0, 0.3) !important; | |||
} | } | ||