Pq meu botao de + e - ta assim ?

Qual é minha questão:
Ae eu fiz uns botões de mais e menos para que os membros do forum focem agradecidos ...

Olha como o botao fica.



Com umas coisas pretas nas pontas de baixo deles .. pq , e eles tambem nao ficam no meio da barrinha .. auguem em ajuda ;D ?

Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

.vote {
padding: 4px 1px;
text-align: center;
width: 20px;
background-color: transparent;
border: 1px solid transparent;
border-image: initial;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

Até

Olá!

Aceda em:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.vote-bar {
border-top: transparent !important;
border-bottom: transparent !important;
}

Coloque no inicio de teu CSS.

Até mais!

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:

.post .postbody .vote.gensmall{background-color:transparent}.post .postbody .vote.gensmall .vote-button{margin-left:-2px}

Clique no botão "Salvar".

Assombrosamente.

Man , esses codigos mudaram a cor da barrinha , eu quero centrualizar os botoes

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

.vote .vote-button{margin-left: -36em; padding: 4px 1px 4px 1px; text-align: center; width:25px; background-color: #282828; border: 1px solid #d4d6d5; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px}.vote{background-color:transparent; border:none}

Valide.

Melhores cumprimentos,
Today

resolvido obrigado man , agradecido;