/* -----------------------
Additional
------------------------*/
/* Стиль Цитат в Постах */
.punbb .post-content .quote-box:not(.spoiler-box) {
  border-radius: 8px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

<!--Разделение Ников Активных пользователей в Топике Запятой-->
<script type="text/javascript">
$('#topic-users-in').each(function(){
  $(this).find('a').prev('a').after(',');
});
</script>

<!--Переход к первому непрочитанному сообщ. Картинкой-->
<style>
.newPost>a>img {float:left;margin-right:5px;margin-top:1px;opacity:1.0;}
.newPost>a>img:hover {opacity:.8;}
</style>
<script type="text/javascript">
if($('#pun-viewforum').length) {
  $('td.tcl .tclcon .newtext').each(function(){
    $(this).parent().prepend('<span class="newPost"><a href="#" target="_blank" title="Перейти к первому непрочитанному сообщению темы"><img src="https://forumstatic.ru/files/0014/cf/dd/42490.gif" /></a></span>');
    $(this).parent().find('.newPost>a').attr('href',($(this).find('a').attr('href')));
    $(this).remove();
  });
};
</script>
<!--//End//-Переход к первому непрочитанному сбщ. Картинкой-->

<style>
#Bubble{display:none;}
#Bubble a {
  background-color: #eef3f9;
  padding: 4px 8px;
  border: solid 1px #5176b5;
  border-radius: 3px;
}
</style>
<div id="Bubble"><span><a href="javascript:quote('', 0)">Цитировать</a></span></div>
<script>
var fresh = false;
$('.post').mouseup(function(pos) {
  var idString = $(this).find('.post-content').attr("id");
  var id = idString.substring(1, idString.indexOf('-'));
  var aut = $(this).find('li.pa-author a').text();
  var theSelection = '';
  if (window.getSelection && !$.browser.opera) { theSelection = window.getSelection().toString(); }
  else if (document.getSelection) { theSelection = document.getSelection(); }
  else if (document.selection) { theSelection = document.selection.createRange().text; }
  if (!(theSelection == '' || typeof theSelection == 'undefined' || theSelection == null) && !(fresh))
  {
    $("#Bubble").css({ 'position': 'absolute', 'left': pos.pageX+'px', 'top': pos.pageY+'px', 'display': 'none' });
    $("#Bubble span").html($(this).find("li.pl-quote").html());
    $("#Bubble").fadeIn(200);
    fresh = true;
  }
  else if (fresh)
  { fresh = false; }
});
$('.post').click(function() {
  if (!(fresh)) { $("#Bubble:visible").fadeOut(200); }
});
$('#Bubble span').click(function() {
  $('#Bubble').fadeOut(200);
  fresh = false;
});
</script>

<script type="text/javascript">
$('#topic-users-in').each(function(){
  $(this).find('a').prev('a').after(',');
});
<style>
#Bubble{display:none;}
#Bubble a {
  background-color: #eef3f9;
  padding: 4px 8px;
  border: solid 1px #5176b5;
  border-radius: 3px;
}
</style>
<div id="Bubble"><span><a href="javascript:quote('', 0)">Цитировать</a></span></div>
<script>
var fresh = false;
$('.post').mouseup(function(pos) {
  var idString = $(this).find('.post-content').attr("id");
  var id = idString.substring(1, idString.indexOf('-'));
  var aut = $(this).find('li.pa-author a').text();
  var theSelection = '';
  if (window.getSelection && !$.browser.opera) { theSelection = window.getSelection().toString(); }
  else if (document.getSelection) { theSelection = document.getSelection(); }
  else if (document.selection) { theSelection = document.selection.createRange().text; }
  if (!(theSelection == '' || typeof theSelection == 'undefined' || theSelection == null) && !(fresh))
  {
    $("#Bubble").css({ 'position': 'absolute', 'left': pos.pageX+'px', 'top': pos.pageY+'px', 'display': 'none' });
    $("#Bubble span").html($(this).find("li.pl-quote").html());
    $("#Bubble").fadeIn(200);
    fresh = true;
  }
  else if (fresh)
  { fresh = false; }
});
$('.post').click(function() {
  if (!(fresh)) { $("#Bubble:visible").fadeOut(200); }
});
$('#Bubble span').click(function() {
  $('#Bubble').fadeOut(200);
  fresh = false;
});
</script>
</script>

<script type="text/javascript">
$('#topic-users-in').each(function(){
  $(this).find('a').prev('a').after(',');
});
</script>

<style>
#Bubble{display:none;}
#Bubble a {
  background-color: #eef3f9;
  padding: 4px 8px;
  border: solid 1px #5176b5;
  border-radius: 3px;
}
</style>
<div id="Bubble"><span><a href="javascript:quote('', 0)">Цитировать</a></span></div>
<script>
var fresh = false;
$('.post').mouseup(function(pos) {
  var idString = $(this).find('.post-content').attr("id");
  var id = idString.substring(1, idString.indexOf('-'));
  var aut = $(this).find('li.pa-author a').text();
  var theSelection = '';
  if (window.getSelection && !$.browser.opera) { theSelection = window.getSelection().toString(); }
  else if (document.getSelection) { theSelection = document.getSelection(); }
  else if (document.selection) { theSelection = document.selection.createRange().text; }
  if (!(theSelection == '' || typeof theSelection == 'undefined' || theSelection == null) && !(fresh))
  {
    $("#Bubble").css({ 'position': 'absolute', 'left': pos.pageX+'px', 'top': pos.pageY+'px', 'display': 'none' });
    $("#Bubble span").html($(this).find("li.pl-quote").html());
    $("#Bubble").fadeIn(200);
    fresh = true;
  }
  else if (fresh)
  { fresh = false; }
});
$('.post').click(function() {
  if (!(fresh)) { $("#Bubble:visible").fadeOut(200); }
});
$('#Bubble span').click(function() {
  $('#Bubble').fadeOut(200);
  fresh = false;
});
</script>