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)
• Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Pressione Ctrl-F5.

/* X Angel – Home */
.xa-home { max-width: 1100px; margin: 0 auto 40px; }

/* faixa título vermelha */
.xa-ribbon{
  background: linear-gradient(90deg,#a00 0%,#d22 40%,#a00 100%);
  color:#fff; font-weight:bold; padding:10px 14px; border-radius:10px;
  display:flex; align-items:center; gap:10px; margin:12px 0 18px;
}

/* grade (4 colunas) */
.xa-grid{
  display:grid; grid-template-columns: repeat(4, 1fr);
  gap: 28px 40px; justify-items:center; align-items:start;
}

/* card */
.xa-card{ text-align:center; text-decoration:none; }
.xa-card img{ width:110px; height:auto; image-rendering:-webkit-optimize-contrast; }
.xa-card span{ display:block; margin-top:10px; font-size:18px; font-weight:700; color:#1a34a8; }
.xa-card:hover span{ text-decoration:underline; }

/* responsivo */
@media (max-width:1024px){ .xa-grid{ gap:24px 28px; } .xa-card img{ width:96px; } }
@media (max-width:760px){ .xa-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:420px){ .xa-grid{ grid-template-columns: 1fr; } }