/* Иконки форумов одной картинкой */
div.icon {
  display: inline-block;
  width: 36px !important;
  height: 28px !important;
  background-image: url([color=green]https://forumstatic.ru/files/0007/af/57/44444.png[/color]);
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* Обычная открытая тема - Есть новые сообщения */
.inew .icon {
  background-position: -36px 0;
}

/* Обычная закрытая тема - Нет новых сообщений */
.iclosed .icon {
  background-position: -74px 0;
}

/* Обычная закрытая тема - Есть новые сообщения */
.inew.iclosed .icon {
  background-position: -108px 0;
}

/* Важная открытая тема - Нет новых сообщений */
.isticky .icon {
  background-position: -144px 0;
}

/* Важная открытая тема - Есть новые сообщения */
.inew.isticky .icon {
  background-position: -180px 0;
}

/* Важная закрытая тема - Нет новых сообщений */
.isticky.iclosed .icon {
  background-position: -216px 0;
}

/* Важная закрытая тема - Есть новые сообщения */
.inew.isticky.iclosed .icon {
  background-position: -252px 0;
}

<!-- Случайный вывод текста после обновления страницы с анимацией -->
<style type="text/css">
#info-randomly {
  position: relative;
  overflow: hidden;
  height: auto;
  width: auto;
}
#info-randomly div {
  display: none;
  animation: 15s slidein;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
 
  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>
 
<div id="info-randomly">
<div>
Текст 1
</div>
<div>
Текст 2
</div>
<div>
Текст 3
</div>
<div>
Текст 4
</div>
<div>
Текст 5
</div>
<div>
Текст 6
</div>
</div>
 
<script>
$(function() {
  var n = 1, divs = $('#info-randomly div').get();
  for ( ; n--; )  {
  $(divs.splice(Math.random()*divs.length|0,1)).prependTo('#info-randomly').show();
  }
});
 </script>

<!--- Portal -->
<script>
var portal = '/pages/portal';
var url = document.URL.split('#')[0];
if((url+'%a').split('/%')[1]=='a')location.href=portal;
$(document).ready(function(){
  var a = $('#pun-navlinks #navindex a')[0];
  a.href = a.href+'=&forum'
 
})
;
</script>
<!--- Portal (end)-->

<!-- Change crumbs -->
<script type="text/javascript">
$(function () {
   $('.container.crumbs a[href="https://jazzup.mybb.ru/"] ').each(function () {
   this.href='https://jazzup.mybb.ru/=&forum';
});});
</script>
<!-- Forum icon -->
<style>
  @media screen and (max-width: 540px){
#pun-navlinks .container li#navindex a {

    background: url('https://i.imgur.com/s5YYY9x.png') rgba(0, 0, 0, 0.4) no-repeat 50% 5px!important;
    background-size: 76% auto!important;
}
</style>
<!-- Forum icon (end) -->
<!--- Cлучайная картинка в Шапке в HTML верх-->
<script type="text/javascript">
(function (){var img = [

"https://i.imgur.com/Jq8o6kS.gif", //multilang gif
"https://i.imgur.com/0g0RXEe.gif", //ice_animated
"https://i.imgur.com/z0BuRmJ.png", //AZ_Oly
"https://i.imgur.com/VO7HKWZ.png", //Mai black
"https://i.imgur.com/C5LhGYz.png", //POTO
"https://i.imgur.com/JvKCYvT.png", //Mai green1
"https://i.imgur.com/dphVD4L.png", //Mai green2
"https://i.imgur.com/R9yioMj.png", //DQ1
"https://i.imgur.com/psIZ4Mk.png", //DQ2
"https://i.imgur.com/hBboWwm.png", //BS1
"https://i.imgur.com/UtKRNhv.png", //Maya
"https://i.imgur.com/17md87D.png", //Anya
"https://i.imgur.com/fcpSXF4.png", //Alina+Shoma
"https://i.imgur.com/EnyJf8H.png", //TM
"https://i.imgur.com/ARI08fR.png", //Cleo4
"https://i.imgur.com/ct083Da.png", //TJ1
"https://i.imgur.com/pFi0n76.png", //TJ2
"https://i.imgur.com/qLZehXA.png", //Esme1
"https://i.imgur.com/UJw6GSF.png", //Esme2
"https://i.imgur.com/vXUFhx1.png", //LK1
"https://i.imgur.com/UcYwASl.png", //DQ5
"https://i.imgur.com/YFJ1xss.png", //DQ6
"https://i.imgur.com/8OxrWBx.png", //MeVoy2
"https://i.imgur.com/54a55Fi.png", //MeVoy3
"https://i.imgur.com/xcjyLwm.png", //MG1
"https://i.imgur.com/i2hMH1v.png", //LK2
"https://i.imgur.com/aBtpQqa.png", //Esme3
"https://i.imgur.com/8jz5Ixw.png", //Alina+Yuzuru
"https://i.imgur.com/zlR02OY.png", //Cleo5
"https://i.imgur.com/y1krWgd.png", //DQ4
"https://i.imgur.com/TldpBrB.png", //MeVoy6
"https://i.imgur.com/s9M6fNc.png", //MeVoy7
"https://i.imgur.com/B0hHXPC.png", //MeVoy8
"https://i.imgur.com/DoejGS5.png", //Alina+Yuzuru2
"https://i.imgur.com/MIjZxhz.gif", //InnerLight1
"https://i.imgur.com/RiwrHPQ.png", //SK1
"https://i.imgur.com/Wz8Z66u.png", //SK2
"https://i.imgur.com/i6Fofe7.png", //SB1
"https://i.imgur.com/hp0sDge.png", //Maya2
"https://i.imgur.com/0qWQDgS.png", //POTO2
"https://i.imgur.com/r5XlFyH.png", //POTO3
"https://i.imgur.com/rPqlVcG.png" //AZ_Life1
//Последний элемент без запятой;
]; var i= Math.floor(Math.random()*( img.length));
$('<img src="'+img[i]+'" width="100%">').prependTo($('body'));
}());
</script>

<style>

#pun-title {
display:none;
    
}

#pun-title h1 {
  display:none;
  height: 0px;
  margin: -1px 0px 0px -1px;
  } 
  
  #pun {
    margin: 0 auto 18px auto;

  }

#pun-navlinks {
  position: relative !important;
  height: 40px;
  /*top: 105px;*/

  width: 100%; 
  margin: -70px 0 -30px;
  background: #479F9F; rgba(0,0,0,0.4);
  text-align:center;
  border-radius: 3px;
  -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
  -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
  -khtml-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
  box-shadow: inset rgba(0,0,0,0.6) 0px 1px 5px, rgba(255,255,255,0.08) 0px -1px 0px, rgba(0,0,0,0.3) 0px 1px 4px;
  }

#pun-navlinks .container {
  background-color: transparent;
  color: #fff;
  height: 40px;
  font-weight: bold;
  text-align: left;
  position: relative;
  left: 10px;
    
}

@media screen and (max-width: 540px) {
    #pun-title {
      height: 130px;
      top:0px;
    border: none;
    width: 100% auto;
    background-size: 100% auto;
    background-color: #0000;
}
    #pun-navlinks {
      top: 5px;
}    
    #pun {
      margin: 50px;
}  
#navrules, #navextra1 {
    display: inline-block !important;
}
}


</style>
<!--- Cлучайная картинка в Шапке в HTML верх (end) -->

<!-- round edges for quotes/spoilers -->
<style>
    .punbb .quote-box, .punbb .code-box {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    -webkit-box-shadow:0px 5px 5px #000;
    -khtml-box-shadow:0px 5px 5px #000;
    -moz-box-shadow:0px 5px 5px #000;
    box-shadow: 0px 5px 5px #000;

    }
</style>
<!-- round edges for quotes/spoilers (end) -->

<!-- round edges for forums - right field -->
<style>.punbb .main .tcr,  .punbb .main .tcl, .punbb .main .tc2
    {
    overflow: hidden;
    text-align: left;
    width: auto;
    background-color:none; /*Фон*/
  box-shadow:inset 0 0 1em rgba(83,129,181,.7);  /*Объёмная тень внутри*/
  border-radius:5px; /*Скругления*/
  border-width:5px 0 5px 0; /*Ширина бордеров сверху- снизу*/
  border-style:solid none solid none; /*Цвет бордеров*/
  border-color:none;
  padding:12px; /* Отступ от краёв */
}
</style>
<!-- round edges for forums - right field (end) -->

<!-- round edges for forums - posts field -->
<style>.punbb .main .tc3 {
    overflow: hidden;
    text-align: center;
    width: 5%;
    background-color:none; /*Фон*/
  box-shadow:inset 0 0 1em rgba(83,129,181,.7);  /*Объёмная тень внутри*/
  border-radius:5px; /*Скругления*/
  border-width:5px 0 5px 0; /*Ширина бордеров сверху- снизу*/
  border-style:solid none solid none; /*Цвет бордеров*/
  border-color:none;
  padding:12px; /* Отступ от краёв */
}
</style>
<!-- round edges for forums - posts field (end) -->

<!-- Проверка орфографии в сообщении (начало) -->
<style type="text/css">
td#button-spellcheck; {background:url('https://i.imgur.com/BJs2MPu.png') no-repeat center !important;}
</style>
 
<script type="text/javascript">
FORUM.set('editor.spellcheck', {name:'Spellcheck',onclick:function(){orfo_test()}});
 
function orfo_test(){
var txt=$('#main-reply').val();
if(txt=='') return false;
 $.ajax({
   type: "GET",
   url: "http://speller.yandex.net/services/spellservice.json/checkText",
   dataType: "jsonp",
   data: "text="+encodeURIComponent(txt)+"&lang=ru",
   success: function(msg){
     var i=msg.length;
     while(i--)if(msg[i].s!='')txt=txt.replace(msg[i].word,msg[i].s);
     $('#main-reply').val(txt);
   }
 });
}
</script>
<!-- Проверка орфографии в сообщении (конец) -->

<!--Кнопка Вверх-->
<a href="#" class="scrollup" title="Наверх">Наверх</a>
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if($(this).scrollTop()>100){$('.scrollup').fadeIn();}else{$('.scrollup').fadeOut();}
});$('.scrollup').click(function(){
$("html, body").animate({scrollTop:0},600);
return false;});});
</script><style>
.scrollup{
width:31px;
height:30px;
position:fixed;
bottom:30px;
right:35px;
display:none;
text-indent:-9999px;
background:rgba(0,0,0,0.35) url(/files/0014/ef/99/34838.png) 7px 10px no-repeat;
background-size:17px;
transition:background-color 1s linear,transform 1s linear,opacity 0s linear!important;
border-radius:50%;
-moz-border-radius:50%;
z-index: 99999;
}
.scrollup:hover{
background-color:rgba(0,0,0,0.85);
transition:background-color 1s linear,transform 1s linear,opacity 0 linear!important;
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
</style>
<!-- Кнопка Вверх (end) -->

<style>/* Ссылка "Поделиться" иконкой */
.post {
  position: relative;
}
.post a.sharelink {
  top: 20px;     /* Позиция сверху сообщения */
  right: 1em;   /* Позиция справа сообщения */
  background: url(https://forumstatic.ru/files/0007/af/57/25552.png) no-repeat center; /* Картинка на иконку */
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  border: 0!important;
  margin: 0!important;
  float: none!important;
  z-index: 5;
  text-indent: -9999px;
  text-decoration: none!important;
  border: none !important;
  outline: none;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
}
.post:hover .sharelink {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}
.post a.sharelink:hover::before {
  content: "Поделиться";
  position: absolute;
  display: block;
  top: -3px;
  right: 24px;
  height: 14px;
  font-size: 90%;
  color: #fff;
  white-space: nowrap;
  line-height: 14px;
  font-style: normal;
  text-indent: 0px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.post a.sharelink:hover::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  right: 14px;
  border: 5px solid;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}</style>


<style>/* Вертикальное меню в профиле и сообщениях */
#profile > .container {
  padding: 1em 1em 1em 0 !important;
}
#profilenav {
  float: left;
  display: inline-block;
  width: 42px;
  margin: 0 1em 0;
  z-index: 10;
}
#profilenav ul, #profilenav li {
  padding: 0;
  margin: 0;
}
#profilenav h2 {
  display: none;
}
#profilenav ul {
  border: 1px solid #dbdbdb;
  background: #ebebeb;
  margin-bottom: 1em;
  width: 42px;
}
#profilenav ul li {
  border-bottom: 1px solid #dbdbdb;
}
#profilenav ul li:last-child {
  border-bottom: 0;
}
#profilenav li a {
  display: block;
  height: 0;
  width: 0;
  padding: 21px;
  color: transparent;
  text-decoration: none !important;
  text-indent: -9999px;
  z-index: 1;
  border-radius: 0;
  box-shadow: none;
}
#profilenav li a:hover {
  line-height: 0;
  padding-left: 50px;
}
#profilenav li a:hover, #nav-standard li a:hover, #pun-adnav li a:hover {
  text-decoration: none !important;
}
#profilenav ul li a:hover {
  position: relative;
  padding-right: 120px;
  color: #fff;
  text-indent: 0;
}
#pun-profile #profilenav ul li a, #pun-messages #profilenav ul li a {
  background-repeat: no-repeat;
}

/* Цвет при наведении и активного пункта */
#profilenav li.isactive a, #profilenav ul li a:hover {
  background-color: #479F9F;
  box-shadow: none;
  border: 0;
}
/* Спрайт для Профиль */
#pun-profile #profilenav ul li a {
  background-image: url(https://forumstatic.ru/files/0007/af/57/65555.png);
}
/* Спрайт для Сообщения */
#pun-messages #profilenav ul li a {
  background-image: url(https://forumstatic.ru/files/0007/af/57/55565.png);
}

/* Входящие / Просмотр */
#pun-messages #profilenav ul .item1 a {
  background-position: 0 0;
}
#pun-profile #profilenav ul .view a:hover, #pun-profile #profilenav ul .view.isactive a, #pun-messages #profilenav ul .item1.isactive a, #pun-messages #profilenav ul .item1 a:hover {
  background-position: -42px 0;
}
/* -- */
/* Отправленные */
#pun-messages #profilenav ul .item2 a {
  background-position: 0 -42px;
}
#pun-messages #profilenav ul .item2.isactive a, #pun-messages #profilenav ul .item2 a:hover {
  background-position: -42px -42px;
}
/* -- */
/* Новое сообщение */
#pun-messages #profilenav ul:last-child .item1 a {
  background-position: 0 -84px;
}
#pun-messages #profilenav ul:last-child .item1.isactive a, #pun-messages #profilenav ul:last-child .item1 a:hover {
  background-position: -42px -84px;
}
/* -- */
/* Статус / Аватар */
#pun-messages #profilenav ul:last-child .item2 a {
  background-position: 0 -126px;
}
#pun-messages #profilenav ul:last-child .item2.isactive a, #pun-messages #profilenav ul:last-child .item2 a:hover {
  background-position: -42px -126px;
}
/* -- */
/* Всё прочитано */
#pun-messages #profilenav ul:last-child .item3 a {
  background-position: 0 -168px;
}
#pun-messages #profilenav ul:last-child .item3.isactive a, #pun-messages #profilenav ul:last-child .item3 a:hover {
  background-position: -42px -168px;
}
/* -- */
/* Очистить папку */
#pun-messages #profilenav ul:last-child .item4 a {
  background-position: 0 -210px;
}
#pun-messages #profilenav ul:last-child .item4.isactive a, #pun-messages #profilenav ul:last-child .item4 a:hover {
  background-position: -42px -210px;
}
/* -- */
/* - Начало Профиль - */
/* Основной */
#pun-profile #profilenav ul .item1 a {
  background-position: 0 -42px;
}
#pun-profile #profilenav ul .item1 a:hover, #pun-profile #profilenav ul .item1.isactive a {
  background-position: -42px -42px;
}
/* -- */
/* Персональный */
#pun-profile #profilenav ul .item2 a {
  background-position: 0 -84px;
}
#pun-profile #profilenav ul .item2 a:hover, #pun-profile #profilenav ul .item2.isactive a {
  background-position: -42px -84px;
}
/* -- */
/* Общения */
#pun-profile #profilenav ul .item3 a {
  background-position: 0 -126px;
}
#pun-profile #profilenav ul .item3 a:hover, #pun-profile #profilenav ul .item3.isactive a {
  background-position: -42px -126px;
}
/* -- */
/* Аватар */
#pun-profile #profilenav ul .item4 a {
  background-position: 0 -168px;
}
#pun-profile #profilenav ul .item4 a:hover, #pun-profile #profilenav ul .item4.isactive a {
  background-position: -42px -168px;
}
/* -- */
/* Подпись */
#pun-profile #profilenav ul .item5 a {
  background-position: 0 -210px;
}
#pun-profile #profilenav ul .item5 a:hover, #pun-profile #profilenav ul .item5.isactive a {
  background-position: -42px -210px;
}
/* -- */
/* Отображения */
#pun-profile #profilenav ul .item6 a {
  background-position: 0 -252px;
}
#pun-profile #profilenav ul .item6 a:hover, #pun-profile #profilenav ul .item6.isactive a {
  background-position: -42px -252px;
}
/* -- */
/* Приватность */
#pun-profile #profilenav ul .item7 a {
  background-position: 0 -294px;
}
#pun-profile #profilenav ul .item7 a:hover, #pun-profile #profilenav ul .item7.isactive a {
  background-position: -42px -294px;
}
/* -- */
/* Дополнительно */
#pun-profile #profilenav ul .item8 a {
  background-position: 0 -336px;
}
#pun-profile #profilenav ul .item8 a:hover, #pun-profile #profilenav ul .item8.isactive a {
  background-position: -42px -336px;
}
/* -- */
/* Приглашения */
#pun-profile #profilenav ul .item9 a {
  background-position: 0 -378px;
}
#pun-profile #profilenav ul .item9 a:hover, #pun-profile #profilenav ul .item9.isactive a {
  background-position: -42px -378px;
}
/* -- */
/* Загрузки */
#pun-profile #profilenav ul .item10 a {
  background-position: 0 -420px;
}
#pun-profile #profilenav ul .item10 a:hover, #pun-profile #profilenav ul .item10.isactive a {
  background-position: -42px -420px;
}
/* -- */
/* Управление */
#pun-profile #profilenav ul .item11 a {
  background-position: 0 -462px;
}
#pun-profile #profilenav ul .item11 a:hover, #pun-profile #profilenav ul .item11.isactive a {
  background-position: -42px -462px;
}
/* -- */
/* - Конец Профиль - */</style>

<!-- Profile style -->
<style>#profile-left {
  width: 20% !important;
}
#profile-left li {
  text-align: center;
  margin: 0 !important;
}
#viewprofile li strong, #profile-left li div {
  background: transparent !important;
}
#profile-left #profile-name strong, #profile-left #profile-title strong {
  color: #000 !important;
}
#profile-left #profile-name {
  background: #479F9F;
  border-bottom: 1px solid #3c7958;
}
#viewprofile li strong {
  display: block;
  font-weight: 400 !important;
  padding: 6px 1em;
}
#profile-left #profile-title {
  background-color: #CCECE9;
  border-top: 1px solid #56ab7e;
}
#profile-left li img {
  background: #fff;
  margin-top: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#profile-left li:nth-child(3) {
  background: #eff7f3;
  border-top: 1px solid #3c7958;
}
#profile-left li:last-child {
  background: #eff7f3;
  border-bottom: 4px solid #4c9b72;
}
#profile-right {
  position: relative;
  right: -4px;
}
#profile-right li {
  display: inline-block !important;
  background: #f5f5f5;
  border-left: 4px solid #eee;
  margin-bottom: 4px !important;
  padding: 0 !important;
  width: 32% !important;
}
#viewprofile li span {
  float: none !important;
  display: inline-block;
  font-weight: 700;
  padding: 10px 10px 5px;
  margin: 0 0 10px;
}
#profile-right li strong {
  font-size: 16px;
  line-height: 1.1;
  padding: 0 10px 10px !important;
}
#profile-right li strong a {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  color: #292929;
  font-size: 13px;
}</style>
<!-- Profile style (end) -->

<!-- Delete, Edit, Quote icons in post -->
<style type="text/css">
.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -18em;
    margin-bottom: 10px;
    background: transparent;
    text-align: right;
}
/* "Удалить" */
   
li.pl-delete a { content: url(https://i.imgur.com/8ER8ITs.png);} 
li.pl-delete a:hover { content: url(https://i.imgur.com/mIjcvLu.png);}

/* "Редактировать" */
li.pl-edit a { content: url(https://i.imgur.com/Fd4DFSM.png); }
li.pl-edit a:hover { content: url(https://i.imgur.com/70EjZxu.png); }

/* "Цитировать" */
li.pl-quote a { content: url(https://i.imgur.com/AxR2IpJ.png); }
li.pl-quote a:hover { content: url(https://i.imgur.com/UwHzvrD.png); }

</style>
<!-- Delete, Edit, Quote icons in post (end) -->
<style>
#BookmCntToggle {
   background: url(https://i.imgur.com/862i2sT.png) center center no-repeat !important;
  
}</style>

<!-- картинки слева от названия категории -->
<style>
.punbb #pun-main div.catleft {
display: inline-block;
height: 40px; /* высота картинки */
width: 40px; /* ширина картинки */
margin: 0 10px 0;
}
.punbb #pun-main .category-1 div.catleft {background: #fff url(https://i.imgur.com/1mGKrW2.png) no-repeat top center;} /* ссылка на картинку первой категории */
.punbb #pun-main .category-2 div.catleft {background: #fff url(https://i.imgur.com/Zs68mD4.jpg) no-repeat top center;} /* ссылка на картинку второй категории */
.punbb #pun-main .category-3 div.catleft {background: #fff url(https://i.imgur.com/eGTWl0I.jpg) no-repeat top center;} /* ссылка на картинку третьей категории */    
</style><!-- картинки слева от названия категории (end) -->
 
<!-- Topic preview -->
    <style type="text/css">
    #modal-m {width: 250px; height: 155px; background: #eee; box-shadow: 0 0 8px #777; opacity: 0.9; position: absolute; border-left: 10px solid #80c3f4; padding: 10px;margin: 30px auto 0 160px;}
    #modal-m span {display: block; font-family: verdana;}
    .name-author {width: 100%; height: 14px; margin-bottom: 15px; color: #05a1f0;}
    .p-messages {height: 120px; color: #555; max-height: 120px; overflow: hidden; margin-bottom: 10px;}
    .p-messages img {max-height: 60px;}</style>
<!-- Topic preview (end) -->