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.

/** =========================================================
 *  Estilos globais (aplicam em todos os temas)
 *  =======================================================*/

/* Zoom suave para qualquer imagem dentro de .btn-zoom */
.btn-zoom img {
  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
  transform-origin: center center;
}
.btn-zoom:hover img {
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  filter: saturate(1.05);
}

/* ===== Botão sobreposto (imagem sobre imagem) ===== */

/* Container opcional (caso queira usar em vez de inline style) */
.overlay-wrapper {
  position: relative;
  display: inline-block;
}

/* Reset visual da imagem-botão + mesmo zoom do .btn-zoom */
.overlay-btn img {
  display: block;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
  transform-origin: center center;
  cursor: pointer;
}
.overlay-btn:hover img {
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  filter: saturate(1.05);
}
/* Efeito de “pressionado” ao clicar */
.overlay-btn:active img {
  transform: scale(1.03);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
/* Wrapper da sobreposição */
.overlay-wrapper {
  position: relative;
  display: inline-block;
}

/* Posição do botão sobre a arte */
.overlay-wrapper .overlay-btn {
  position: absolute;
  left: 50%;
  bottom: 22px;           /* ajuste fino à vontade */
  transform: translateX(-50%);
}

/* Remove qualquer fundo/borda/padding que o MediaWiki aplique */
.overlay-wrapper .overlay-btn a.image,
.overlay-wrapper .overlay-btn img {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}