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

Edição das 14h21min de 16 de outubro de 2025

/* ===== Ajustes globais — broAurora ===== */

/* Esconde título/metas somente na Home */
body.page-Página_principal #firstHeading,
body.page-Página_principal #siteSub,
body.page-Página_principal #contentSub,
body.page-Página_principal .mw-indicators { display:none !important; }

/* Respiro quando a Home começa direto com o herói */
.mw-body-content > .broaurora-root:first-child,
.vector-body > .broaurora-root:first-child { margin-top:12px; }

/* Blocos padrão ocupam 100% */
.mw-body-content .broaurora-hero,
.mw-body-content .broaurora-card,
#content .broaurora-hero,
#content .broaurora-card { max-width:100%; }

/* Links de listas/cards (resto da página) */
.broaurora-link{
  display:block; text-decoration:none; color:#1a2a3a;
  padding:10px 12px; border:1px solid var(--broaurora-border,rgba(31,106,165,.35));
  border-radius:10px; transition:all .2s ease;
}
.broaurora-link:hover{
  background:var(--broaurora-hover,rgba(31,106,165,.12));
  color:var(--broaurora-primary,#1f6aa5);
  border-color:var(--broaurora-primary,#1f6aa5);
  text-decoration:none;
}

/* Remove top padding/resíduo na Home e borda superior */
body.page-Página_principal .mw-body { padding-top:.5rem; }
body.page-Página_principal #content { border-top:0; }

/* =========================
   LINHA DE CTAs (IMAGENS)
   ========================= */

/* Se o MediaWiki injetar <p> dentro do container, some com eles para o flex funcionar */
.mw-parser-output .bro-cta-row > p { display:contents !important; margin:0 !important; }

/* Container das artes — centralizado e horizontal */
.mw-parser-output .bro-cta-row{
  display:flex !important;
  justify-content:center; align-items:center;
  gap:24px; flex-wrap:wrap; margin:14px auto 0;
  text-align:center;
}

/* Cada item clicável: sem fundo/borda/sombra */
.mw-parser-output .bro-cta{
  display:inline-block; line-height:0; padding:0; margin:0;
  border:0 !important; background:transparent !important; box-shadow:none !important;
  vertical-align:middle;
}

/* Zera qualquer borda/sombra padrão de imagem linkada */
.mw-parser-output .bro-cta a,
.mw-parser-output .bro-cta a img,
.mw-parser-output .bro-cta img,
.mw-parser-output a.image img{
  display:block; border:0 !important; background:transparent !important; box-shadow:none !important;
}

/* Tamanho e transição de zoom */
.mw-parser-output .bro-cta img{
  width:350px; height:auto;
  transition:transform .22s ease; transform-origin:center center; will-change:transform;
}

/* Hover/foco: zoom suave */
.mw-parser-output .bro-cta:hover img,
.mw-parser-output .bro-cta a:focus-visible img{ transform:scale(1.06); outline:none; }

/* Responsivo */
@media (max-width:900px){
  .mw-parser-output .bro-cta-row{ gap:18px; }
  .mw-parser-output .bro-cta img{ width:300px; }
}
@media (max-width:600px){
  .mw-parser-output .bro-cta img{ width:240px; }
}