<style>input.spoiler-button{
border:2px solid #DBDBE8!important;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    box-shadow: 0px 2px 8px #AFAFB3;
    -webkit-box-shadow:0px 2px 2px #AFAFB3;
    -khtml-box-shadow:0px 2px 2px #AFAFB3;
    -moz-box-shadow:0px 2px 2px #AFAFB3;
}
.punbb .quote-box.spoiler-box{
    box-shadow:none;
    -webkit-box-shadow:none;
    -khtml-box-shadow:none;
    -moz-box-shadow:none;

    box-shadow: 0px 2px 8px #AFAFB3;
    -webkit-box-shadow:0px 2px 2px #AFAFB3;
    -khtml-box-shadow:0px 2px 2px #AFAFB3;
    -moz-box-shadow:0px 2px 2px #AFAFB3;
}
</style>
<script type="text/javascript">
function tag_spoiler(){
    var y = prompt("Введите текст на кнопке",'');
    if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){
    var x = prompt("Введите текст на закрывающей  кнопке",'');
    if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[*spoiler'+y+']','[/spoiler]'); else bbcode('[*spoiler='+y+'|'+x+']','[/spoiler]');}
    else bbcode('[*spoiler]','[/spoiler]')
}
function addSpoiler(str,from,internal){
    var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open='';
    if((pos=str.indexOf("[*spoiler",from))==-1) return str;
    if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
    if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){
    string = str.substring(pos+9,pos_c);
    if((pos_l = string.indexOf("|"))!=-1){
close = string.substring(0,pos_l);
open = string.substring(pos_l+1,string.length);
    }
    else{
close = string;
open = string;
    }
    }
    else{
close = 'Открыть спойлер';
open = 'Скрыть';
    }
    newpos=str.indexOf("[*spoiler",pos+9)
    if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
    if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
    str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length)
    if( str.indexOf("[*spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false)
    return str;
}

function makeSpoiler(txt,open,close){
    txt='<div class="quote-box spoiler-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:200px;font-size:11px; margin:0;" type="button" value="'+close+'"></cite><blockquote style="display:none;padding:0.4em 1em 1em 1em;border:none 0 transparent!important; width: 90%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
    return txt;
}

$(document).ready(function(){
    $("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote:first").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
    });
});

if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
    elm=document.getElementById("pun-main").getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)
    }
}
if(form=document.getElementById("form-buttons"))
     form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[*spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>