MediaWiki:Vector-2022.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (124 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* Remove o ícone original vazio que está a criar o espaço no Logout */ | ||
# | #pt-logout a .vector-icon { | ||
display: none !important; | |||
} | } | ||
/* | /* Ajuste fino do espaçamento no link do logout */ | ||
# | #pt-logout a { | ||
gap: 0px !important; /* Remove qualquer espaço residual entre elementos */ | |||
} | } | ||
/* Garante que o teu ícone (::before) tenha a margem correta */ | |||
#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) */ | |||
#p-personal li a, | |||
#p-user-menu-content li a, | |||
#p-user-menu-logout li a, | |||
#p-views li a, | |||
#p-personal li a::before, | |||
#p-user-menu-logout 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 */ | ||
#p-personal li a:hover, | |||
#p-user-menu-content li a:hover, | |||
#p-user-menu-logout li a:hover, | |||
#p-views li a:hover { | |||
text-decoration: none !important; | |||
} | } | ||
/* | /* 3. Força o sublinhado APENAS no span (texto) no hover */ | ||
#p-personal li a:hover span, | |||
#p-user-menu-content li a:hover span, | |||
#p-user-menu-logout li a:hover span, | |||
#p-views li a:hover span { | |||
text-decoration: underline !important; | |||
} | } | ||
/* 2. CONFIGURAÇÃO PARA A ESTRELA (BARRA SUPERIOR) */ | |||
#ca-watch .vector-icon, | |||
#ca-unwatch .vector-icon { | |||
display: none !important; | |||
} | |||
/* | #ca-watch 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: "FILL" 0; | |||
} | |||
#ca-unwatch a::before { | |||
content: "star"; | |||
font-variation-settings: "FILL" 1; | |||
} /* Estrela preenchida */ | |||
/* | /* 3. CONFIGURAÇÃO PARA O MENU DROPDOWN (PERFIL) */ | ||
. | #p-personal .vector-icon, | ||
#p-user-menu-content .vector-icon { | |||
display: none !important; | |||
} | } | ||
#p-personal 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 */ | ||
#pt-userpage a::before { | |||
content: "person"; | |||
} | |||
#pt-mytalk a::before { | |||
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 { | |||
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 */ | |||
#ca-watch .vector-icon, | |||
#ca-unwatch .vector-icon { | |||
display: none !important; | |||
} | |||
/* | /* 2. Cria o novo ícone usando Material Icons */ | ||
/* | #ca-watch 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 */ | |||
# | #ca-unwatch a::before { | ||
content: "bookmark_remove"; /* Ícone da estrela preenchida */ | |||
} | } | ||
/* Se houver texto ao lado do ícone no hover, também fica branco */ | |||
.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 */ | |||
.vector-menu-content-list .vector-icon { | |||
display: inline-block !important; | |||
visibility: visible !important; | |||
} | |||
/* Cor do texto apenas para botões com fundo escuro (framed) */ | |||
.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) */ | |||
.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 */ | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled | |||
> .oo-ui-buttonElement-button | |||
> .oo-ui-indicatorElement-indicator { | |||
filter: brightness(0) invert(1) !important; | |||
} | |||
/**********************************************************/ | |||
/* Esconder secções de Width e Color no menu de aparência */ | |||
/**********************************************************/ | |||
#skin-client-prefs-vector-feature-limited-width, | |||
#skin-client-prefs-skin-theme { | |||
display: none !important; | |||
} | |||
/* ========================================= | /* ========================================= | ||
| Line 65: | Line 192: | ||
/* ---------- 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 78: | Line 205: | ||
.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 85: | Line 212: | ||
.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 92: | Line 219: | ||
.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 102: | Line 227: | ||
/* ===== 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; | background: #92ff00; | ||
color: #1B2826; | color: #1B2826; | ||
} | } */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 163: | Line 294: | ||
.skin-vector .mw-logo-wordmark { | .skin-vector .mw-logo-wordmark { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 172: | Line 302: | ||
/* 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 198: | Line 328: | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 208: | Line 334: | ||
.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 222: | Line 346: | ||
.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 243: | Line 366: | ||
@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 277: | Line 399: | ||
.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 286: | Line 408: | ||
.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 302: | Line 416: | ||
.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 ===== */ | ||
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | /* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | ||
| Line 318: | Line 429: | ||
.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; | |||
} | } | ||
/* ========================================================= */ | |||
/* ========================================================= */ | |||
/* FIX DEFINITIVO DO HOVER DOS ICON BUTTONS (CODEx) */ | /* FIX DEFINITIVO DO HOVER DOS ICON BUTTONS (CODEx) */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 330: | Line 438: | ||
.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 351: | Line 449: | ||
.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 357: | Line 455: | ||
.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 378: | Line 475: | ||
:root { | :root { | ||
--color-progressive: #1b2826 !important; | |||
--color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */ | |||
--color-visited: #1b2826 !important; | |||
} | } | ||
| Line 390: | Line 487: | ||
.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 398: | Line 495: | ||
.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 405: | Line 502: | ||
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 420: | Line 517: | ||
.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 432: | Line 529: | ||
.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 444: | Line 541: | ||
.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 456: | Line 553: | ||
.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 473: | Line 566: | ||
/* 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 487: | Line 581: | ||
.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 494: | Line 588: | ||
.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 513: | Line 606: | ||
/* 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 533: | Line 625: | ||
#footer-poweredbyico { | #footer-poweredbyico { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 544: | Line 634: | ||
/* 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 572: | Line 661: | ||
@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 590: | Line 673: | ||
/* 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; | ||
} | } | ||
/* ========================================================= */ | |||
/* ========================================================= */ | |||
/* ATRONIA — Sticky header dropdown hover fix */ | /* ATRONIA — Sticky header dropdown hover fix */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 619: | Line 695: | ||
/* 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 648: | Line 722: | ||
.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 660: | Line 731: | ||
/* Título "Appearance" */ | /* Título "Appearance" */ | ||
.vector-pinnable-header-label { | .vector-pinnable-header-label { | ||
color: #000000 !important; | |||
} | } | ||
| Line 666: | Line 737: | ||
#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 682: | Line 751: | ||
.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 699: | Line 765: | ||
/* ---------- 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 712: | Line 778: | ||
.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 719: | Line 785: | ||
.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 726: | Line 792: | ||
.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 736: | Line 800: | ||
/* ===== 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 797: | Line 867: | ||
.skin-vector .mw-logo-wordmark { | .skin-vector .mw-logo-wordmark { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 806: | Line 875: | ||
/* 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 832: | Line 901: | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 842: | Line 907: | ||
.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 856: | Line 919: | ||
.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 877: | Line 939: | ||
@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 911: | Line 972: | ||
.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 920: | Line 981: | ||
.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 936: | Line 989: | ||
.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; | |||
} | } | ||
/* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | /* ===== FORÇAR COR DA SETA (DROPDOWN ARROW) ===== */ | ||
| Line 957: | Line 1,000: | ||
.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 969: | Line 1,009: | ||
.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 990: | Line 1,020: | ||
.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 996: | Line 1,026: | ||
.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,017: | Line 1,046: | ||
:root { | :root { | ||
--color-progressive: #1b2826 !important; | |||
--color-progressive--hover: #12201f !important; /* ligeiramente mais escuro */ | |||
--color-visited: #1b2826 !important; | |||
} | } | ||
| Line 1,029: | Line 1,058: | ||
.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,037: | Line 1,066: | ||
.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,044: | Line 1,073: | ||
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,059: | Line 1,088: | ||
.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,071: | Line 1,100: | ||
.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,083: | Line 1,112: | ||
.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,095: | Line 1,124: | ||
.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,112: | Line 1,137: | ||
/* 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,126: | Line 1,152: | ||
.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,133: | Line 1,159: | ||
.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,152: | Line 1,177: | ||
/* 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,172: | Line 1,196: | ||
#footer-poweredbyico { | #footer-poweredbyico { | ||
display: none !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,183: | Line 1,205: | ||
/* 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,211: | Line 1,232: | ||
@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,229: | Line 1,244: | ||
/* 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; | |||
} | } | ||
/* 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,258: | Line 1,260: | ||
/* 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,287: | Line 1,287: | ||
.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,299: | Line 1,296: | ||
/* Título "Appearance" */ | /* Título "Appearance" */ | ||
.vector-pinnable-header-label { | .vector-pinnable-header-label { | ||
color: #000000 !important; | |||
} | } | ||
| Line 1,305: | Line 1,302: | ||
#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,321: | Line 1,316: | ||
.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,337: | Line 1,329: | ||
/* ---------- 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; | |||
} | } | ||
/* ========================================================= */ | |||
/* ========================================================= */ | |||
/* ATRONIA — Texto branco nos botões da Toolbar OOUI */ | /* ATRONIA — Texto branco nos botões da Toolbar OOUI */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,362: | Line 1,374: | ||
.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,371: | Line 1,381: | ||
/* ========================================================= */ | /* ========================================================= */ | ||
.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,418: | Line 1,427: | ||
.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,428: | Line 1,435: | ||
.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,465: | Line 1,468: | ||
/* 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,474: | Line 1,477: | ||
/* 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,482: | Line 1,485: | ||
/* 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,488: | Line 1,491: | ||
/* 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,499: | Line 1,500: | ||
.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,514: | Line 1,514: | ||
/* 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,527: | Line 1,527: | ||
.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; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,607: | Line 1,593: | ||
.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,620: | Line 1,606: | ||
.vector-header-start, | .vector-header-start, | ||
.vector-header-end { | .vector-header-end { | ||
align-items: center !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,631: | Line 1,614: | ||
.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,644: | Line 1,627: | ||
.vector-header-start, | .vector-header-start, | ||
.vector-header-end { | .vector-header-end { | ||
align-items: center !important; | |||
} | } | ||
/* ========================================================= */ | /* ========================================================= */ | ||
| Line 1,658: | Line 1,637: | ||
.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,667: | Line 1,644: | ||
/* ========================================================= */ | /* ========================================================= */ | ||
.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,714: | Line 1,690: | ||
.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,724: | Line 1,698: | ||
.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; | |||
} | } | ||
/* ===================================================== */ | |||
/* ===================================================== */ | |||
/* ATRONIA - Fix real: conteúdo interno da wikitable */ | /* ATRONIA - Fix real: conteúdo interno da wikitable */ | ||
/* ===================================================== */ | /* ===================================================== */ | ||
| Line 1,761: | Line 1,731: | ||
/* 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,770: | Line 1,740: | ||
/* 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,778: | Line 1,748: | ||
/* 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,784: | Line 1,754: | ||
/* 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,795: | Line 1,763: | ||
.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,810: | Line 1,777: | ||
/* 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,823: | Line 1,790: | ||
.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; | |||
} | } | ||
| Line 1,894: | Line 1,854: | ||
/* 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 */ | |||
} | } | ||
.mw-ui-icon-wikimedia-ellipsis { | |||
-webkit-mask-image: none !important; | |||
mask-image: none !important; | |||
background: none !important; | |||
width: 2rem !important; | |||
} | } | ||
/* Inject Material icon */ | |||
.mw-ui-icon-wikimedia-ellipsis::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 */ | |||
} | } | ||
.mw-ui-icon-wikimedia-ellipsis::after { | |||
content: "keyboard_arrow_down"; | |||
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 */ | |||
/* | #vector-page-titlebar-toc-label > .mw-ui-icon-wikimedia-listBullet { | ||
#vector-page-titlebar-toc- | -webkit-mask-image: none !important; | ||
mask-image: none !important; | |||
background: none !important; | |||
} | } | ||
#vector-page-titlebar-toc- | /* Inject Material icon */ | ||
#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 */ | ||
#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 */ | |||
#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; | |||
#vector-main-menu-dropdown .cdx-button:hover, | color: white; /* or currentColor */ | ||
#vector-main-menu-dropdown .cdx-button:focus, | } | ||
#vector-main-menu-dropdown .cdx-button:active { | |||
/* Estado HOVER (Passar o rato) */ | |||
#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 { | |||
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 { | |||
color: #ffffff !important; /* Texto branco */ | |||
} | |||
/* Estado CHECKED (Quando o menu está aberto) */ | |||
#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 { | |||
filter: brightness(0) invert(1) !important; | |||
opacity: 1 !important; | |||
} | |||
#vector-page-titlebar-toc-checkbox:checked | |||
+ #vector-page-titlebar-toc-label | |||
.vector-dropdown-label-text { | |||
color: #ffffff !important; | |||
} | |||
.vector-dropdown-checkbox:hover { | |||
background-color: rgba(146, 255, 0, 0.3) !important; | |||
} | |||
/* ========================================================= */ | |||
/* REMOVE HOVER BACKGROUND — MAIN MENU BUTTON */ | |||
/* ========================================================= */ | |||
#vector-page-titlebar-toc-label .cdx-button:hover, | |||
#vector-sticky-header-toc-label .cdx-button:hover, | |||
#vector-main-menu-dropdown .cdx-button:hover, | |||
#vector-main-menu-dropdown .cdx-button:focus, | |||
#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-main-menu-dropdown | display: none !important; | ||
.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 { | |||
background-color: red !important; | |||
} | |||
#vector-sticky-header-toc-checkbox | |||
.vector-dropdown-checkbox:hover | |||
+ .cdx-button { | |||
background: rgba(146, 255, 0, 0.3) !important; | |||
} | |||
/*==========================================================*/ | |||
/* MOBILE */ | |||
/*==========================================================*/ | |||
.search-toggle { | |||
background: transparent !important; | |||
border-left: none !important; | |||
} | |||
/* --- FORÇAR LOGO NO MOBILE (Vector 2022) --- */ | |||
@media screen and (max-width: 720px) { | |||
/* 1. Garante que o container do logo é visível */ | |||
.mw-header .mw-logo { | |||
display: flex !important; | |||
opacity: 1 !important; | |||
visibility: visible !important; | |||
width: auto !important; | |||
height: 32px !important; /* Ajusta conforme necessário */ | |||
} | |||
/* 2. Força a exibição da imagem do logo */ | |||
/* A Vector 2022 muitas vezes esconde o <img> original no mobile */ | |||
.mw-logo-icon, | |||
.mw-logo-container img { | |||
display: block !important; | |||
width: 120px !important; /* Largura do logo ATRONIA no tele */ | |||
height: auto !important; | |||
} | |||
/* 3. Ajusta o espaço entre o menu e o logo */ | |||
.mw-header-start { | |||
gap: 10px !important; | |||
} | |||
} | |||
/* AJUSTE DO TAMANHO DO LOGO NO MOBILE */ | |||
@media screen and (max-width: 720px) { | |||
.mw-header .mw-logo-icon { | |||
width: 120px !important; /* Ajusta este valor para o tamanho que gostares */ | |||
height: auto !important; | |||
max-height: 24px !important; /* Limita a altura para não empurrar o cabeçalho */ | |||
margin-left: 5px !important; | |||
} | |||
/* Garante que o container do logo não estique o topo */ | |||
.mw-header .mw-logo { | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
align-items: center !important; | |||
} | |||
} | |||
/* --- REDUZIR ALTURA DA ZONA ROXA (Cabeçalho) --- */ | |||
@media screen and (max-width: 720px) { | |||
/* 1. Remove a altura mínima e reduz o padding vertical */ | |||
.mw-header { | |||
min-height: 50px !important; /* Estava em 72px ou mais */ | |||
padding-top: 5px !important; | |||
padding-bottom: 5px !important; | |||
height: auto !important; | |||
} | |||
/* 2. Ajusta o container do topo para não forçar espaço extra */ | |||
.vector-header-container { | |||
height: auto !important; | |||
min-height: 50px !important; | |||
} | |||
/* 3. Centraliza verticalmente o logo e os ícones para ficarem perfeitos */ | |||
.mw-header-start, | |||
.vector-header-end { | |||
align-items: center !important; | |||
display: flex !important; | |||
} | |||
} | } | ||