Novo Modelo do "Spoiler"

Detalhes da questão

Endereço do fórum: http://lostscavenge.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, espero que quem me atenda esteja bem e já agradeço pelo tempo dedicado a ler este tópico, vamos lá.

A Opção de "Spoiler" no meu fórum, atualmente é ASSIM.
Eu gostaria de deixar mais simples e compacto, pois ocupa muito espaço e muitas das vezes atrapalha.
Editei uma imagem para deixar como supostamente eu gostaria que fosse, EXEMPLO AQUI.

Já aproveitei e peguei algumas informações sobre o modelo editado para ajudar.
Código da Cor: #3793ff ou em RGB (55, 147, 255).
Transparência: 55%.

Gostaria também, se for possível, colocar algum efeito estilo "Mouse Houver" que torne o botão mais claro ao passar o Mouse por cima.

Eu realmente não sei se é possível fazer tudo isso no modelo do meu fórum, se não for irei entender , mas caso seja já disponibilizei as informações necessárias, obrigado desde já.

Olá @ApolloCoder,

Poderia nos indicar um tópico do seu fórum onde haja um "spoiler"?

Fico no aguardo.

Sim, criei um para teste: http://lostscavenge.forumeiros.com/t1084-teste#2675
Outros exemplos: http://lostscavenge.forumeiros.com/t781-tutorial-mercado-negro

Olá novamente!

Obrigado pelos tópicos.
Adicione à sua folha de estilos (CSS):

Código:

dl.codebox.spoiler:before {
    content: none;
}

dl.codebox.spoiler {
    background: none;
    border: none;
}

dl.codebox.spoiler dt {
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    font-size: 0px;
    margin: 0;
    padding-top: 5px;
    background: #3793ff75;
    border-radius: 4px;
    border: 1px solid #65a9f8;
    width: 14%;
}

dl.codebox.spoiler dt:before {
    content: 'MOSTRAR';
    font-size: 15px;
}

.spoiler_content.hidden {
    margin: 5px;
    border: 1px dashed #a3cbfd;
    padding: 5px;
}

Até mais.

Funcionou, ficou ótimo, obrigado pela ajuda

@ApolloCoder,

Só faltou o efeito a passar o mouse. É só adicionar mais esse código:

Código:

dl.codebox.spoiler dt:hover {
    background: #a3cbfdba;
    transition: 0.2s ease;
}

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'