Botões estilosos

Qual é minha questão:


Gostaria que os botões ficassem com está aparência, na cor #155D98 e no hover #427517

Visto em http://artelib.forumeiros.com/
 

Endereço do meu fórum:
http://visualart.ativoforum.com

Versão do fórum:
PHPBB3

Boas!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Código:

Código:

#quick_reply > div:nth-child(2) > input:nth-child(9) {
-webkit-border-radius: 2px;
background: #393939 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 26px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}

.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]:hover{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #555555 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 26px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}

Obs:. Coloque o código no inicio de tua Folha de Estilo CSS para que haja exito.

Abraços,
Sennior!

O botão enviar ficou sem hover.

O botão pré-visualizar ficou sem o normal, mas com hover.

Olá boa noite,

Troque o código passado acima por este:

Código:


    #quick_reply > div:nth-child(2) > input:nth-child(9):hover {
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #555555 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap; 
}
#quick_reply > div:nth-child(2) > input:nth-child(9) {
    -webkit-border-radius: 2px;
    background: #393939 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap;
    }
.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]{
    -webkit-border-radius: 2px;
    background: #393939 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap; 
}
.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]:hover{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #555555 url(http://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap;
    }


Certinho Alex, obrigado