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

De Grimopedia
Ir para navegação Ir para pesquisar
← Edição anteriorEdição posterior →
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/* ===== Ajustes globais — broAurora ===== */
/* ===== FORÇA as 3 imagens a ficarem lado a lado no centro ===== */
 
.mw-parser-output .bro-cta-row {
/* Esconde título/metas somente na Home */
   display: flex !important;
body.page-Página_principal #firstHeading,
   justify-content: center;
body.page-Página_principal #siteSub,
  align-items: center;
body.page-Página_principal #contentSub,
   gap: 24px;
body.page-Página_principal .mw-indicators { display:none !important; }
  flex-wrap: wrap;
 
  margin: 14px auto 0;
/* Respiro quando a Home começa direto com o herói */
   text-align: center;
.mw-body-content > .broaurora-root:first-child,
  width: 100%;
.vector-body > .broaurora-root:first-child { margin-top:12px; }
  clear: both;                /* corta floats anteriores */
 
/* 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 */
/* ZERA QUALQUER FLOAT herdado dentro do bloco */
.mw-parser-output .bro-cta{
.mw-parser-output .bro-cta-row .image,
  display:inline-block; line-height:0; padding:0; margin:0;
.mw-parser-output .bro-cta-row .thumb,
   border:0 !important; background:transparent !important; box-shadow:none !important;
.mw-parser-output .bro-cta-row .thumbinner,
  vertical-align:middle;
.mw-parser-output .bro-cta-row .mw-halign-right,
.mw-parser-output .bro-cta-row .mw-halign-left,
.mw-parser-output .bro-cta-row .floatright,
.mw-parser-output .bro-cta-row .floatleft {
   float: none !important;
}
}


/* Zera qualquer borda/sombra padrão de imagem linkada */
/* Garante que o MediaWiki não embrulhe em <p> e que a imagem seja “bloco” */
.mw-parser-output .bro-cta a,
.mw-parser-output .bro-cta-row > p { display: contents !important; margin: 0 !important; }
.mw-parser-output .bro-cta a img,
.mw-parser-output .bro-cta-row img { display: block; margin: 0; border: 0 !important; box-shadow: none !important; background: transparent !important; }
.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 */
/* Zoom suave no hover */
.mw-parser-output .bro-cta img{
.mw-parser-output .bro-cta img {
   width:350px; height:auto;
   width: 350px; height: auto;
   transition:transform .22s ease; transform-origin:center center; will-change:transform;
   transition: transform .22s ease;
  transform-origin: center center;
}
}
/* Hover/foco: zoom suave */
.mw-parser-output .bro-cta:hover img,
.mw-parser-output .bro-cta:hover img,
.mw-parser-output .bro-cta a:focus-visible img{ transform:scale(1.06); outline:none; }
.mw-parser-output .bro-cta a:focus-visible img { transform: scale(1.06); outline: none; }


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

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

/* ===== FORÇA as 3 imagens a ficarem lado a lado no centro ===== */
.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;
  width: 100%;
  clear: both;                 /* corta floats anteriores */
}

/* ZERA QUALQUER FLOAT herdado dentro do bloco */
.mw-parser-output .bro-cta-row .image,
.mw-parser-output .bro-cta-row .thumb,
.mw-parser-output .bro-cta-row .thumbinner,
.mw-parser-output .bro-cta-row .mw-halign-right,
.mw-parser-output .bro-cta-row .mw-halign-left,
.mw-parser-output .bro-cta-row .floatright,
.mw-parser-output .bro-cta-row .floatleft {
  float: none !important;
}

/* Garante que o MediaWiki não embrulhe em <p> e que a imagem seja “bloco” */
.mw-parser-output .bro-cta-row > p { display: contents !important; margin: 0 !important; }
.mw-parser-output .bro-cta-row img { display: block; margin: 0; border: 0 !important; box-shadow: none !important; background: transparent !important; }

/* Zoom suave no hover */
.mw-parser-output .bro-cta img {
  width: 350px; height: auto;
  transition: transform .22s ease;
  transform-origin: center center;
}
.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; } }
Disponível em “https://grimopedia.com.br/index.php?title=MediaWiki:Common.css&oldid=150”