Como personalizar caixa de citação, spoiler e codigo

Qual é minha questão:
Olá como eu deixo minha chaixa de citação e spoiler e código igual a essa:

Citação: https://i.servimg.com/u/f13/17/73/56/99/print910.jpg

Spoiler: https://i.servimg.com/u/f13/17/73/56/99/print110.jpg  ( Só que a barrinha vermelha gostaria que fosse de uma cor que eu quero)

Code: https://i.servimg.com/u/f13/17/73/56/99/print111.jpg ( a mesma coisa a barrinha vermelha gostaria que fosse uma cor que eu quero)

Se puderem me ajudar ^^

Atenciosamente.

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

Versão do fórum:
PUNBB

Olá!

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

Código:

.codebox{background:#f5f5f5;border-left:10px solid #C82626;box-shadow:2px 2px 7px gray}.postmain blockquote,.spoiler_content{background-color: white; word-break: break-word; border: 1px solid #DDD; padding: .5em 1em; color: black; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white}

Valide.

Melhores cumprimentos,
Today

Obrigado Today erá exatamente isso que eu estava procurando ^^ realmente muito obrigada Tópico resolvido ^^

poderia me ajudar com está questão?
https://ajuda.forumeiros.com/t73927-como-colocar-efeito-de-sub-foruns