MediaWiki Discussão:Common.css

O conteúdo da página não é suportado noutras línguas.
Origem: Wikipédia, a enciclopédia livre.
Domínio MediaWiki (ver tudo)
Javascript e CSS
Javascript comum (disc)
CSS comum (disc)
Listas negras
Ligações externas (disc)
Títulos (disc) 1 2 3
Imagens (disc) 1
Prefixos de imagens (disc) 1
Listas brancas
Ligações externas (disc)
Títulos (disc)
Bloqueios automáticos (disc)
Captcha-addurl (disc)
Outros
Mudanças Recentes (disc)
Gadgets (disc) GD
Sitenotice (disc)
Sitenotice id (disc)
Anonnotice (disc)
Edittools (disc)
Edittools Javascript (disc)
Deletereason-dropdown (disc)
Filedelete-reason-dropdown (disc)
Ipbreason-dropdown (disc)
Meta-Wiki (global)
Bloq. ligações externas (disc)
Bloq. títulos/nomes usuários (disc)
Bloq. usuários (disc) - instruções
CentralNotice - NoticeTemplate
Interwiki map (disc)

Informações sobre a página MediaWiki:Common.css (domínio MediaWiki)

A página MediaWiki:Common.css contém o código CSS utilizado por todos os usuários, anónimos e registados.

Páginas de aparência (skins) específicas:

Outras páginas CSS:

  • Geshi.css (destaque da sintaxe de código-fonte)

Para mais informações consultar mw:Manual:Interface/Stylesheets (em inglês).

Caixa de rolagem nas referências

Retirei temporariamente o código que cria a caixa de rolagem. Diversos editores estavam experimentando problemas no IE 6 e 7; e tendo em vista que a ampla base de leitores usa tais navegadores, creio ser de bom tom ser conservador nessa mudança. Percebo que o IE8 RC corrige o problema, então é questão de tempo até a versão final ser lançada, de modo que usuários do IE tenham uma opção para a visualização correta da funcionalidade. --Leonardo Stabile msg 09h38min de 16 de fevereiro de 2009 (UTC)[responder]

Infobox_v2

Por favor, retirar o seguinte código da classe Infobox_v2: 

.infobox_v2 th a {
color:black;
}

do nosso MediaWiki:Common.css. Ele está absurdamente colorindo de preto todo e qualquer texto wikificado (os famosos links vermelhos/azuis) nos headers das tabelas. Desde já agradeço. Fulcanelli msg 15h36min de 15 de maio de 2009 (UTC)[responder]

Feito. --Leonardo Stabile msg 09h34min de 21 de junho de 2009 (UTC)[responder]

Pictogramas espaciais

O texto que aqui estava foi movido para: Predefinição Discussão:Info/Missão

Actualização da skin das caixas de navegação

Para que {{Navbox with collapsible groups}} funcione tal como na en.wikipedia (en:Template:Navbox with collapsible groups), é necessário actualizar o common.css. É que no modelo actual não prevê o agroupamente de navboxes (nesting) e elas saem de maneira estroncada. Por isso peço esta actualização. E já reparei em algumas navboxes com letras muito pequenas e/ou sobreposição de texto e imagem, mas não sei se isso se deve ao common.css ou à predefinição usada.

Contudo, eu percebo muito pouco de css. Por isso deixei uma nota no Wikipedia:Café dos programadores para analisarem este pedido, e peço ainda ao administrador que se encarregar de actualizar o Common.css de pedir assistência no Meta para se certificar-se de que nada corre mal (que o código se integre bem nesta Wikipédia).

A tabela abaixo mostra o código actual da pt.wikipedia e o copiado da en.wikipedia que gostaria de ver inserido. A única diferença no código da en.wiki e do que está na tabela, é a substituição de Template:Tnavbar por Predefinição:Tnavbar. Reparo que @media print é omisso na en.wikipedia. JohnR (discussão) 04h27min de 5 de setembro de 2009 (UTC)[responder]

PS: Lembrei-me agora, que se houver erro aqui, é na compensação do botão esconder/expandir para com os links vde, descentrando o título. JohnR (discussão) 07h39min de 16 de setembro de 2009 (UTC)[responder]

Actual Proposto (copiado da en.wiki) 
/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}
 
table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}
 
table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances the */
    width: 6em;            /* vde links from [[Predefinição:Tnavbar]] so     */
}                          /* they need to be the same width.                */
Feito. Se alguém não aprovar este novo modo, sinta-se à vontade para desfazer a edição. Christian msg 13h10min de 16 de setembro de 2009 (UTC)[responder]
Estava dando erro nas predefinições, infoboxes e páginas com {|class="wikitable". Portanto, tive de reverter a minha edição. Christian msg 14h01min de 16 de setembro de 2009 (UTC)[responder]
Isso não devia a acontecer, já que nada toca com prettytables, wikitables, etc. Ou estou a ler isto mal, ou... Chirstian, tu por acaso substituíste a página toda, só pelo código que está na coluna do lado direito? ;0 Era só para substituir o que estava na coluna do lado esquerdo pelo direito. O resto ficava como estava. Na verdade é melhor deixar o @nomedia, que não convém imprimir navbxes. JohnR (discussão) 21h00min de 16 de setembro de 2009 (UTC)[responder]

Não sei como as infoboxes estão no browser de vocês. Mas aqui elas estão no canto esquerdo, acima do texto e sem linhas na horizontal e diagonal. Resumindo, muito feio e esquisito. ℳizunoryu 大熊猫❤小熊猫 (discussão) 14h46min de 16 de setembro de 2009 (UTC)[responder]

Já purgaste as páginas? Podes tirar um screenshot do teu ecrã, e dizer qual é o teu browser? JohnR (discussão) 21h00min de 16 de setembro de 2009 (UTC)[responder]

O SO era o Debian e o navegador era o iceweasel. Agora está tudo normal como antes. ℳizunoryu 大熊猫❤小熊猫 (discussão) 00h59min de 17 de setembro de 2009 (UTC)[responder]

Picto GNU Linux

Favor adicionar o seguinte estilo (me basei no topo.computador):

.topo.gnulinux {background: url("http://upload.wikimedia.org/wikipedia/commons/a/a4/Picto_infobox_gnulinux.png") no-repeat top right;}

Obrigado.

-- Daemorris discussão 16h38min de 30 de outubro de 2009 (UTC)[responder]

Picto Software

Favor adicionar o seguinte estilo (me basei no topo.gnulinux):

.topo.software {background: url("http://upload.wikimedia.org/wikipedia/commons/f/fe/Picto_infobox_software.png") no-repeat top right;}

Obrigado.

Daemorris discussão 02h35min de 5 de janeiro de 2010 (UTC)[responder]

Por favor adicionem as seguintes classes pra mim

Eu preciso que sejam adicionados as seguintes classes. 

/* Suporte para à predefinição:AFI, predefinição:Unicode, e predefinição:politônico */
.AFI {
  font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
               "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
               "Arial Unicode MS", "Lucida Sans Unicode",
               "Chrysanthi Unicode";
}

.Unicode {
  font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
               "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
               "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
               "Lucida Grande", "Free Sans", "Arial Unicode MS",
               "Microsoft Sans Serif", "Lucida Sans Unicode";
}

.politonico {
  font-family: "Athena Unicode", Gentium, "Palatino Linotype",
               "Arial Unicode MS", "Lucida Sans Unicode",
               "Lucida Grande", Code2000; 
}

Na Wiki en também tem estas classes, porém sob o nome IPA, Unicode e Polytonic, elas são usados lá pra definir fontes para as predefinições en:template:IPA, en:template:unicode e en:template:polytonic, pois assim não se corre o risco de que algum usuário utilize uma fonte que não possua algum caracter da página.

Aqui na wiki-pt também possui a predefinição:AFI (IPA) que serve para transcrições fonéticas, aparentemente quem a fez fizera utilizando o mesmo código fonte da wiki en, pois estava definindo tal classe, a qual eu removi, o problema é que a predefinição está declarando o estilo com as fontes da predefinição:IPA fonts, logo o HTML gerado de uma página cheia de transcrições acaba tendo vários contêiners <span> com uma vasta lista de fontes, além de que hoje vi que aqui na wiki-pt também possui a predefinição:unicode onde também usa a mesma lista de fontes de predefinição:IPA fonts, que além de ter o mesmo problema, das fontes daquela predefinição nem todas são apropriadas para vários carateres Unicode.--Luizdl (discussão) 00h23min de 4 de maio de 2010 (UTC)[responder]

Olá Luizdl, poderia acrescentar ao código algum comentário? Poderia ainda dizer a partir de qual linha o código acima deve ser incluído? Facilitará bastante pra mim... =) Kleiner msg 01h03min de 4 de maio de 2010 (UTC)[responder]
Pode ser adicionado no final do arquivo, uma linha antes do comentário /* </source> */ --Luizdl (discussão) 01h25min de 4 de maio de 2010 (UTC)[responder]
Feito! =) Kleiner msg 04h04min de 4 de maio de 2010 (UTC)[responder]
Obrigado.--Luizdl (discussão) 13h56min de 4 de maio de 2010 (UTC)[responder]

Picto Raio

Olá, por favor adicionar o seguinte estilo:

.topo.raio {background: url("http://upload.wikimedia.org/wikipedia/commons/2/27/Picto_infobox_raio.png") no-repeat top right;}

Obrigado, Roni Jorge Junior (MSG) 05h34min de 29 de junho de 2010 (UTC)[responder]

Para a documentação das predefinições

Olá editores. Gostaria de iniciar uma discussão sobre este trecho da mensagem. Recentemente foi definido que a cor de fundo da predefinição {{documentação}} deveria ser um cinza-escuro. Mas desde a criação desta predefinição ela apresenta um fundo verde-claro, como o que está definido atualmente na Wikipedia em inglês. Como não vejo discussão nesta página sobre a alteração desta cor, gostaria saber o que pensam os demais editores sobre isto. --Mister Sanderson 00h59min de 7 de fevereiro de 2011 (UTC)[responder]

Imagens de fundo e direitos autorais

A Imagem:Picto_infobox_sport_auto.png não pode ser colocada como background pois sua licença exige atribuição da autoria (ao contrário da Imagem:Picto infobox map.png, que pode ser usada por estar sob domínio público). Ver também o que foi dito aqui. Seria bom conferir se as demais imagens que estão como plano de fundo têm o mesmo problema. Helder 16h54min de 18 de junho de 2011 (UTC)[responder]

A lista completa de imagens que não poderão continuar como plano de fundo, para que não haja violação das licenças correspondentes, é a seguinte:

Helder 17h00min de 19 de junho de 2011 (UTC)[responder]

Olhando esta lista, vi que nos projetos franceses criaram uma página de créditos gráficos onde atribui-se a autoria das imagens. --Mister Sanderson 17h04min de 19 de junho de 2011 (UTC)[responder]
Poderia dizer qual o problema de utilizar as imagens sob GFDL? Leandro Martinez msg 17h52min de 19 de junho de 2011 (UTC)[responder]
Requer que se deixe visível o autor da imagem em cada uso que ela tiver, o que não é feito nas infoboxes. --Mister Sanderson 18h28min de 19 de junho de 2011 (UTC)[responder]
GFDL? Leandro Martinez msg 18h38min de 19 de junho de 2011 (UTC)[responder]
Exato, de acordo com Wikipédia:Direitos de autor#As diferentes formas de direitos autorais. --Mister Sanderson 18h43min de 19 de junho de 2011 (UTC)[responder]
No seu pedido de edição, pedi que as imagens em domínio público fossem reacrescentadas, já que todas foram eliminadas do código. Pensando em uma possível substituição futura das que foram eliminadas, criei commons:Category:Infobox pictograms in public domain para facilitar o processo. --Mister Sanderson 20h03min de 19 de junho de 2011 (UTC)[responder]

Vi que em outras partes da folha de estilos há mais estas duas:

Helder 19h27min de 19 de junho de 2011 (UTC)[responder]

Imagem:Tango-video-x-generic.png pode ser substituído por File:Video-x-generic.svg, que está em domínio público. Olhando Category:Sound icons encontrei Ficheiro:Gnome-mime-sound-openclipart.svg e Ficheiro:Gnome-mime-audio-openclipart.svg como as mais parecidas com Ficheiro:Gnome-speakernotes.png. O que pensam?--Mister Sanderson 19h53min de 19 de junho de 2011 (UTC)[responder]
E então, que pensam disto? --Mister Sanderson 17h28min de 18 de julho de 2011 (UTC)[responder]

Proponho colocar outras imagens no lugar de onde estas foram removidas:

Que pensam? --Mister Sanderson 17h28min de 18 de julho de 2011 (UTC)[responder]

Concordo Confesso que nunca tinha pensado na violação da obrigatoriedade da atribuição até o M. Sanderson ter chamada a atenção para isso. Não há muito que opinar: não se pode continuar a violar as licenças, pelo que a única coisa que há a fazer é retirar as imagens GFDL e CC. Nos casos em que há imagem semelhante no domínio público, ótimo, use-se essa. Bom trabalho do M.S. e do Helder(!), que além de "levantarem a lebre", apresenta tb. uma solução; aquela cat. dos Commons é uma excelente ideia. --Stegop (discussão) 20h52min de 23 de julho de 2011 (UTC)[responder]

Obrigado! :D --Mister Sanderson 20h58min de 23 de julho de 2011 (UTC)[responder]
Bem, aí isto precisa ser visto no Commons... --Mister Sanderson 22h08min de 24 de julho de 2011 (UTC)[responder]

Coloquei as novas imagens, menos a do topo.quimica. Não tem uma imagem melhor que o símbolo do pi para Química? Hein? ThiagoRuiz msg 18h17min de 12 de agosto de 2011 (UTC)[responder]

Acho que naquela ocasião eu colei a imagem errada... Deveria ser esta: File:Picto infobox chemistry.png. --Mister Sanderson 20h02min de 12 de agosto de 2011 (UTC)[responder]
Feito. ThiagoRuiz msg 00h21min de 13 de agosto de 2011 (UTC)[responder]

Proponho colocar Ficheiro:Picto infobox internet PD.svg em topo.internet. --Mister Sanderson 22h32min de 3 de setembro de 2011 (UTC)[responder]

-moz-border-radius

Por que Common.css incluem -moz-border-radius: mas não border-radius:? -- WOSlinker (discussão) 20h24min de 10 de julho de 2011 (UTC)[responder]

Deveria usar border-radius, que é para todos os navegadores, e não o moz-border-radius, que serve somente para os mozilla . Aliás, servia, já que foi obsoletado, como se pode ver aqui. --Mister Sanderson 20h37min de 10 de julho de 2011 (UTC)[responder]

Código duplicado

Por favor, podem mover o código da seção /* {{tl|Link FA}} */ do MediaWiki:Vector.css para a seção /* Imagem para interlinks de artigos destacados e bons */ aqui do MediaWiki:Common.css?

Não há porque duplicar o código para quem usa o vector (isso inclui todos os leitores [!], pois esse é o tema padrão) se a formatação se aplica a todos os temas por estar definida aqui. Helder 11h50min de 19 de outubro de 2011 (UTC)[responder]

Feito. EuTugamsg 17h03min de 12 de novembro de 2011 (UTC)[responder]

Definição da classe sysop-show

Oi!

Poderiam fazer uma adaptação desta edição, pelos motivos explicados na w:en:MediaWiki_talk:Common.css#Non-inline_sysop-show? No nosso caso, ficará assim: 

/* Oculta qualquer conteúdo que só é de interesse para administradores e eliminadores.
 * Torna-se visível novamente por meio da [[MediaWiki:Group-sysop.css]] e [[MediaWiki:Group-eliminator.css]].
 */
.sysop-show,
.eliminator-show, {
    display: none;
}

Helder 13h23min de 10 de Novembro de 2011 (UTC)

Feito. EuTugamsg 17h03min de 12 de novembro de 2011 (UTC)[responder]

CSS para notificações de bloqueio

Sobre o código mencionado no café dos administradores, seria bom renomear a classe "notificacao-bloqueio" para alguma outra coisa de modo que faça sentido reaproveitá-la em predefinições que são usadas em artigos (navboxes, etc...) pois esses bytes a mais serão enviados para todos os leitores, mesmo que eles nunca visitem uma página de discussão de algum editor que foi bloqueado. Manter o nome atual faria com que essa formatação só servisse para isso mesmo, e então seria como punir os leitores pelas más edições de uns poucos.

Ao fazer qualquer inclusão de código extra no Common.css ou .js deve-se tentar minimizar o impacto aos leitoes e privilegiar aquilo que beneficie a maioria. Helder 23h17min de 19 de maio de 2012 (UTC)[responder]

Simplificações nas cores

Poderiam fazer estas alterações? Helder 20h47min de 4 de julho de 2012 (UTC)[responder]

hiddenStructure

Isso de acabar ou alterar classes CSS usadas em milhares de artigos, como é o caso da hiddenStructure, é uma grande inconsciência... Não sei se será apenas esse o problema introduzido pela última alteração, mas ele existe e afeta quase tudo o que é infocaixa que há muito deveria ter sido alterada mas não foi. --Stegop (discussão) 04h12min de 8 de julho de 2012 (UTC)[responder]

Resolveu com isto? – Opraco (discussão), às 04h20min de 8 de julho de 2012 (UTC)[responder]
Só para constar: sugeri a mudança da classe hiddenStructure nesta proposta. Helder 11h02min de 8 de julho de 2012 (UTC)[responder]
Eu lembro-me dessa proposta e concordo que hiddenStructure deve ser suprimida. Aliás, nunca deveria ter sido criada, pois recorrendo a #if's faz-se o mesmo e melhor (mas dá mais trabalho...). Mas antes de retirá-la na folha de estilo tem que ser suprimida nas predefs que a usam. E isso até é mais um pretexto para padronizar tudo quanto é infocaixa com {{Info}}. --Stegop (discussão) 01h51min de 9 de julho de 2012 (UTC)[responder]

Nova imagem para caixa de informação

Uma vez que as caixas de informação se encontram na versão 2, seria possível alguém adicionar mais esta imagem para o topo das predefinições com nome de código "culinária" ou "gastronomia"? VítoR™  • (D) 16h36min de 14 de dezembro de 2012 (UTC)[responder]

Essa imagem exige atribuição, pelo que não pode ser usada como fundo. --Stegop (discussão) 18h08min de 14 de dezembro de 2012 (UTC)[responder]
Além disso, já está na hora de definir algum critério para a inclusão/remoção desse tipo de imagem, pois o Common.css é enviado para todos, em qualquer página, mesmo que não seja usada uma caixa de informação na mesma. Já seria um avanço movermos o CSS desse sistema para um gadget ativo por padrão, tanto para que pudesse ser desabilitado quanto para organizar melhor os estilos usados no site como um todo. Helder 18h14min de 14 de dezembro de 2012 (UTC)[responder]

Tamanho da fonte em domínio Module

Monitorada no Bugzilla
Bug 26204

Por favor, adicionar: 

.source-lua {
	font-size: 12.8px;
}

Tamanho do texto no domínio dificulta a leitura. GoEThe (discussão) 13h01min de 21 de março de 2013 (UTC)[responder]

Feito. !Silent (discussão) 13h53min de 21 de março de 2013 (UTC)[responder]
Removi esse código por usar tamanho absoluto em vez de relativo, e modifiquei o hack que já era usado contra o bug 26204. Helder 18h25min de 23 de março de 2013 (UTC)[responder]

Erro de edição

Peço por gentileza ao !Silent ou outro utilizador com os direitos para editar esta página e corrija o código para as imagens de topo das caixas de informação, pois não estão mais visíveis, por engano certamente. VítoR™ (♪) 21h55min de 9 de dezembro de 2013 (UTC)[responder]

Reverti parte da alteração, e agora já voltou ao normal. Silent (discussão) 22h59min de 9 de dezembro de 2013 (UTC)[responder]

Typography Refresh

Vejam por favor [1]. A alteração da tipografia vai causar alguns estragos no layout da página principal. Para os resolver julgo que basta incluir nesta página uma referência ao "div#artigos-destacadosHead h2", conforme indicado pelo Steven. Vejam também [2]. GoEThe (discussão) 10h27min de 3 de abril de 2014 (UTC)[responder]

External links icons removed

Hello! If this CSS adds or modifies icons shown after external links, you'll be interested in knowing that such icons have been removed from MediaWiki core, a change which will reach this wiki in few days. You may want to consider whether you still need them. If you have questions, please ask at bugzilla:63725. Regards, Nemo 09h45min de 10 de abril de 2014 (UTC)[responder]

Obtida de "https://pt.wikipedia.org/w/index.php?title=MediaWiki_Discussão:Common.css&oldid=38630825"