MediaWiki:Vector-2022.css: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 64: | Line 64: | ||
#p-search .cdx-button:hover { | #p-search .cdx-button:hover { | ||
background: #92ff00; | |||
color: #1B2826; | |||
} | |||
/* ===== NAVBAR STICKY (SCROLL) ===== */ | |||
.vector-sticky-header .cdx-search-input { | |||
border-radius: 14px; | |||
overflow: hidden; | |||
border: 1px solid #dcdcdc; | |||
background: #ffffff; | |||
transition: border-color 0.2s ease, box-shadow 0.2s ease; | |||
} | |||
.vector-sticky-header .cdx-text-input__input { | |||
border: none !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | |||
.vector-sticky-header .cdx-button { | |||
background: #ffffff; | |||
color: #1B2826; | |||
border-left: 1px solid #e0e0e0; | |||
border-radius: 0; | |||
transition: background 0.2s ease, color 0.2s ease; | |||
} | |||
.vector-sticky-header .cdx-button:hover { | |||
background: #92ff00; | background: #92ff00; | ||
color: #1B2826; | color: #1B2826; | ||
| Line 1,269: | Line 1,298: | ||
} | } | ||
/* ========================================================= | |||
FIX DOS ÍCONES - MÉTODO DE INJEÇÃO DIRETA NO BOTÃO | |||
========================================================= */ | |||
/* | /* 1. Matamos qualquer ícone original que esteja a dar erro ou quadrado branco */ | ||
.vector-icon, .mw-ui-icon, .cdx-button__icon { | |||
display: none !important; | |||
} | |||
. | /* 2. Configuramos os botões para receberem o ícone via background */ | ||
.cdx-button, .mw-ui-button, .vector-dropdown-label { | |||
background-repeat: no-repeat !important; | |||
background-position: center !important; | |||
background-size: 20px !important; | |||
transition: background-color 0.2s; | |||
} | } | ||
/* | /* 3. Injeção de SVGs Brancos (Links do Topo) */ | ||
/* SENSBLUE / WATCHLIST (Estrela) */ | |||
#pt-watchlist-2 a, #ca-watchstar-sticky-header a { | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10 0.8l2.6 6.4H20l-5.9 4.6 2.5 6.2L10 13.8 3.4 18l2.5-6.2L0 7.2h7.4z'/%3E%3C/svg%3E") !important; | |||
} | } | ||
/* | /* NOTIFICAÇÕES (Sino) */ | ||
#pt-notifications-notice a, #pt-notifications-alert a { | |||
.vector- | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M16 7A2 2 0 0 0 4 7c0 5.17-2 7-2 7h16s-2-1.83-2-7zm-7 12a2 2 0 0 0 2-2H7a2 2 0 0 0 2 2z'/%3E%3C/svg%3E") !important; | ||
} | |||
/* USER MENU (Boneco) */ | |||
#vector-user-links-dropdown-label { | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 2c-4.42 0-8 2.24-8 6v2h16v-2c0-3.76-3.58-6-8-6z'/%3E%3C/svg%3E") !important; | |||
padding-left: 35px !important; /* Abre espaço para o boneco não ficar em cima do nome */ | |||
background-position: left 8px center !important; | |||
} | } | ||
/* MENSAGENS / TALK (Balão) */ | |||
#pt-talk-sticky-header a { | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M18 18l-4-4h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2z'/%3E%3C/svg%3E") !important; | |||
} | |||
/* EDITAR (Lápis) */ | |||
#ca-ve-edit-sticky-header a, #ca-edit-sticky-header a { | |||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M16.77 8l1.23-1.23a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0L13 4.23zm-1.42 1.41L6 18.71V21h2.29l9.31-9.31z'/%3E%3C/svg%3E") !important; | |||
} | |||
/* | /* HISTÓRICO (Relógio) */ | ||
/ | #ca-history-sticky-header a { | ||
/ | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8zm1-13H9v6l5.2 3.2.8-1.3-4.5-2.7z'/%3E%3C/svg%3E") !important; | ||
} | |||
. | /* 4. Ajuste para os textos não aparecerem por cima do ícone (apenas onde necessário) */ | ||
. | .cdx-button--icon-only span:not(.vector-icon) { | ||
display: none !important; /* Esconde o texto "Watchlist", "Talk", etc nos botões pequenos */ | |||
} | } | ||
/* ---------- PESQUISA & ESTILO ATRONIA ---------- */ | |||
#p-search .cdx-search-input { border-radius: 14px; border: 1px solid #dcdcdc; background: #ffffff; } | |||
.cdx-button--weight-quiet:enabled:hover { background-color: rgba(146, 255, 0, 0.3) !important; } | |||
:root { --color-progressive: #1B2826 !important; } | |||
a { color: #1B2826 !important; text-decoration: none; } | |||
#footer-poweredbyico { display: none !important; } | |||
/* ========================================================= */ | /* ========================================================= */ | ||
/* | /* ATRONIA — Navbar mais alta (mais respiração) */ | ||
/* ========================================================= */ | /* ========================================================= */ | ||
. | .vector-header-container .mw-header { | ||
. | min-height: 72px !important; | ||
padding-top: 14px !important; | |||
padding-bottom: 14px !important; | |||
} | } | ||
/* Sticky header também */ | |||
.vector-sticky-header { | |||
min-height: 72px !important; | |||
} | |||
/* | /* Alinhar conteúdo verticalmente */ | ||
.vector-header-start, | |||
.vector-header-end { | |||
align-items: center !important; | |||
} | |||
/* | /* ========================================================= */ | ||
/* ATRONIA — Texto branco nos botões da Toolbar OOUI */ | |||
/* ========================================================= */ | |||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link, | |||
. | .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title, | ||
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-labelElement-label { | |||
color: #ffffff !important; | |||
} | } | ||
/* ========================================================= */ | |||
/* VISUAL EDITOR DROPDOWN — Forçar texto preto */ | |||
/* ========================================================= */ | |||
.oo-ui-popupToolGroup-active-tools | |||
.oo-ui-tool.oo-ui-widget-enabled | |||
.oo-ui-tool-title, | |||
.oo-ui-popupToolGroup-active-tools | |||
.oo-ui-tool.oo-ui-widget-enabled | |||
.oo-ui-labelElement-label { | |||
color: #000000 !important; | |||
} | |||
. | /* Mixed specification table */ | ||
.mix-table { | |||
text-align: center; | |||
} | } | ||
.mix-table th { | |||
. | |||
text-align: center; | text-align: center; | ||
} | } | ||
.mix-table td { | |||
text-align: center; | |||
} | |||
/* | /* header */ | ||
. | .wikitable.mix-table tr:first-child th { | ||
text-align: center; | background:#1B2826 !important; | ||
color:#ffffff !important; | |||
text-align:center; | |||
font-weight:600; | |||
} | |||
/* largura fixa */ | |||
.wikitable.mix-table { | |||
table-layout: fixed; | |||
width: 100%; | |||
} | |||
.wikitable.mix-table th:nth-child(1), | |||
.wikitable.mix-table td:nth-child(1) { | |||
width: 34%; | |||
} | |||
.wikitable.mix-table th:nth-child(2), | |||
.wikitable.mix-table td:nth-child(2), | |||
.wikitable.mix-table th:nth-child(3), | |||
.wikitable.mix-table td:nth-child(3) { | |||
width: 33%; | |||
} | } | ||
/* ===================================================== */ | /* ===================================================== */ | ||
/* ATRONIA - | /* ATRONIA - Wikitable ultra compacta centrada */ | ||
/* ===================================================== */ | /* ===================================================== */ | ||
.vector-body .wikitable { | |||
.vector-body | width: 100%; | ||
border-collapse: collapse; | |||
background: #ffffff !important; | |||
font-size: 13px; | |||
border: none; | |||
} | } | ||
/* | /* HEADER */ | ||
.vector-body | .vector-body .wikitable th { | ||
text-align: center; | |||
vertical-align: middle; | |||
line-height: 1; | |||
border-bottom: 2px solid #3a3a3a; | |||
border-right: 1px solid #3a3a3a; | |||
background: #ffffff !important; | |||
} | } | ||
/* | /* CELULAS */ | ||
.vector-body | .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; | |||
} | } | ||
.vector-body .mw-body-content table.wikitable. | /* ===================================================== */ | ||
/* ATRONIA - Fix real: conteúdo interno da wikitable */ | |||
/* ===================================================== */ | |||
/* aplica a TODAS as wikitables no corpo */ | |||
.vector-body .mw-body-content table.wikitable td, | |||
.vector-body .mw-body-content table.wikitable th{ | |||
text-align: center !important; | |||
vertical-align: middle !important; | |||
padding: 6px 10px !important; | |||
line-height: 1.3 !important; | |||
} | } | ||
.vector-body .mw-body-content table.wikitable. | /* MUITO importante: o VE coloca <p> dentro das células com margens */ | ||
.vector-body .mw-body-content table.wikitable td > p, | |||
.vector-body .mw-body-content table.wikitable th > p{ | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
text-align: center !important; | |||
} | |||
/* força também spans/links dentro da célula */ | |||
.vector-body .mw-body-content table.wikitable td *, | |||
.vector-body .mw-body-content table.wikitable th *{ | |||
text-align: center !important; | |||
} | |||
/* se a 1ª coluna estiver a levar estilo diferente, isto elimina */ | |||
.vector-body .mw-body-content table.wikitable td:first-child, | |||
.vector-body .mw-body-content table.wikitable th:first-child{ | |||
text-align: center !important; | |||
} | } | ||
/* ===================================================== */ | |||
/* ATRONIA - LED TABLE (Real Color Bars) */ | /* ======================================= */ | ||
/* ===================================================== */ | /* ATRONIA - Tech Table FIX FINAL */ | ||
/* ======================================= */ | |||
.vector-body .mw-body-content table.wikitable.tech-table td { | |||
text-align: left !important; | |||
} | |||
.vector-body .mw-body-content table.wikitable.tech-table th { | |||
background: #1B2826 !important; | |||
color: #ffffff !important; | |||
} | |||
/* ===================================================== */ | |||
/* ATRONIA - LED TABLE (Real Color Bars) */ | |||
/* ===================================================== */ | |||
/* Garantir que só afeta a tabela LED */ | /* Garantir que só afeta a tabela LED */ | ||
| Line 1,791: | Line 1,888: | ||
height: auto; | height: auto; | ||
} | } | ||
.atronia-navbar { | .atronia-navbar { | ||
| Line 1,801: | Line 1,902: | ||
margin-right: 20px; | margin-right: 20px; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||