Como personalizar o quote

Qual é minha questão:
Olá , vejam a print de como esta o quote :

Como quero que fique :


Aguardo.

Até mais.


Medidas que eu tomei para corrigir o problema:
--

Links e imagens do meu problema:
--

Endereço do meu fórum:
www.rb-forum.net

Versão do meu fórum:
PHPBB3

Olá, aqui esta o codigo

Código:

blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}

Cordialmente.

Ponha este código em seu CSS

Código:

blockquote, blockquote blockquote, blockquote blockquote blockquote {
-moz-border-radius: 5px;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius: 5px 5px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
background: none;
background-color: #F9F9F9;
background-image: -webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));
border: 1px solid #DEDEDE;
border-radius: 5px 5px;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
padding: 10px 20px;
}
blockquote {
background: #EBEADD url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
.content blockquote {
color: #536482;
}

Obrigado @Coper e MateusV.

Podem fechar.

Até mais.

Eu usei o código e funcionou legal, porém, não consigo mudar a cor de fundo do quote. Podem ajudar?

http://rpg-saintseiya.forumeiros.com/t25-hello-people

eu coloquei assim:

Código:

blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#0000000)
}
blockquote blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#000000)
}
blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#0000000)
}
blockquote blockquote blockquote{
  background:-webkit-linear-gradient(#616161,#000000)
}
blockquote,blockquote blockquote,blockquote blockquote blockquote{
  -moz-border-radius:6px;
  -moz-box-shadow:2px 2px 2px #BEBEBE;
  -webkit-border-radius:6px;
  -webkit-box-shadow:2px 2px 2px #BEBEBE;
  background:-moz-linear-gradient(#616161,#000000);
  background-color:#C6C6C6;
  background-image:-webkit-linear-gradient(#616161,#000000);
  border:1px solid #f2f2f2;
  border-radius:6px;
  box-shadow:2px 2px 2px #BEBEBE;
  font-size:11px;
  margin:0;padding-bottom:-30px;
  padding-left:-30px;
  padding-top:-30px;width:90%}
blockquote img{max-width:100%!important
}
.spoiler{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px
}dl
.codebox{
  background:none;
  background-image:url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);
  width:92%
}
.codebox .spoiler_content{
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background:-moz-linear-gradient(#616161,#000000);
  background-color:#616161;
  background-image:none;
    -webkit-linear-gradient(#616161,#000000);
  border:1px solid #BEBEBE;
  border-radius:6px;font-size:11px;
  margin-left:0
    padding:5px 10px 10px
}

Resolvi meu problema com este tópico:

https://ajuda.forumeiros.com/t51319-quote-spoiler-como-narutorpg?highlight=Quote

Só troquei as cores e consegui um efeito degradé, com bordas arredondadas e sombreado. ficou melhor do que esperado. Muito obrigado!

Spoiler:

pode fechar o tópico ^^