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

Edição das 01h47min de 5 de outubro de 2026

/* ==========================================================================
   POKE UNITED — Wiki (MediaWiki, skin Vector clássica)
   Página: MediaWiki:Common.css
   Cara de wiki MediaWiki tradicional; o projeto aparece só nos acentos:
   ouro (#e0a224) nas faixas e destaques, grafite nas barras de título.
   (Versão escura antiga, para o Fandom: MediaWiki_Common_fandom.css)
   ========================================================================== */
:root {
  --pu-ouro: #e0a224;
  --pu-ouro-escuro: #b37c10;
  --pu-ouro-claro: #fff6e0;
  --pu-grafite: #23272e;
  --pu-grafite-2: #2f343c;
  --pu-borda: #c8ccd1;
  --pu-borda-suave: #eaecf0;
  --pu-fundo-caixa: #f8f9fa;
  --pu-texto-mudo: #54595d;
}

/* ---------- caixas genéricas ---------- */
.pu-frame, .pu-aviso {
  background: var(--pu-fundo-caixa);
  border: 1px solid var(--pu-borda);
  border-radius: 6px;
  padding: 10px 14px;
  margin: 14px 0;
}
.pu-aviso { border-left: 4px solid var(--pu-ouro); }
.pu-aviso.pu-alerta { border-left-color: #d33; }

/* ---------- faixa de título de seção (estilo "Navegação rápida") ---------- */
.pu-selo {
  display: block;
  background: linear-gradient(180deg, var(--pu-grafite-2), var(--pu-grafite));
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 7px 12px;
  border-radius: 6px 6px 0 0;
  border-bottom: 3px solid var(--pu-ouro);
  margin: 18px 0 0;
}
.pu-selo + .pu-grade { border: 1px solid var(--pu-borda); border-top: 0; border-radius: 0 0 6px 6px; padding: 14px; background: #fff; }
.pu-etiqueta {
  display: inline-block; font-size: 11px; font-weight: bold; letter-spacing: .5px;
  color: var(--pu-ouro-escuro); background: var(--pu-ouro-claro); border: 1px solid #f0d58c;
  border-radius: 3px; padding: 0 6px;
}

/* ---------- capa ---------- */
.pu-capa {
  text-align: center;
  padding: 22px 16px 18px;
  margin-bottom: 4px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1d2128 0%, #2f343c 55%, #3a2f17 100%);
  border: 1px solid #14171c;
  box-shadow: inset 0 -3px 0 var(--pu-ouro);
  color: #fff;
}
.pu-capa .pu-capa-titulo { font-size: 26px; font-weight: bold; letter-spacing: .4px; line-height: 1.2; }
.pu-capa .pu-capa-titulo span { color: #f2b632; }
.pu-capa .pu-capa-sub { color: #c9cdd3; margin-top: 6px; font-size: 14px; }
.pu-capa .pu-selo { display: inline-block; background: none; border: 0; padding: 0; margin: 0 0 6px; font-size: 12px; letter-spacing: 2px; color: #f2b632; text-transform: uppercase; }

/* ---------- grade de navegação com ícones ---------- */
.pu-icones { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; text-align: center; }
.pu-icones > div { width: 120px; padding: 8px 4px 6px; border-radius: 6px; }
.pu-icones > div:hover { background: var(--pu-ouro-claro); }
.pu-icones img { display: block; margin: 0 auto 6px; }
.pu-icones a { font-weight: bold; color: var(--pu-grafite); }
.pu-icones a:hover { color: var(--pu-ouro-escuro); text-decoration: none; }

/* ---------- cards de destaque ---------- */
.pu-grade { display: flex; flex-wrap: wrap; gap: 12px; }
.pu-grade > .pu-card { flex: 1 1 200px; }
.pu-card {
  background: #fff; border: 1px solid var(--pu-borda); border-top: 3px solid var(--pu-ouro);
  border-radius: 4px; padding: 10px 12px;
}
.pu-card .pu-card-titulo { font-weight: bold; font-size: 15px; margin-bottom: 3px; }
.pu-card .pu-card-texto { color: var(--pu-texto-mudo); font-size: 13px; line-height: 1.45; }
.pu-card .pu-card-links { margin-top: 6px; font-size: 13px; }

/* ---------- infobox ---------- */
.pu-infobox {
  float: right; clear: right; width: 260px; margin: 0 0 14px 18px;
  background: var(--pu-fundo-caixa); border: 1px solid var(--pu-borda); border-radius: 6px; overflow: hidden;
  font-size: 13px;
}
.pu-infobox .pu-ib-titulo {
  background: linear-gradient(180deg, var(--pu-grafite-2), var(--pu-grafite)); color: #fff;
  font-weight: bold; font-size: 15px; text-align: center; padding: 7px 10px;
  border-bottom: 3px solid var(--pu-ouro);
}
.pu-infobox .pu-ib-imagem { text-align: center; padding: 10px; background: #fff; border-bottom: 1px solid var(--pu-borda-suave); }
.pu-infobox table { width: 100%; border-collapse: collapse; }
.pu-infobox th, .pu-infobox td { padding: 6px 10px; border-top: 1px solid var(--pu-borda-suave); vertical-align: top; text-align: left; }
.pu-infobox th { width: 38%; color: var(--pu-grafite); background: #f1f2f4; }
@media (max-width: 720px) { .pu-infobox { float: none; width: auto; margin: 0 0 14px; } }

/* ---------- tabelas ---------- */
.wikitable > tr > th, .wikitable > * > tr > th { background: #eef0f3; }

/* ---------- escada de poder ---------- */
.pu-escada { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0; }
.pu-escada > span { font-weight: bold; font-size: 12.5px; padding: 3px 9px; border: 1px solid var(--pu-borda); border-radius: 12px; background: #fff; }
.pu-escada > span.pu-topo { background: var(--pu-ouro); border-color: var(--pu-ouro-escuro); color: #fff; }
.pu-escada > i { color: var(--pu-ouro-escuro); font-style: normal; font-weight: bold; }

/* ---------- navbox (rodapé de todas as páginas) ---------- */
.pu-navbox { clear: both; margin-top: 24px; border: 1px solid var(--pu-borda); border-radius: 6px; overflow: hidden; font-size: 13px; }
.pu-navbox .pu-nb-titulo {
  background: linear-gradient(180deg, var(--pu-grafite-2), var(--pu-grafite)); color: #fff;
  font-weight: bold; text-align: center; padding: 6px; border-bottom: 3px solid var(--pu-ouro);
}
.pu-navbox table { width: 100%; border-collapse: collapse; }
.pu-navbox th { width: 120px; text-align: right; padding: 5px 10px; background: #eef0f3; border-top: 1px solid #fff; white-space: nowrap; }
.pu-navbox td { padding: 5px 10px; border-top: 1px solid var(--pu-borda-suave); line-height: 1.7; background: #fff; }

/* ---------- capa sem o título "Página principal" ---------- */
.page-Página_principal .mw-first-heading, .page-Página_principal #firstHeading { display: none; }