MediaWiki Discussão:Common.css

message: Podiam por favor adicionar as regras para mboxes (como, .ambox, .ambox-*, .cmbox, .cmbox-*, .messagebox etc.) que estão na Wikipédia em inglês? Creio que seja importante. --CaiusSPQR (discussão) 22h02min de 4 de março de 2019 (UTC)
:Vamos fazer isso com estilos em linha como foi discutido no café  dos programadores, então essas classes da enwiki não serão necessárias. Mas precisamos das modificações abaixo para garantir uma aparência diferente na versão mobile:
:.caixa {
    border: 1px solid #C7C7C7
}
:A classe caixa já existe, então é só encontrar a classe e adicionar essa linha da borda. Como a borda é definida nos estilos em linha das predefinições, os estilos em linha vão sobrescrever esse estilo, e essa mudança só passará a ter efeito quando eu modificar os estilos em linha para não informar o border-style, com isso a borda só aparecerá na versão desktop. Esse é um complemento do que está no MediaWiki:Mobile.css para fazer a diferenciação das caixas na versão mobile. Danilo.mac(discussão) 21h24min de 29 de março de 2019 (UTC)
replies: text:  Inclusão efetuada. !Silent (discussão) 21h38min de 29 de março de 2019 (UTC)
thread_title:  Classes para mboxes 

message: Pode adicionar uma regra para o elemento  para que o tamanho da fonte seja de 85 %? Como em , que segue as regras de . —CaiusSPQR (discussão) 23h36min de 13 de março de 2019 (UTC)
replies: text: @  Feito. !Silent (discussão) 23h43min de 31 de março de 2019 (UTC)
thread_title:  Regra para small 

message: Gostava de pedir alguns ajustes para melhorar a visualização de conteúdo.
As regras seguintes não existem.
/* Aspas retas para  */
q {
	quotes: '"' '"' "'" "'";
}
/* Evitar colisão de blockquote com elementos flutuantes ao trocar margem com padding */
blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px;
}
pre, .mw-code {
	overflow-x: hidden;
	overflow-wrap: break-word;
}
/* Mesmo espaçamento para parágrafos indentados e não-indentados em páginas de discussões */
.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
As seguintes regras já existem, então basta serem atualizadas.
 Ajustes para regras já existentes
Regra atual	Pedido para atualizar regra
/* Consistent size for ,  and  */
small {
	font-size: 85%; 
}	
/* Tamanho consistente para ,  e  */
small {
	font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup,
span.reference /* para Parsoid */ {
	font-size: 80%;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible.collapsed > tbody > tr:not(:first-child) {
	display: none; 
}	/* Reduzir saltos de página ao esconder conteúdo recolhido/dispensado */
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .NavFrame.collapsed .NavContent,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child) {
	display: none;
}
/* Realce a azul das referências clicadas para ajudar na navegação */
.citation:target,
.reference:target {
    background-color: #DEF;  /* Fallback */
    background-color: rgba(0, 127, 255, 0.133); 
}	/* Realce a azul das referências clicadas para ajudar na navegação */
body.action-info .mw-body-content :target,
.citation:target {
	background-color: #def;  /* Fallback */
	background-color: rgba(0, 127, 255, 0.133);
}
/* Formatação de citações */
span.citation,
cite {
	font-style: normal;
	word-wrap: break-word;
}	/* Formatação de citações. Quebrar URLs longas etc., em vez de uma caixa transbordante */
.citation {
	word-wrap: break-word;
}
/* Para números e IDs de documentos ligados, em que o número
 * não precisa ser mostrado em uma tela ou computador de mão,
 * mas deve ser incluído na versão impressa
 */
@media screen, handheld {
	span.citation *.printonly {
		display: none;
	} 
}	/* Para números e IDs de documentos ligados, em que o número
 não precisa ser mostrado em uma tela ou dispositivo de mão,
 mas deve ser incluído na versão impressa
 */
@media screen, handheld {
	.citation .printonly {
		display: none;
	}
 --CaiusSPQR(discussão) 19h01min de 10 de abril de 2019 (UTC)
replies: text: @  Feito. !Silent (discussão) 21h37min de 10 de abril de 2019 (UTC)
replies: text:  Como meu pedido removeu o seletor "cite", peço também que adicione a seguinte regra no topo da página:/* Reajustar estilização em itálico definido pelo agente de utilizador */
cite, dfn {
	font-style: inherit; 
} Obrigado. --CaiusSPQR(discussão) 13h57min de 11 de abril de 2019 (UTC)
replies: text: @  Feito.  !Silent (discussão) 14h05min de 11 de abril de 2019 (UTC)
thread_title:  Pequenos ajustes visuais 

message: Movi as regras com a class "treeview" para Predefinição:Lista em árvore/styles.css. Podem agora remover a class "treeview" de Common.css? --CaiusSPQR(discussão) 14h24min de 11 de abril de 2019 (UTC)
replies: text: @  Feito. !Silent (discussão) 14h32min de 11 de abril de 2019 (UTC)
thread_title:  Class "treeview" 

message: Algumas predefinições ainda usam a antiga class "infobox". Ela não é atualizada há tempos, e seu código pode ser melhorado enquanto algumas predefinições são atualizadas para o novo código. A seguir, há uma tabela com as regras que necessitam de ser atualizadas; também há as regras que necessitam de ser incluídas, pois algumas predefinições foram copiadas da enwiki com classes que nunca foram incluídas cá na ptwiki.
 Regras para atualizar
Agora	Proposta de atualização
.infobox {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: .2em;
	float: right;
	clear: right;
}	.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
}
.infobox caption {
	margin-left: inherit;
}	.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox tr {
	vertical-align: top;
}	.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}	.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox.sisterproject {
	width: 22em;
}	.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}
;Regras para adicionar
.infobox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
	border: 1px solid #c0c090;
}
/* Estilos para infocaixa com bordas com linhas fundidas */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}
/* Estilos para infocaixas de geografia */
.infobox.geography {
	border-collapse: collapse;
	line-height: 1.2em;
	font-size: 90%;
}
.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
	border: 0;
	padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
	border-top: 0;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}Obrigado. --CaiusSPQR(discussão) 00h21min de 6 de maio de 2019 (UTC)
:Segundo esta pesquisa sobre uso de classes, somente 21 predefinições/páginas usam a classe geography e 8 usam a sisterproject. Eu tenho atualizado algumas infoboxes antigas sobre localidades, como a , eu posso dar prioridade para essas que usam a geography. As que usam a .infobox.sisterproject como esta página também podem ser corrigidas manualmente. As alterações que não envolvam essas duas classes eu não me oponho, pois de fato a atualização de todas as infoboxes ainda vai demorar. Danilo.mac(discussão) 04h10min de 6 de maio de 2019 (UTC)
::O problema é que ainda vai continuar a haver editoras(es) que importarão predefinições com essas classes para cá. Não são muitas regras, então não deve afetar o carregamento das páginas. É só uma questão de suporte a elas, da mesma forma que "NavFrame", que por mais que seja obsoleta, ainda permanece na ptwiki. —CaiusSPQR(discussão) 04h16min de 6 de maio de 2019 (UTC)
:::Eu concordo em colocar essas classes até que as infoboxes sejam atualizadas. Danilo.mac(discussão) 05h26min de 6 de maio de 2019 (UTC)
:::: Feito.  !Silent (discussão) 22h39min de 6 de maio de 2019 (UTC)
Favor remover o .infobox td, .infobox th {text-align: left}, isso está mudando o alinhamento de textos e imagens que devem estar centralizados. Já existem dois tópicos recentes no Café dos programadores reclamando disso. Danilo.mac(discussão) 05h31min de 12 de maio de 2019 (UTC)
replies: text: Problema já resolvido. Já não há a necessidade de remover a regra. Isso ocorreu porque as predefinições não usam nem  nem . Mais tarde irei verificar cada uma das predefinições para me certificar de que não há mais problema algum. —CaiusSPQR(discussão) 05h57min de 12 de maio de 2019 (UTC)
thread_title:  Atualizar regras para infoboxes antigas 

message: Poderia por favor atualizar a página para incluir as seguintes regras? As duas últimas para resetar margem de topo de listas em colunas para que fiquem com margens uniformes em colunas. As duas primeiras são para que referências tenham o mesmo tamanho de 90% (atualmente é diferente em algumas predefinições como Predefinição:InícioRef, que tem um elemento div). Eu atualizei o common.css de minha própria conta e não percebi nenhum bug. Isto é baseado em como é feito na enwiki, então o conteúdo não é meu. Por isso por favor também não se esqueça de seguir a licença (que é somente CC BY-SA).
ol.references,
div.reflist {
	font-size: 90%;            /* font-size padrão */
	margin-bottom: 0.5em;
}
div.reflist ol.references {
	font-size: 100%;           /* Resetar font-size quando aninhado em div.reflist */
	margin-bottom: 0;          /* Evitar margem dupla quando aninhado em div.reflist */
	list-style-type: inherit;  /* Habilitar tipos de estilo de lista personalizadoss */
}
/* Resetar margem de topo para listas embutidas em colunas */
div.columns {
	margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
	margin-top: 0;
}
Também é importante remover uma regra para "ol.references" que está atualmente na página. --CaiusSPQR(discussão) 07h05min de 19 de agosto de 2020 (UTC)
replies: text: @  Feito. !Silent (discussão) 11h22min de 19 de agosto de 2020 (UTC)
thread_title:  Estilos para referências e colunas 

message: Quero colocar o seguinte estilo CSS para etiquetas, assim como na enwiki:
/* Styling for Abuse Filter tags */
.mw-tag-markers {
	font-style: italic;
	font-size: 90%;
}
 concordam com essa proposta? --Francisco (discussão) 14h16min de 11 de setembro de 2021 (UTC)
replies: text: @ Não me oponho. !Silent (discussão) 14h50min de 11 de setembro de 2021 (UTC)

text: Por mim tudo bem. Helder 19h56min de 11 de setembro de 2021 (UTC)

text: Done. :-) Diego Queiroz (discussão) 05h46min de 21 de setembro de 2021 (UTC)
thread_title:  Etiquetas