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.

/** o código CSS colocado aqui será aplicado a todos os temas */
/* =========================================================
   EXUPEDIA — FOOTER GLOBAL (desktop + mobile)
   OS com mesmo “quadrado” do Powered by MediaWiki
   - o <a> recebe width/height via JS (clonado do MediaWiki)
   - a arte fica centralizada dentro do “quadrado”
   ========================================================= */

#footer-icons,
#footer-icons.footer-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

#footer-icons > li {
  margin: 0;
}

/* Botão OS: vira um “container” fixo (width/height vem do JS) */
#footer-icons .os-footer-link.cdx-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;      /* deixa o skin controlar o “quadrado” */
  line-height: 0;
  text-decoration: none;
}

/* O picture ocupa o botão inteiro e centraliza o conteúdo */
#footer-icons .os-footer-picture {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Imagem/SVG sempre no centro, SEM cortar, respeitando o “quadrado” */
#footer-icons .os-footer-img {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100% - 10px);   /* cria “respiro” dentro do quadrado */
  max-height: calc(100% - 10px);
  object-fit: contain;
}