Ativa o menu
101
1,5 mil
2
3,9 mil
Doisac
Alternar menu de preferências
Alternar menu pessoal
Não autenticado(a)
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

Página de Interface do MediaWiki

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);
}