несоместимы скрипты увеличения картинок и окраски поста
окраска работает в посте а потом увеличенеи в нём - нет
без окраски поста работает увеличение
<!--Окраска поста-->
<style type="text/css">.black .container .post-body, .black .container .post-body .post-box {background-color: #000000; border-left: 20px solid #000000 !important; }
#pun-main .black .post .container, #pun #pun-viewtopic #pun-main .topic .black .container {background-color: #000000; }.black .post-author, #pun-viewtopic #pun-main .topic .black .container .post-author ul {background-color: #000000 !important; }
.black .post-content {
color: #c8c8cf;
background-color: #000000;
padding-top: 160px !important;
padding-bottom: 120px !important;
}
.post-body .black .post-box p a {color: #5787F6;}
</style><script>
$(function(){
$('#post input[value="Дополнительные смайлы"][onclick]').after(' ..... <input type="button" value="]]Черный фон[[" onclick="smile(\'[black]\')"/>');
$('.post:contains("[black]")').addClass('black').html(function(){return $(this).html().replace(/\[black\]/gim,'')})});
</script>
<!-- Развертывание картинок -->
<script type="text/javascript">
function postimgOnhover (img) {if (img.offsetWidth != 0 && img.naturalWidth > img.offsetWidth) {
img.style.cursor = 'zoom-in'; img.onclick = function () {
var imgHeight = img.naturalHeight, winHeight = window.innerHeight; var topShift = (winHeight>imgHeight ? (winHeight-imgHeight)/2 : 0);
$('body').append('<div class="lightbox" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); overflow: auto; text-align: center; z-index: 1000;">' + '<img class="lightimg" src="' + img.src + '" onclick="this.parentNode.remove()" style="position: relative; top: ' + topShift + 'px; cursor: zoom-out;">' + '</div>');}}}
var postimges = document.getElementsByClassName('postimg');
for (var i=0; i<postimges.length; i++) {postimges[i].onmouseover = function () {postimgOnhover (this)};}
</script><!-- Развертывание картинок (END) -->
