Qual é minha questão:
Eu gostaria de saber como mudar a cor do fundo da caixa de spoiler, pois o fundo do meu forum é preto e a caixa de spoiler é branca logo fica uma linha branca no meio do post, alguem poderia me dizer como fazer a caixa de spoiler ficar preta e o texto vermelho ?

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

Versão do fórum:
INVISION

<div>Saudações! <img src="https://2img.net/u/2612/28/77/07/smiles/274593.gif" alt="Muito feliz" longdesc="1" class="" style="display:inline"><br><br><strong><font color="darkblue">Aceda à "Folha de estilo CSS":</font></strong><br><strong>Painel de Controle  <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Visualização  <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Imagens e cores  <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Cores  <img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline">  Folha de estilo CSS</strong><br><br><strong>Código:</strong><br><dl class="codebox"><dt>Código:<a href="#" style="float:right;margin-right:5px" onclick="selectCode(this);return false">Selecionar conteúdo</a></dt><dd><code class="highlight prettyprint lang-null linenums theme-balupton prettyprint-has" style="overflow: auto; white-space: normal; max-height: 500px;"><ol class="linenums"><li class="L0"><span class="pun">.</span><span class="pln">spoiler dt </span><span class="pun">{</span><span class="pln"></span><br></li><li class="L1"><span class="pln">background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L2"><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L3"><span class="pln">border</span><span class="pun">:</span><span class="pln"> </span><span class="lit">1px</span><span class="pln"> solid rgba</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">,</span><span class="pln"> </span><span class="lit">0.64</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L4"><span class="pln">border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2px</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L5"><span class="pln"></span><span class="pun">}</span><span class="pln"></span><br></li><li class="L6"><span class="pln"></span><span class="pun">.</span><span class="pln">spoiler dd </span><span class="pun">{</span><span class="pln"></span><br></li><li class="L7"><span class="pln">background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">,</span><span class="pln"> </span><span class="lit">48</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L8"><span class="pln">color</span><span class="pun">:</span><span class="pln"> rgb</span><span class="pun">(</span><span class="lit">190</span><span class="pun">,</span><span class="pln"> </span><span class="lit">131</span><span class="pun">,</span><span class="pln"> </span><span class="lit">4</span><span class="pun">)</span><span class="pln"> </span><span class="pun">!</span><span class="pln">important</span><span class="pun">;</span><span class="pln"></span><br></li><li class="L9"><span class="pln"></span><span class="pun">}</span></li></ol></code></dd></dl><br><br><img src="https://2img.net/u/2612/28/77/07/smiles/633772.png" alt="Seta" longdesc="71" class="" style="display:inline"> <strong>Coloque no inicio de teu CSS. <img src="https://2img.net/u/2612/28/77/07/smiles/426228.gif" alt="Piscada" longdesc="14" class="" style="display:inline"></strong><br><br><strong><u>Salve.</u></strong><br><br>Até mais.<br><strong>Nikéé</strong></div>

Pode simplificar o texto ?

Olá,

Utilize este:

Código:

.spoiler {
background-color: #000;
border-bottom: 1px dotted #000;
border-left: 5px solid #000;
border-right: 1px dotted #000000;
border-top: 1px dotted #050505;
}
spoiler dt {
background-color: #3A3A3A!important;
border: 1px solid rgba(255, 255, 255, 0.64)!important;
color: #FFFFFF!important;
}

Adicionar em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / Folha de estilo CSS

Valide.

Até mais!

Problema resolvido mt obrigado.