MediaWiki:Vector-2022.css

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.

/* ==========================================================================
   POKE UNITED — tema da skin Vector 2022 (só na wiki própria, pkutd.com.br/wiki)
   Página: MediaWiki:Vector-2022.css
   Base: modo noturno da Vector, com a paleta do site (grafite + ouro).
   ========================================================================== */
:root, html.skin-theme-clientpref-night {
  --background-color-base: #0d0f14;
  --background-color-neutral: #181b21;
  --background-color-neutral-subtle: #13161b;
  --background-color-interactive: #1f232b;
  --background-color-interactive-subtle: #181b21;
  --border-color-base: #343a44;
  --border-color-subtle: #262a31;
  --border-color-muted: #2a2e35;
  --color-base: #e2ddd0;
  --color-emphasized: #f3efe4;
  --color-subtle: #9aa0aa;
  --color-progressive: #f2b632;
  --color-progressive--hover: #ffd98a;
  --color-progressive--active: #d99a22;
  --color-visited: #d9a84a;
  --background-color-progressive: #f2b632;
  --background-color-progressive--hover: #ffd98a;
  --background-color-progressive-subtle: rgba(242, 182, 50, .10);
  --border-color-progressive: #f2b632;
  --color-inverted-fixed: #14100a;
}
body, .mw-page-container { background-color: #0a0c10; }
.mw-page-container { background: linear-gradient(180deg, #0f1218, #0a0c10 420px); }

/* cabeçalho: barra grafite com filete dourado */
.vector-header-container {
  background: linear-gradient(180deg, #1a1e25, #12151a);
  box-shadow: inset 0 -2px 0 #f2b632;
}
.vector-header-container .mw-header { background: transparent; }
.mw-logo-icon { width: 120px; height: auto; }
.mw-logo-container { display: none; }   /* a logo do jogo já tem o nome */

/* links */
a, .mw-parser-output a.external { color: #f2b632; }
a:visited { color: #d9a84a; }
a.new, a.new:visited { color: #e0352b; }

/* títulos */
.mw-page-title-main, h1.firstHeading { color: #fff; font-weight: 800; letter-spacing: .3px; }
.mw-body h1, .mw-body h2 { font-family: inherit; border-color: #2a2e35; }

/* busca */
.cdx-text-input__input { background: #0c0e12; border-color: #343a44; color: #e2ddd0; }

/* abas Ler / Editar / Histórico */
.vector-menu-tabs .mw-list-item a { color: #b9b3a4; }
.vector-menu-tabs .mw-list-item.selected a { color: #f2b632; box-shadow: inset 0 -2px 0 #f2b632; }

/* menu lateral e sumário */
.vector-pinnable-element, .vector-toc { background: transparent; }
.vector-toc .vector-toc-list-item-active > .vector-toc-link { color: #f2b632; font-weight: 700; }
.vector-pinnable-header-label { color: #9aa0aa; font-family: "Courier New", monospace; letter-spacing: 1.4px; text-transform: uppercase; font-size: 12px; }

/* botões */
.cdx-button--action-progressive.cdx-button--weight-primary { color: #14100a; }

/* rodapé */
.mw-footer { border-top: 1px solid #2a2e35; color: #8a909a; }
.mw-footer a { color: #b9b3a4; }