MediaWiki:Common.css
Página de Interface do MediaWiki
Mais ações
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.
/* =========================================================
Galerias de fotos dos Informes Comerciais (wiki.doisac.com)
Box único envolvendo imagem + legenda, alinhado à esquerda.
Ver memória wiki-doisac-padrao-formatacao.
========================================================= */
/* A galeria e seus itens, alinhados à esquerda */
/* Especificidade alta (.gallery x3 = 0,4,1) para vencer a regra do Citizen
"ul.gallery.gallery.gallery { margin: var(--space-xxs) 0 }" (0,3,1),
que zerava o espaçamento entre galerias adjacentes. */
.mw-parser-output ul.gallery.gallery.gallery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 14px;
margin: 15px 0;
padding: 0;
text-align: left;
}
/* Subtítulo do grupo (parâmetro caption=) à esquerda, ocupando a linha toda */
.mw-parser-output ul.gallery li.gallerycaption {
flex: 0 0 100%;
width: 100%;
text-align: left;
font-weight: 700;
font-size: 1.05em;
line-height: 1.3;
margin: 0.2em 0 0;
}
/* O "box" de cada foto: borda, fundo, cantos arredondados e 15px de margem interna,
envolvendo a imagem E a legenda */
/* Largura do box = largura que o MediaWiki já atribui (imagem + moldura),
NÃO sobrescrever para auto — assim a legenda longa quebra em linhas
e o box fica com cara de moldura em vez de esticar. */
.mw-parser-output ul.gallery li.gallerybox {
margin: 0 !important;
padding: 15px;
border: 1px solid var(--border-color-base, #c8ccd1);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
border-radius: 6px;
box-sizing: border-box;
vertical-align: top;
text-align: center;
}
/* Neutraliza a moldura/altura fixa interna padrão da miniatura */
.mw-parser-output ul.gallery li.gallerybox div.thumb {
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
display: flex;
align-items: center;
justify-content: center;
}
.mw-parser-output ul.gallery li.gallerybox div.thumb img {
margin: 0 !important;
max-width: 100%;
height: auto;
border-radius: 3px;
}
/* Descrição + fonte: dentro do box, abaixo da imagem, centralizada */
.mw-parser-output ul.gallery li.gallerybox div.gallerytext {
width: auto;
text-align: center;
margin: 0;
padding: 10px 2px 0;
font-size: 0.85em;
line-height: 1.4;
}
.mw-parser-output ul.gallery li.gallerybox div.gallerytext:empty {
display: none;
}
.mw-parser-output ul.gallery li.gallerybox div.gallerytext small {
color: var(--color-subtle, #54595d);
}