<!--Спойлер-->
<style type="text/css"> /*Спойлер */
    .punbb .quote-box.spoiler-box{
    border:#ccc 1px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    }
    
    .post-content .spoiler-box > div {
    background: url(Ссылка на картинку для закрытого спойлера) 0% 4px no-repeat transparent;
    padding-left: 18px;
    }
    .post-content .spoiler-box > div.Active { 
    background: url(ссылка на картинку для открытого спойлера) 0% 4px no-repeat transparent;
    padding-left: 18px;
    }
    .post-content .spoiler-box > blockquote.visible { 
    display: none;}.punbb .spoiler-box blockquote {
    min-width: 100%!important;
    }

    .post-content .spoiler-box span.hide{
    display:none;
    }

    #button-spoiler {
    background: url('https://forumstatic.ru/files/0010/f3/da/39188.gif') no-repeat center !important;
    }
</style>
<script type="text/javascript">
function tag_spolierr(){
var enterTITLE = prompt("Введите описание спойлера", 'Спойлер');
var enterTITLE2 = 'Закрыть';
bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');
}
</script>
<script type="text/javascript">
$(document).ready(function(){
a='<img onclick="tag_spolierr()" title="spoiler" src="/i/blank.gif"/>'
$("#form-buttons td#button-spoiler img").replaceWith(a);
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html('<p type=text style="margin:0 0 -6px 0;">'+$(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')+'</p>')
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").live("click", function(){
  $(this).toggleClass("Active")
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>
<!-- Правки для спойлера сервиса НТML верх-->