MediaWiki:Common.css: mudanças entre as edições

Edição atual tal como às 01h09min de 1 de setembro de 2026

/* =========================================================
   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;
}

/* =========================================================
   Cole isso também no final do MediaWiki:Common.css
   Estiliza as fileiras de ícones (Eventos/Classes) e o banner
   ========================================================= */

.mt-iconrow, .mt-iconrow > tbody, .mt-iconrow tr {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
	border: none !important;
	background: transparent !important;
}

.mt-iconrow td {
	border: none !important;
	background: var(--mt-bg-panel-alt) !important;
	text-align: center;
	padding: 12px 16px !important;
	border-radius: 6px;
	min-width: 90px;
}

.mt-iconrow td a {
	color: var(--mt-steel) !important;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
}

.mt-banner {
	text-align: center;
	background: var(--mt-bg-panel-alt);
	border: 1px solid var(--mt-border);
	border-radius: 6px;
	padding: 16px;
	margin-bottom: 20px;
}
.mt-banner b {
	display: block;
	margin-top: 8px;
	color: var(--mt-gold);
	font-family: 'Rajdhani', sans-serif;
}
/* =========================================================
   Cole isso também no final do MediaWiki:Common.css (por cima
   de tudo que já colou antes — ele troca o dourado/ciano por
   vermelho nos pontos certos, igual ao estilo do RealMU)
   ========================================================= */

:root {
	--mt-accent: #d64550;      /* vermelho de destaque */
	--mt-accent-dim: #8f2e35;
}

/* --- Título principal da página (ex: "Hanzo the Blacksmith") --- */
.mw-body h1,
.firstHeading {
	color: #f2f2f2 !important;
	border-bottom: 2px solid var(--mt-accent) !important;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	font-size: 1.8em;
}

/* --- Subtítulos de seção (ex: "Descrição", "Itens comercializados") --- */
.mw-body h2,
.mw-body h3,
.mw-body h4 {
	color: #f2f2f2 !important;
	border-bottom: 2px solid var(--mt-accent) !important;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	padding-bottom: 6px;
	margin-top: 1.4em;
}

.mw-body h2::before,
.mw-body h3::before,
.mw-body h4::before {
	content: "-- ";
	color: var(--mt-accent);
}

/* --- Texto do corpo um pouco mais claro/legível, como no exemplo --- */
.mw-body {
	font-size: 1.02em;
	line-height: 1.6;
	color: #cfd6de !important;
}
.mw-body b, .mw-body strong {
	color: #f2f2f2;
}

/* --- Menu lateral estilo "botão" com setinha, como no RealMU --- */
.vector-menu-heading,
.vector-pinnable-header-label {
	background-color: #12151c !important;
	color: #f2f2f2 !important;
	border: 1px solid var(--mt-border) !important;
	border-radius: 4px;
	padding: 12px 14px !important;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	font-size: 1.05em;
	letter-spacing: 0.3px;
	position: relative;
}

.vector-menu-heading::after {
	content: "\25B8"; /* seta ▸ */
	color: var(--mt-accent);
	position: absolute;
	right: 14px;
}

.vector-menu-content {
	margin-bottom: 10px;
}

.vector-menu-content li a {
	padding: 6px 16px !important;
	display: block;
}

/* --- Logo maior, mais respiro no topo do menu --- */
.mw-logo-container {
	padding: 20px 10px !important;
}
.mw-logo-icon, .mw-logo-wordmark {
	max-height: 90px !important;
}