MediaWiki:Common.css

De Wiki Poke United
Revisão de 01h42min de 5 de outubro de 2026 por PokeAdmin (discussão | contribs) (Esconde título da capa)
Ir para navegação Ir para pesquisar

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 Wiki (Fandom)
   Colar em: MediaWiki:Common.css  (precisa ser administrador da wiki)
   Mesma linguagem do site pkutd.com.br: grafite + ouro, cantos chanfrados,
   placas com bevel de 1px. Sem cantos arredondados, sem degradês "neon".
   ========================================================================== */
:root {
  --pu-ouro: #f2b632;
  --pu-ouro-claro: #ffd98a;
  --pu-vermelho: #e0352b;
  --pu-grafite-1: #1f232b;
  --pu-grafite-2: #0d0f14;
  --pu-borda: #343a44;
  --pu-texto: #e2ddd0;
  --pu-texto-mudo: #9aa0aa;
}

/* ---------- moldura padrão (caixas, infobox, navbox, cards) ---------- */
.pu-frame, .pu-card, .pu-infobox, .pu-navbox, .pu-aviso {
  position: relative;
  background: linear-gradient(180deg, var(--pu-grafite-1), var(--pu-grafite-2));
  color: var(--pu-texto);
  box-shadow: inset 0 0 0 1px var(--pu-borda), inset 0 1px 0 rgba(255, 255, 255, .06);
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  padding: 14px 16px;
  margin-bottom: 16px;
}
.pu-frame::before, .pu-card::before, .pu-infobox::before, .pu-navbox::before {
  content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; pointer-events: none;
  background: linear-gradient(135deg, transparent 7.5px, var(--pu-ouro) 7.5px, var(--pu-ouro) 9.5px, transparent 9.5px);
}
.pu-frame a, .pu-card a, .pu-infobox a, .pu-navbox a { color: var(--pu-ouro-claro); }

/* ---------- selo / título de seção ---------- */
.pu-selo {
  display: inline-block;
  font-family: "Courier New", monospace; font-size: 11px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--pu-ouro-claro);
  background: linear-gradient(180deg, #2a2f38, #15181e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 1px #0b0d10, inset 3px 0 0 var(--pu-ouro);
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%);
  padding: 6px 14px 6px 12px;
  margin-bottom: 10px;
}
.pu-etiqueta {
  display: inline-block;
  font-family: "Courier New", monospace; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--pu-ouro);
  background: linear-gradient(180deg, #2a2f38, #17191e);
  box-shadow: inset 0 0 0 1px rgba(242, 182, 50, .55);
  clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
  padding: 2px 9px;
}

/* ---------- capa da página principal ---------- */
.pu-capa {
  text-align: center;
  padding: 28px 18px 22px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(242, 182, 50, .14), transparent 60%),
    linear-gradient(180deg, #171a20, #0b0d11);
  box-shadow: inset 0 0 0 1px var(--pu-borda), inset 0 -2px 0 var(--pu-ouro);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
  margin-bottom: 20px;
}
.pu-capa .pu-capa-titulo { font-size: 30px; font-weight: 800; color: #fff; letter-spacing: .5px; line-height: 1.15; }
.pu-capa .pu-capa-titulo span { color: var(--pu-ouro); }
.pu-capa .pu-capa-sub { color: var(--pu-texto-mudo); margin-top: 6px; }

/* ---------- grade de portais ---------- */
.pu-grade { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.pu-grade > .pu-card { flex: 1 1 210px; margin: 0; padding: 14px 16px 12px; }
.pu-card .pu-card-titulo { font-weight: 800; font-size: 16px; color: #fff; margin-bottom: 4px; }
.pu-card .pu-card-titulo a { color: #fff; }
.pu-card .pu-card-titulo a:hover { color: var(--pu-ouro); text-decoration: none; }
.pu-card .pu-card-texto { color: var(--pu-texto-mudo); font-size: 13px; line-height: 1.45; }
.pu-card .pu-card-links { margin-top: 8px; font-size: 13px; }
.pu-card:hover { box-shadow: inset 0 0 0 1px rgba(242, 182, 50, .6), inset 0 1px 0 rgba(255, 255, 255, .08); }

/* ---------- infobox (lateral direita) ---------- */
.pu-infobox { float: right; clear: right; width: 270px; margin: 0 0 16px 18px; padding: 0; }
.pu-infobox .pu-ib-titulo {
  background: linear-gradient(180deg, #f8cd5a, #d99a22); color: #14100a;
  font-weight: 800; text-align: center; padding: 8px 10px; letter-spacing: .4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
}
.pu-infobox .pu-ib-imagem { text-align: center; padding: 12px; background: radial-gradient(circle at 50% 40%, rgba(242, 182, 50, .12), transparent 70%); }
.pu-infobox table { width: 100%; border-collapse: collapse; }
.pu-infobox th, .pu-infobox td { padding: 7px 12px; font-size: 13px; border-top: 1px solid #262a31; vertical-align: top; }
.pu-infobox th { width: 42%; text-align: left; color: var(--pu-ouro); font-family: "Courier New", monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
@media (max-width: 720px) { .pu-infobox { float: none; width: auto; margin: 0 0 16px; } }

/* ---------- tabelas wikitable ---------- */
.wikitable, table.pu-tabela {
  border-collapse: separate !important; border-spacing: 0 4px !important;
  background: transparent !important; border: 0 !important; color: var(--pu-texto);
}
.wikitable > tr > th, .wikitable > * > tr > th {
  background: linear-gradient(180deg, #2a2f38, #181b21) !important; color: var(--pu-ouro) !important;
  font-family: "Courier New", monospace; font-size: 11.5px; letter-spacing: 1.4px; text-transform: uppercase;
  border: 0 !important; box-shadow: inset 0 -2px 0 var(--pu-ouro); padding: 9px 10px !important;
}
.wikitable > tr > td, .wikitable > * > tr > td {
  background: linear-gradient(180deg, #13161b, #0e1014) !important; border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 #07080a; padding: 7px 10px !important;
}
.wikitable > * > tr:hover > td { background: linear-gradient(180deg, #1d1a12, #13110c) !important; }

/* ---------- navbox (rodapé de todas as páginas) ---------- */
.pu-navbox { clear: both; margin-top: 26px; padding: 0; }
.pu-navbox .pu-nb-titulo {
  background: linear-gradient(180deg, #2a2f38, #15181e); color: var(--pu-ouro-claro);
  font-family: "Courier New", monospace; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase;
  font-size: 12px; text-align: center; padding: 8px; box-shadow: inset 0 -2px 0 var(--pu-ouro);
}
.pu-navbox table { width: 100%; border-collapse: collapse; }
.pu-navbox th {
  width: 130px; text-align: right; padding: 7px 12px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
  font-family: "Courier New", monospace; color: var(--pu-ouro); border-top: 1px solid #262a31; white-space: nowrap;
}
.pu-navbox td { padding: 7px 12px; font-size: 13px; border-top: 1px solid #262a31; line-height: 1.7; }

/* ---------- avisos ---------- */
.pu-aviso { box-shadow: inset 0 0 0 1px var(--pu-borda), inset 3px 0 0 var(--pu-ouro); }
.pu-aviso.pu-alerta { box-shadow: inset 0 0 0 1px var(--pu-borda), inset 3px 0 0 var(--pu-vermelho); }

/* ---------- escada de poder ---------- */
.pu-escada { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pu-escada > span {
  font-size: 12.5px; font-weight: 700; padding: 5px 10px; color: var(--pu-texto);
  background: linear-gradient(180deg, #23272e, #15181d); box-shadow: inset 0 0 0 1px var(--pu-borda);
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
.pu-escada > span.pu-topo { background: linear-gradient(180deg, #f8cd5a, #d99a22); color: #14100a; box-shadow: none; }
.pu-escada > i { color: var(--pu-ouro); font-style: normal; }

/* ---------- títulos de seção da página ---------- */
.mw-parser-output h2 { border-bottom: 1px solid #2a2e35; padding-bottom: 4px; }
/* Fandom (.mw-headline) e MediaWiki 1.43 (h2 direto) */
.mw-parser-output h2 .mw-headline::before, .mw-parser-output .mw-heading2 h2::before {
  content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 9px; vertical-align: 2px;
  background: var(--pu-ouro); transform: rotate(45deg);
}

/* página principal: sem o título "Página principal" (a capa já faz esse papel) */
.page-Página_principal .mw-first-heading, .page-Página_principal #firstHeading { display: none; }
Disponível em “https://www.pkutd.com.br/w/index.php?title=MediaWiki:Common.css&oldid=38”