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.
/* PokeAether Wiki: céu acima das nuvens. Azul-marinho, dourado e azul-celeste. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Poppins:wght@400;500;600&display=swap');
:root{
--ae-marinho:#0b1030; --ae-marinho-2:#121a45; --ae-marinho-3:#1f2a6b;
--ae-ouro:#ffc23d; --ae-ouro-escuro:#8a5d00; --ae-celeste:#2f8fd6; --ae-celeste-claro:#e8f4ff;
--ae-papel:#f6f7fc; --ae-borda:#d6dbef; --ae-texto:#1a1f3d;
}
body{background:var(--ae-papel);font-family:"Poppins","Segoe UI",system-ui,sans-serif}
.mw-body,.vector-header-container,.mw-page-container{font-family:inherit}
.mw-page-container{background:#fff;border-left:1px solid var(--ae-borda);border-right:1px solid var(--ae-borda)}
.vector-header-container{background:#fff;max-width:none;border-bottom:3px solid var(--ae-ouro)}
.vector-header-container .vector-header{max-width:var(--width-page,1596px);margin:0 auto}
.vector-header .mw-logo-wordmark{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.vector-header .cdx-text-input__input{border-radius:999px}
h1,h2,h3,.mw-first-heading,.mw-body h1,.mw-body-content h2,.mw-body-content h3{font-family:"Baloo 2","Trebuchet MS",sans-serif;color:var(--ae-marinho)}
.mw-first-heading{font-weight:800}
.mw-body-content h2{font-weight:700;border-bottom:2px solid var(--ae-borda)}
.mw-body-content h3{font-weight:700}
a,.mw-body-content a:not(.new){color:var(--ae-celeste)}
.mw-body-content a.new{color:#c0392b}
/* Tabelas */
.wikitable.aether-tabela{border:1px solid var(--ae-borda);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;min-width:320px}
.wikitable.aether-tabela > * > tr > th{background:var(--ae-marinho-2);color:#fff;border:0;padding:8px 12px;font-weight:600}
.wikitable.aether-tabela > * > tr > td{border:0;border-top:1px solid var(--ae-borda);padding:6px 12px}
.wikitable.aether-tabela > * > tr:nth-child(even) > td{background:#f8f9fe}
/* Infobox */
.aether-infobox{float:right;clear:right;width:290px;max-width:100%;margin:0 0 16px 20px;background:#fff;border:1px solid var(--ae-borda);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(11,16,48,.08)}
.aether-infobox-titulo{background:linear-gradient(135deg,var(--ae-marinho),var(--ae-marinho-3));color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.45em;padding:10px 14px;display:flex;justify-content:space-between;align-items:baseline}
.aether-infobox-num{color:var(--ae-ouro);font-size:.75em}
.aether-infobox-imagem{text-align:center;padding:12px;background:radial-gradient(circle at 50% 40%,var(--ae-celeste-claro),#fff 70%)}
.aether-infobox-tipos{text-align:center;padding:0 0 10px}
.aether-infobox-dados{width:100%;border-collapse:collapse;font-size:.92em}
.aether-infobox-dados th{text-align:left;color:#5a6290;font-weight:500;padding:6px 14px;border-top:1px solid var(--ae-borda);width:48%}
.aether-infobox-dados td{padding:6px 14px;border-top:1px solid var(--ae-borda);font-weight:600}
.aether-infobox-sprite{text-align:center;padding:10px;border-top:1px solid var(--ae-borda);color:#5a6290}
@media (max-width:720px){.aether-infobox{float:none;margin:0 auto 16px;width:100%}}
/* Tipos */
.aether-tipo{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.82em;font-weight:600;color:#fff;margin:1px;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.aether-tipo a,.mw-body-content .aether-tipo a{color:#fff!important}
.aether-tipo-normal{background:#9099a1}.aether-tipo-fogo{background:#ff9c54}.aether-tipo-agua{background:#4d90d5}
.aether-tipo-planta{background:#63bb5b}.aether-tipo-eletrico{background:#e6c227}.aether-tipo-gelo{background:#5ec9bb}
.aether-tipo-lutador{background:#ce4069}.aether-tipo-venenoso{background:#ab6ac8}.aether-tipo-terrestre{background:#d97746}
.aether-tipo-voador{background:#8fa8dd}.aether-tipo-psiquico{background:#f97176}.aether-tipo-inseto{background:#90c12c}
.aether-tipo-pedra{background:#c7b78b}.aether-tipo-fantasma{background:#5269ac}.aether-tipo-dragao{background:#0a6dc4}
.aether-tipo-sombrio{background:#5a5366}.aether-tipo-metalico{background:#5a8ea1}.aether-tipo-fada{background:#ec8fe6}
/* Avisos e navegação */
.aether-aviso{border-radius:10px;padding:10px 14px;margin:12px 0;border:1px solid var(--ae-borda);background:var(--ae-celeste-claro)}
.aether-aviso-dica{background:#eafaf1;border-color:#b5e6cb}
.aether-aviso-atencao{background:#fff6e0;border-color:#f3d48a}
.aether-nav{clear:both;margin-top:24px;padding:10px 14px;border-radius:10px;background:var(--ae-papel);border:1px solid var(--ae-borda);text-align:center}
/* Página principal */
.aether-banner{position:relative;border-radius:16px;overflow:hidden;min-height:240px;background:var(--ae-marinho) url(/images/aether/fundo.jpg) center 35%/cover;display:flex;align-items:flex-end;margin-bottom:20px}
.aether-banner-texto{width:100%;padding:60px 24px 20px;background:linear-gradient(to top,rgba(11,16,48,.92),rgba(11,16,48,0));color:#fff}
.aether-banner-texto b{font-family:"Baloo 2",sans-serif;font-size:2em;line-height:1.1;display:block}
.aether-banner-texto span{color:#d9ddff}
.aether-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:12px 0 24px}
.aether-cartao{background:#fff;border:1px solid var(--ae-borda);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s}
.aether-cartao:hover{border-color:var(--ae-ouro);box-shadow:0 4px 14px rgba(11,16,48,.08)}
.aether-cartao-titulo{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.2em;color:var(--ae-marinho)}
.aether-cartao-texto{color:#5a6290;font-size:.9em}
.page-Página_principal .mw-first-heading,.page-Página_principal .vector-page-titlebar{display:none}