MediaWiki:Common.css
Aparência
Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
- Opera: Pressione Ctrl-F5.
/* =========================================================
MU TOTAL WIKI — TEMA ESCURO CUSTOMIZADO
Cole este conteúdo inteiro na página: MediaWiki:Common.css
(Special:MyLanguage/MediaWiki:Common.css, precisa ser admin)
Funciona com o skin Vector 2022 (padrão do MediaWiki atual)
========================================================= */
/* --- Paleta MU Total --- */
:root {
--mt-bg: #05070b;
--mt-bg-panel: #0b0f17;
--mt-bg-panel-alt: #10141d;
--mt-border: #1c2431;
--mt-cyan: #3ecbf5;
--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');
/* --- Fundo geral --- */
html, body,
.skin-vector-2022 {
background-color: var(--mt-bg) !important;
color: var(--mt-text);
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) --- */
.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;
font-family: 'Rajdhani', sans-serif;
font-weight: 500;
}
.vector-menu-content a:hover,
.mw-portlet a:hover {
color: var(--mt-cyan) !important;
text-decoration: none;
}
/* --- 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;
color: var(--mt-text) !important;
}
.mw-body h1,
.firstHeading {
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);
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;
}