Quero deixar o fundo do code, spoiler e o escondido igual o citar

Qual é minha questão:
Quero deixar o gráfico do code, spoiler e o escondido igual o citar exemplo na imagem abaixo!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Adicione ao Seu CSS:

Código:

.codebox {
background-color: #fff!important;
border: 1px solid #ddd!important;
}

.codebox dt {
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
border: none!important;
border-bottom: 1px solid #E8E8E8;
border-top: 0;
color: #535353;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
text-indent: 25px;
text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.codebox dd {
padding: 10px;
}

.codebox.spoiler:before {
content: 'SPOILER';
float: right;
line-height: 30px;
padding-right: 10px;
}

Repute, se Ajudei!

DeeW. escreveu:Adicione ao Seu CSS:

Código:

.codebox {
background-color: #fff!important;
border: 1px solid #ddd!important;
}

.codebox dt {
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
border: none!important;
border-bottom: 1px solid #E8E8E8;
border-top: 0;
color: #535353;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
text-indent: 25px;
text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.codebox dd {
padding: 10px;
}

.codebox.spoiler:before {
content: 'SPOILER';
float: right;
line-height: 30px;
padding-right: 10px;
}

Repute, se Ajudei!

mano ficou assim o forum!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Troque Por:

Código:

.codebox {
background-color: #fff!important;
border: 1px solid #ddd!important;
}

.codebox dt {
background-color: #F2F2F2;
background-image: url(http://i34.servimg.com/u/f34/16/49/10/98/snapba10.png), url(http://i.imgur.com/iPXDkuF.png);
background-position: 10px center, 0 0;
background-repeat: no-repeat, repeat-x;
border: none!important;
border-bottom: 1px solid #E8E8E8;
border-top: 0;
color: #535353;
font-size: 12px;
font-weight: 700;
padding: 8px 10px;
text-indent: 25px;
text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.codebox dd {
padding: 10px;
background:#fff!important;
}

.codebox.spoiler:before {
content: 'SPOILER';
float: right;
line-height: 30px;
padding-right: 10px;
}

Repute, se Ajudei!

[sucesso=Pedido Resolvido!]Tópico Movido e Bloqueado[/sucesso]