MediaWiki:Common.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 — 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; }