<!--- 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/djbC1n3.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
//Последний элемент без запятой;
]; 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;
  
  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;
}  

</style>



<!-- 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 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 - 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>

<!-- Проверка орфографии в сообщении (начало) -->
<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>

<!-- Форумы в две колонки на главной. © Kolobdur -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/000e/14/cc/87792.css">
<!-- Настройки форумов в две колонки на главной. © Kolobdur -->
<style>
@media screen and (min-width: 1080px) {
/* Раскомментировать, если надо спрятать верхний бордюр у второго форума 
#pun-index #pun-main tbody tr:nth-child(2) td {border-top: none 0 transparent;}
*/
 
/* Раскомментировать если надо уменьшить thead
#pun-index #pun-main thead tr {
  grid-template-rows: 0;
  z-index: -1;
}
*/
 
/* Фон, цвет текста, размер текста, шрифт всплывающего при наведении блока Тем Сообщений */
#pun #pun-index #pun-main td.tcl:hover ~ .tc2, #pun #pun-index #pun-main td.tcl:hover ~ .tc3 {  
  background: #eee;
  font-size: 12px;
  color: black;
  font-family: serif, use-lang-def;
  font-weight: 400;
}
}
</style>

#navextra1 {
    display: inline-block !important;
}