<!--Обрамление Цитат v2 -->
<style>
.punbb .post-content blockcode,
.punbb .post-content blockquote,
.punbb .post-content .quote-box,
.punbb .post-content .quote-box,
.punbb .post-content .code-box{
border-color:transparent;
background-color:transparent;
}

.Myq_te_2,.Myq_te_1,.Myq_te_0{
border-collapse:collapse;
/*border:1px solid red;*/
padding:0;
margin:0;
}
.Myq_te_0{padding:27px 2px;}

.Myq_te_0{
background-image:url(http://savepic.org/2282909.png);
background-position:top center;
background-repeat:no-repeat;
}
.Myq_te_1{
background-image:url(http://savepic.org/2267549.png);
background-position:bottom center;
background-repeat:no-repeat;
}
.Myq_te_2{
background-image:url(http://savepic.org/2261405.png);
background-position:center;
background-repeat:repeat-y;
}
.punbb .post-content .quote-box .quote-box,
.punbb .post-content .quote-box .code-box{
background-color:#F0F0F0!important;
border:2px #E3E3E3 dashed!important;
}
</style>
<script>
$(".quote-box,.code-box").each(function () {
if(!$(this).parents().hasClass("quote-box","code-box")){
$(this).wrap('<div class=Myq_te_2><div class=Myq_te_1><div class=Myq_te_0></div></div></div>')
}
});
</script><!-- Обрамление Цитат v2-->

Ширина картинки = ширина блока цитаты +2*(на отступ слево-справо

*Поскольку код не обрамляет встроенных цитат(и блоков Код)  в цитате

Для Выделения таких цитат и блоков  введён добавочный код(cм. нижнию часть стиля цитаты скрипта):

.punbb .post-content .quote-box .quote-box,
.punbb .post-content .quote-box .code-box{
background-color:#F0F0F0!important;
border:2px #E3E3E3 dashed!important;
}

(*Красным Ваши значения...
(*Можно добавить сюда и скругления внутренних цитат

В Принципе, весь стиль цитаты этого Скрипта можно перенести в самый конец второго, лучше даже: -в самый конец Первого Окна стиля без тегов <style>