|
|
| Linha 1: |
Linha 1: |
| /* ========================================================= | | /* ========================================================= |
| MU TOTAL WIKI — TEMA ESCURO CUSTOMIZADO
| | Cole isso também no final do MediaWiki:Common.css |
| Cole este conteúdo inteiro na página: MediaWiki:Common.css | | Estiliza as fileiras de ícones (Eventos/Classes) e o banner |
| (Special:MyLanguage/MediaWiki:Common.css, precisa ser admin) | |
| Funciona com o skin Vector 2022 (padrão do MediaWiki atual)
| |
| ========================================================= */ | | ========================================================= */ |
|
| |
|
| /* --- Paleta MU Total --- */
| | .mt-iconrow, .mt-iconrow > tbody, .mt-iconrow tr { |
| :root {
| | display: flex !important; |
| --mt-bg: #05070b;
| | flex-wrap: wrap; |
| --mt-bg-panel: #0b0f17;
| | justify-content: center; |
| --mt-bg-panel-alt: #10141d;
| | gap: 24px; |
| --mt-border: #1c2431; | | border: none !important; |
| --mt-cyan: #3ecbf5; | | background: transparent !important; |
| --mt-cyan-dim: #2a8fb0; | |
| --mt-steel: #768699; | |
| --mt-text: #dfe6ee; | |
| --mt-text-dim: #9aa7b6;
| |
| --mt-gold: #d9b25c; | |
| } | | } |
|
| |
|
| @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500&display=swap');
| | .mt-iconrow td { |
| | | border: none !important; |
| /* --- Fundo geral --- */
| | background: var(--mt-bg-panel-alt) !important; |
| html, body,
| | text-align: center; |
| .skin-vector-2022 {
| | padding: 12px 16px !important; |
| background-color: var(--mt-bg) !important; | | border-radius: 6px; |
| color: var(--mt-text);
| | min-width: 90px; |
| font-family: 'Inter', sans-serif;
| |
| }
| |
| | |
| /* --- Cabeçalho / logo / nome do site --- */
| |
| .mw-header,
| |
| .vector-header-container {
| |
| background-color: var(--mt-bg-panel) !important; | |
| border-bottom: 1px solid var(--mt-border); | |
| }
| |
| | |
| .mw-logo-wordmark,
| |
| .mw-logo-container a {
| |
| font-family: 'Cinzel', serif; | |
| color: var(--mt-cyan) !important;
| |
| }
| |
| | |
| .vector-search-box-input {
| |
| background-color: var(--mt-bg-panel-alt) !important; | |
| color: var(--mt-text) !important; | |
| border: 1px solid var(--mt-border) !important;
| |
| } | | } |
|
| |
|
| /* --- Sidebar (menu lateral com as categorias) --- */
| | .mt-iconrow td a { |
| .vector-pinnable-header,
| |
| .mw-portlet,
| |
| #mw-panel,
| |
| .vector-menu-heading {
| |
| background: transparent;
| |
| }
| |
| | |
| .vector-menu-heading {
| |
| font-family: 'Rajdhani', sans-serif;
| |
| font-weight: 700;
| |
| letter-spacing: 0.5px;
| |
| text-transform: uppercase;
| |
| color: var(--mt-gold) !important;
| |
| border-bottom: 1px solid var(--mt-border);
| |
| padding-bottom: 4px;
| |
| }
| |
| | |
| .vector-menu-content a,
| |
| .mw-portlet a {
| |
| color: var(--mt-steel) !important; | | color: var(--mt-steel) !important; |
| font-family: 'Rajdhani', sans-serif; | | font-family: 'Rajdhani', sans-serif; |
| font-weight: 500; | | font-weight: 600; |
| } | | } |
|
| |
|
| .vector-menu-content a:hover, | | .mt-banner { |
| .mw-portlet a:hover {
| | text-align: center; |
| color: var(--mt-cyan) !important;
| | background: var(--mt-bg-panel-alt); |
| text-decoration: none; | | border: 1px solid var(--mt-border); |
| }
| |
| | |
| /* --- Conteúdo central (o "card" da página) --- */
| |
| #content,
| |
| .mw-body {
| |
| background-color: var(--mt-bg-panel) !important; | |
| border: 1px solid var(--mt-border) !important; | |
| border-radius: 6px; | | border-radius: 6px; |
| color: var(--mt-text) !important; | | padding: 16px; |
| | margin-bottom: 20px; |
| } | | } |
| | | .mt-banner b { |
| .mw-body h1, | | display: block; |
| .firstHeading {
| | margin-top: 8px; |
| font-family: 'Cinzel', serif; | |
| color: var(--mt-cyan) !important;
| |
| border-bottom: 2px solid var(--mt-border);
| |
| padding-bottom: 8px; | |
| }
| |
| | |
| .mw-body h2,
| |
| .mw-body h3,
| |
| .mw-body h4 {
| |
| font-family: 'Rajdhani', sans-serif;
| |
| font-weight: 700;
| |
| color: var(--mt-gold) !important;
| |
| border-bottom: 1px solid var(--mt-border);
| |
| }
| |
| | |
| /* --- Links --- */
| |
| .mw-body a {
| |
| color: var(--mt-cyan) !important;
| |
| }
| |
| .mw-body a:visited {
| |
| color: var(--mt-cyan-dim) !important;
| |
| }
| |
| .mw-body a.new {
| |
| color: #d9534f !important; /* link para página que ainda não existe */
| |
| }
| |
| | |
| /* --- Tabelas (ex: itens vendidos por NPC, drops, atributos) --- */
| |
| .mw-body table.wikitable {
| |
| background-color: var(--mt-bg-panel-alt);
| |
| border: 1px solid var(--mt-border);
| |
| color: var(--mt-text);
| |
| }
| |
| | |
| .mw-body table.wikitable > tr > th,
| |
| .mw-body table.wikitable > * > tr > th {
| |
| background-color: #141b26;
| |
| color: var(--mt-gold); | | color: var(--mt-gold); |
| font-family: 'Rajdhani', sans-serif; | | font-family: 'Rajdhani', sans-serif; |
| border: 1px solid var(--mt-border);
| |
| }
| |
|
| |
| .mw-body table.wikitable > tr > td,
| |
| .mw-body table.wikitable > * > tr > td {
| |
| border: 1px solid var(--mt-border);
| |
| }
| |
|
| |
| /* --- Abas (Página / Discussão) e menus superiores --- */
| |
| .vector-page-titlebar,
| |
| .vector-menu-tabs {
| |
| background: transparent;
| |
| border-bottom: 1px solid var(--mt-border);
| |
| }
| |
|
| |
| .vector-menu-tabs a {
| |
| color: var(--mt-text-dim) !important;
| |
| }
| |
|
| |
| .vector-menu-tabs .selected a {
| |
| color: var(--mt-cyan) !important;
| |
| border-bottom: 2px solid var(--mt-cyan);
| |
| }
| |
|
| |
| /* --- Rodapé --- */
| |
| #footer,
| |
| .mw-footer {
| |
| background-color: var(--mt-bg-panel) !important;
| |
| border-top: 1px solid var(--mt-border);
| |
| color: var(--mt-text-dim) !important;
| |
| }
| |
| #footer a,
| |
| .mw-footer a {
| |
| color: var(--mt-steel) !important;
| |
| }
| |
|
| |
| /* --- Caixas de infobox (usadas em páginas de NPC/monstro/item) --- */
| |
| .infobox, .mt-infobox {
| |
| background-color: var(--mt-bg-panel-alt);
| |
| border: 1px solid var(--mt-border);
| |
| border-radius: 6px;
| |
| float: right;
| |
| width: 300px;
| |
| margin: 0 0 1em 1em;
| |
| padding: 10px;
| |
| }
| |
| .mt-infobox .mt-infobox-title {
| |
| font-family: 'Cinzel', serif;
| |
| color: var(--mt-cyan);
| |
| text-align: center;
| |
| font-size: 1.1em;
| |
| border-bottom: 1px solid var(--mt-border);
| |
| padding-bottom: 6px;
| |
| margin-bottom: 6px;
| |
| }
| |
|
| |
| /* =========================================================
| |
| AJUSTES — cole isso NO FINAL do que já está em MediaWiki:Common.css
| |
| ========================================================= */
| |
|
| |
| /* Cobrir toda a área branca que sobrou atrás do conteúdo/colunas */
| |
| .mw-page-container,
| |
| .vector-page-container,
| |
| .mw-body-content,
| |
| .vector-body,
| |
| #mw-content-text,
| |
| .vector-column-end,
| |
| .vector-sitenotice-container,
| |
| .vector-page-toolbar {
| |
| background-color: var(--mt-bg) !important;
| |
| }
| |
|
| |
| /* Corrigir opacidade/cor apagada dos títulos de menu (Menu principal, Ferramentas, Aparência) */
| |
| .vector-menu-heading,
| |
| .vector-menu-heading-label,
| |
| .vector-pinnable-header-label,
| |
| .vector-dropdown-label-text {
| |
| color: var(--mt-gold) !important;
| |
| opacity: 1 !important;
| |
| }
| |
|
| |
| .vector-pinnable-header,
| |
| .vector-menu-heading {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* Links do menu lateral e caixa "Ferramentas" */
| |
| #mw-panel a,
| |
| .vector-menu-content li a,
| |
| .vector-menu-content-list a,
| |
| #p-tb a,
| |
| #p-navigation a,
| |
| .mw-portlet-body a {
| |
| color: var(--mt-steel) !important;
| |
| }
| |
| #mw-panel a:hover,
| |
| .vector-menu-content li a:hover,
| |
| .vector-menu-content-list a:hover,
| |
| #p-tb a:hover,
| |
| #p-navigation a:hover,
| |
| .mw-portlet-body a:hover {
| |
| color: var(--mt-cyan) !important;
| |
| }
| |
|
| |
| /* Botão "Esconder" de cada seção do menu */
| |
| .vector-pinnable-header-toggle-button {
| |
| color: var(--mt-text-dim) !important;
| |
| background-color: var(--mt-bg-panel-alt) !important;
| |
| border: 1px solid var(--mt-border) !important;
| |
| }
| |
|
| |
| /* Caixa de busca */
| |
| .cdx-search-input__input, .cdx-text-input__input {
| |
| background-color: var(--mt-bg-panel-alt) !important;
| |
| color: var(--mt-text) !important;
| |
| border-color: var(--mt-border) !important;
| |
| } | | } |
