Personalizar dois botões

Qual é minha questão:
Bom eu queria deixar esses dois botões do meu fórum igual ao do FDF


Porem eu tenho já o CSS mais esses dois botões não fica porque esses botões e feito de JQuery

2 Botões JQuery

Código:

jQuery(document).ready(function(){jQuery('.topic-actions div.buttons:last').append('<div class="msg"><br><br><br><br><select id="msg-pr"><option value="[size=14][color=red][b][i]Tópico movido para a Lixeira[/i][/b][/color][/size]">Tópico movido para a Lixeira</option><option value="[size=14][color=red][b][i]Tópico excluído em breve[/i][/b][/color][/size]">Tópico excluído em breve</option><option value="[size=14][color=orange][b][i]Tópico bloqueado[/i][/b][/color][/size]">Tópico bloqueado</option><option value="[size=14][color=orange][b][i]Tópico desbloqueado[/i][/b][/color][/size]">Tópico desbloqueado</option><option value="[size=14][color=orange][b][i]Sugestão em estudo[/i][/b][/color][/size]">Sugestão em estudo</option><option value="[size=14][color=red][b][i]Sugestão recusada[/i][/b][/color][/size]">Sugestão recusada</option><option value="[size=14][color=green][b][i]Sugestão aceita[/i][/b][/color][/size]">Sugestão aceita</option><option value="Membro satisfeito(a) \n [b][i][color=green][size=14] Tópico movido para Arquivo: Pedidos Finalizados [/size][/color][/i][/b]">Pedidos Finalizados</option></select><input type="submit" value="Gerar código" id="gerar-msg" /><input type="submit" value="Limpar caixa" id="limpar-msg" /><br>'); jQuery('#gerar-msg').click(function() { jQuery('#text_editor_textarea').val(jQuery('#text_editor_textarea').val() + jQuery('#msg-pr').val()); });jQuery('#limpar-msg').click(function() {jQuery('#text_editor_textarea').val(''); }); });

Css botões do FDF

Código:

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background: gray;
color: #F4F5F4;
border: 1px solid gray;
}

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

Olá,

Poderia explicar melhor sua dúvida?

Cordialmente.

Claro eu quero deixar os botões Gerar código e Limpar caixa como o do FDF

Boas,
aqui no fórum a dois botões de gerar caixa de código nem sabia ta vamos o assunto!
troca por este o de folha de estilo css

Código:

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
}

Resultou?

Cara não resultou como dito é para meu fórum

Boa noite,

Ainda não compreendi o que deseja, poderia ser mais claro?

Até mais.

Pode fechar já resolvi