MediaWiki:Common.css: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
/* ===== | /* ===== Linha de CTAs com <gallery> (lado a lado) ===== */ | ||
/* | /* O próprio elemento do gallery recebe o flex */ | ||
. | .mw-parser-output .bro-cta-gallery { | ||
display: flex !important; | |||
.bro-cta- | |||
display: flex; | |||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
gap: 24px; | gap: 24px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
margin: 14px auto 0; | margin: 14px auto 0; | ||
padding: 0; /* tira respiro extra */ | |||
border: 0; | |||
background: transparent; | |||
} | } | ||
/* | /* Neutraliza estilos internos do gallery */ | ||
.bro-cta { | .mw-parser-output .bro-cta-gallery .gallerybox { | ||
width: auto !important; /* evita largura fixa que força quebra */ | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | |||
.mw-parser-output .bro-cta-gallery .thumb { | |||
border: 0 !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
} | |||
.mw-parser-output .bro-cta-gallery .gallerytext, | |||
.mw-parser-output .bro-cta-gallery .gallerycaption, | |||
.mw-parser-output .bro-cta-gallery .magnify { | |||
display: none !important; | |||
} | } | ||
/* | /* Imagens: tamanho + zoom suave */ | ||
.bro-cta img { | .mw-parser-output .bro-cta-gallery img { | ||
display: block; | display: block; | ||
width: 320px | width: 320px; | ||
height: auto; | height: auto; | ||
transition: transform .22s ease; | transition: transform .22s ease; | ||
transform-origin: center center; | transform-origin: center center; | ||
} | } | ||
.mw-parser-output .bro-cta-gallery .gallerybox:hover img { | |||
. | |||
.bro-cta: | |||
transform: scale(1.06); | transform: scale(1.06); | ||
} | } | ||
/* Responsivo */ | /* Responsivo */ | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.bro-cta- | .mw-parser-output .bro-cta-gallery { gap: 18px; } | ||
.bro-cta img { width: 280px; } | .mw-parser-output .bro-cta-gallery img { width: 280px; } | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.mw-parser-output .bro-cta-gallery img { width: 220px; } | |||
.mw-parser-output .bro-cta-gallery img { | |||
} | } | ||
Edição das 14h49min de 16 de outubro de 2025
/* ===== Linha de CTAs com <gallery> (lado a lado) ===== */
/* O próprio elemento do gallery recebe o flex */
.mw-parser-output .bro-cta-gallery {
display: flex !important;
justify-content: center;
align-items: center;
gap: 24px;
flex-wrap: wrap;
margin: 14px auto 0;
padding: 0; /* tira respiro extra */
border: 0;
background: transparent;
}
/* Neutraliza estilos internos do gallery */
.mw-parser-output .bro-cta-gallery .gallerybox {
width: auto !important; /* evita largura fixa que força quebra */
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.mw-parser-output .bro-cta-gallery .thumb {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mw-parser-output .bro-cta-gallery .gallerytext,
.mw-parser-output .bro-cta-gallery .gallerycaption,
.mw-parser-output .bro-cta-gallery .magnify {
display: none !important;
}
/* Imagens: tamanho + zoom suave */
.mw-parser-output .bro-cta-gallery img {
display: block;
width: 320px;
height: auto;
transition: transform .22s ease;
transform-origin: center center;
}
.mw-parser-output .bro-cta-gallery .gallerybox:hover img {
transform: scale(1.06);
}
/* Responsivo */
@media (max-width: 900px) {
.mw-parser-output .bro-cta-gallery { gap: 18px; }
.mw-parser-output .bro-cta-gallery img { width: 280px; }
}
@media (max-width: 600px) {
.mw-parser-output .bro-cta-gallery img { width: 220px; }
}