MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,581: / Line 1,581: @@
      align-items: center !important;
 }
+/* =========================================================
+   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 {
+    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;
+}