Аномалии, 21+

текст который я не хочу придумывать на ходу поэтому напишу о том как не хочу придумывать текст на ходу

the things

back.png

#body

flood and posts fuckers name name name name
x
LOVE
name surname

здесь, в материнском ложе мха и тины, не так много вещей напоминают о доме — этот стол и густо насаженные неоновые вывески во французском квартале, расцветающие с приходом сумерек. в казино, которым владеет ...

x
you saw it too, right?
x
NO

    гром и молния

    Объявление

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.


    Вы здесь » гром и молния » Kiss the goat » диз полки


    диз полки

    Сообщений 1 страница 4 из 4

    1

    хтмл верх

    Код:
    <!---------------------------— плашки ---------------------------->
    <plashki><center>
    <div class="plashka"><a href="https://funeralrave.ru/viewtopic.php?id=22&p=4#p849331">нахжопен</a></div>
    <div class="plashka"><a href="ссылка">!!!!!!!!!!</a></div>
    <br><br>
    <br>
    </center></plashki>
    
    <!---------------------------— актив ---------------------------->
    <active><a href="http://funeralrave.ru/profile.php?id=576">саня</a> /
    <a href="https://funeralrave.ru/profile.php?id=280">дебс</a> /
    <a href="http://funeralrave.ru/profile.php?id=939">джим</a></active>
    <!---------------------------— постописцы ---------------------------->
    <posts><a href="http://funeralrave.ru/profile.php?id=27" title='3 (4) поста'>макс</a> /
    <a href="http://funeralrave.ru/profile.php?id=722" title='2 поста'>рубен</a> /
    <a href="https://funeralrave.ru/profile.php?id=853" title='2 поста'>серси</a> </posts>
    <!---------------------------— пост ---------------------------->
    <post><a href="https://funeralrave.ru/viewtopic.php?id=4577#p861959" title='дрочить'>нестле</a> </post>
    <!---------------------------— эпизод ---------------------------->
    <episode><a href="https://funeralrave.ru/viewtopic.php?id=4389#p833003" title='подглядывать'>ain't gonna keep</a> </episode>
    
    <!---------------------------— цитаты 1 ---------------------------->
    <quiteleft><div class="quite">
    <b>вив</b>: Мюнхен поблескивает острием ножа в тяжелой руке брата; Мюнхен готов в очередной раз щекотливо пройтись вдоль позвонков, едва-едва касаясь, пробежаться по ребрам, чтобы мягко вспороть ей живот.
    </div></quiteleft>
    
    <!---------------------------— цитаты 2 ---------------------------->
    <quiteright><div class="quite">
    <b>лис:</b> оставляю отпечаток ладони на коже груди сандера — по линии моей жизни его пульс ударяет и та сокращается.
    <br>
    </div></quiteright>
    
    <div style="position: absolute;
        width: 50px;
        height: 50px;
            margin: 180px 6px 0px 436px!important;">
    <img src='https://forumstatic.ru/files/001a/e2/69/94089.gif' />
    </div>
    
    <div style="position: absolute;
        width: 50px;
        height: 50px;
        margin: 202px 6px 0px 694px!important;">
    <img src='https://forumstatic.ru/files/001a/e2/69/87016.gif' />
    </div>
    
    
    <!---------------------------— инфо ---------------------------->
    
    
    <!--плашки-->
    
    <div class="rose">
    <a href="https://funeralrave.ru/viewforum.php?id=31" title="роза ветров" ><img src="https://forumstatic.ru/files/001a/e2/69/82551.png"></a>
    </div>
    
    <div class="playlist1">
    <a href="https://funeralrave.ru/viewtopic.php?id=3525#p853285" title="плейлист" ><img src="https://forumstatic.ru/files/001a/e2/69/82754.png"></a>
    </div>
    
    <! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] --> 
    <script type="text/javascript" src="https://forumstatic.ru/files/001b/2a/d2/52849.js"></script>
    <div class="spirit-navigation2" id="navig-batton2" title="навигация">для граждан</div>
    <div id="navigblock2" style="display:none"><div class="sslka2">
    <!-- важные ссылки -->
    <a href="https://funeralrave.ru/viewtopic.php?id=4307">книга рун</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=20&p=2">счетчик постов</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=2876">достижения</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=3599">горячая линия</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=2875">заказать плашку</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=482">заказать цитату</a> 
    <a href="https://funeralrave.ru/mod/foundation">фонд форума</a> 
    </div></div>
    
    
    
    <! -- скрипт навигации выпадающим окном [основа скрипт вкладок http://imagiart.ru/, переработка вещего духа] --> 
    <script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
    <div class="spirit-navigation" id="navig-batton" title="навигация">для туристов</div>
    <div id="navigblock" style="display:none"><div class="sslka">
    <!-- важные ссылки -->
    <a href="https://funeralrave.ru/viewtopic.php?id=2">сюжет</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=3">твари</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=5">мифология</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=6">путеводитель</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=566">объединения</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=8#p29">внешности и имена</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=7">правила</a> 
    <a href="https://funeralrave.ru/viewtopic.php?id=17">faq</a> 
    
    </div></div>
    
    <!-- джамп панель-->
    <div id="slideout">
    <img src="https://i.imgur.com/i9UEawo.png">
    <div id="slideout_inner"><div id="slideout_inner_textarea">
    <br><br><br>
    
    <div class="ochered">
    <a href="http://funeralrave.ru/viewtopic.php?id=4378#p832850"><b>11.1</b> - тува
    <sup> 30.01 </sup><br>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4379#p832851"><b>11.2</b> - гм <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4380#p832852"><b>11.3</b> - данте
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4381#p832853"><b>11.4</b> - шарк
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4382#p832854"><b>11.5</b> - маха или рей
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4384#p832856"><b>11.7</b> - гм 
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4385#p832857"><b>11.8</b> - джо
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4386#p832858"><b>11.9</b> - гм
    <sup> 30.01 </sup><br></a>
    
    <a href="http://funeralrave.ru/viewtopic.php?id=4387#p832859"><b>11.10</b> - мал
    <sup> 30.01 </sup><br></a></div>
    
    </div></div></div>
    
    
    
    <!---------------------------- Выделение кода © Alex_63, 2017г. ---------------------------->
    
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
    <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
    <script type="text/javascript">select_text.linkText = 'Выделить код' //текст ссылки</script>
    
    
    <!---------------------------- пиар-вход ---------------------------->
        <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
        <script type="text/javascript">
        PR.nick = 'raven'; //Ник PR-аккаунта
        PR.pass = '1234'; //Пароль PR-аккаунта
        PR.btn_text = 'PR-вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
        PR.set();</script>
    
    
    <!---------------------------- удаление соо ---------------------------->
    <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>
    
    <!------------------------Отключение кнопок пожаловаться ------------------------>
    <script type="text/javascript">
    RusffCore.sets.show_reportBtn = 0;
    </script>
    
    <script type="text/javascript">
    RusffCore.sets.share = false;
    </script>
    
    <!--удаление кнопок вложение и граффити-->
    <script type="text/javascript">
    RusffCore.sets.graffiti = false;
    </script>
    <script type="text/javascript">
    RusffCore.sets.show_reportBtn = 0;
    </script>
    <script type="text/javascript">
    RusffCore.sets.files.button = false;
    </script>
    
    <!------------------------Скрытие подфорумов ------------------------>
    <style type="text/css">
    tr#forum_fxx, tr#forum_f23, tr#forum_f21, tr#forum_f24, tr#forum_f27, tr#forum_f28, tr#forum_f29 {
       display: none;
      }
    </style>
    <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
    <!---------------------------- всплывалки ---------------------------->
    <!--Стиль всплывающей подсказки при наведении на ссылку -->
    <script type="text/javascript">$(document).ready(function() { $('#pun').find('a[title],img[title],div[title]').tipsy({fade: true, gravity: 'n'});});</script>
    
    <!-- ники модера -->
    <style>
    .modlist {display: none !important;}
    </style>
    <!-- конец -->
    
    <!— HTML в постах с допуском по группам © Alex_63 —> 
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/52361.js"></script> 
    <script type="text/javascript"> 
    HTMLinPost.groups = [1,2,3,4,5,6,7,8]; // Группы, допущенные к вставке HTML в посты 
    HTMLinPost.parseHTMLinPosts() 
    </script>
    
    
    <!---------------------------- Быстрая смена аккаунта  ---------------------------->
    <script type="text/javascript">
      New_EXiT = 'https://upforme.ru/uploads/0019/47/79/2/269378.png'; //Дополнительная Иконка выход;
    </script>
    <script data="311a77"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>
    
    
    <!-- Подсчет символов в постах игры -->
    <style>.send-sumb{
    margin: 12px 0 12px;
    padding: 2px 7px; 
    float: right;
    color: #7c7d71;
    cursor: pointer; 
    border: 1px solid #7c7d715c;}.post.topicpost .send-sumb{display:none}</style>
    <script type="text/javascript">
    if([9,10,11,12,20,21].indexOf(+FORUM.topic.forum_id)!=-1){//id Нужных форумов для подсчета
    document.write('<script type="text/javascript" data="zibd" src="https://forumstatic.ru/files/0013/44/56/67571.js?"><\/script>')}
    $(function(){$(".post-content .send-sumb").each(function(){$(this).attr("title",$(this).attr("original-title"))
    .removeAttr("original-title")})});
    </script>
    <!-- конец -->
    
    <!-- Скрипт игнора -->
    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0014/cc/0a/84891.css" />
    <style>.post-author .ignorList ul.Inner_tab{margin:0;width:100%}.click_Ignore_list{
    right:35px;top:40px}.ignorList{margin-top:19px}.ignorList ul::after {margin-left:-24px;}
    #pun:not(.isadmin) .click_Ignore_list, #pun:not(.isadmin) li.Ignor-change{display:none !important}.ignorList ul {overflow: hidden;overflow-y: auto!important;}.liningUnderIgnorList{z-index:0!important}</style>
    <script type="text/javascript">
        Ignors_Forums = [13,14,15,4]; //Cписок форумов с возможностью игнора;
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0019/47/79/85606.js"></script>

    0

    2

    хтмл низ

    Код:
    <div class="cop"> <a href="https://imagiart.ru/viewtopic.php?id=19438#p1326422">zeushadyprod.</a></div>
    
    <!--класс хавербаттонс прозрачность и чб при наведении -->
    <!-- jquery уже подключен -->
    <script type="text/javascript">
        $(document).ready(function() {
            $('.pod').each(function () {
                  var $span = $(this).css('opacity', 0.3);
                  $span.addClass("grayscale");
                  $(this).hover(function () {
                    $span.stop().fadeTo(600, 1);
                    $span.removeClass("grayscale");
                 }, function () {
                    $span.stop().fadeTo(600, 0.3);
                    $span.addClass("grayscale");
                  });
            });
        });
    </script>
    <!--КОНЕЦ. полупрозрачность и чб для изображений Hoverbuttons -->
    
    
    
    <!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
      <script type="text/javascript">
        (function(){
           $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
           function appendTopicS(){
             $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
               var L=$(this).parents('tr:first');
               var str='<div class="Add"><div class="Tems_And_messages">Сообщения: <span class="right">'+L.find('td.tc3').text()+'</span> Темы: <span class="right2">'+L.find('td.tc2').text()+'</span></div>\
               </div>';$(str).appendTo(this);
             });
           }
           if($('#pun-index').length){appendTopicS ();}
           if($('#pun-viewforum').length){
             var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
             if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
           }
        }());
        </script>
    
    
    <!-- награды --><style type="text/css">.mini_awards_label, .mini_awards {display: none; font-size:0px;} #awrdbut * {cursor: pointer; }</style>
      <script>
    
    (function () {
         var awards_button = "<img src='https://forumstatic.ru/files/001a/e2/69/81397.png' title='Показать|скрыть награды'>";
          function awards_spoiler() {
              $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
              $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
          }
          var t=0;  var time_func = setInterval(function(){ t++;
              if (t>100) { clearInterval(time_func); return; } 
              if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
          },100);
    }())
      </script>
    
    <!-- Индикатор активности пользователя © Alex_63 -->
    <style>
    .indOnline, .indOffline {
      display: -webkit-box;
      position: absolute;
      left: -11px;
      top: -3px;
      width: 80px;
      height: 35px;
    }
    
    .indOnline {
        background: url(https://forumstatic.ru/files/001a/e2/69/14894.png);
    }
    .indOffline {
        background: url(https://forumstatic.ru/files/001a/e2/69/34174.png);
    }
    
    </style>
    <script type="text/javascript">
        $('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
        $('.post-author.online').find('.pa-author>a').addClass('online');
        $('.post').each(function(){
          var PostAuthorLogin = $(this).find('li.pa-author>a').text();
          var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
          $(this).find('.pa-author>a.online').after('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' здесь'+activeTime+'" />');
          $(this).find('.pa-author>a.offline').after('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' живет жизнь" />');
        });
        </script>
    <!-- //End//-Индикатор активности пользователя © Alex_63 -->
    
    
    <!----------------- баннеры --------------->
    
    <div class="banners">
    </div> 
    
    
    <!----------------- нужные --------------->
    
    <div class="need">
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p832922" title="боец в стаю чарли" style="color: #5a5a5a">чад м. мюррей</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p832922" title="водила в стаю чарли" style="color: #5a5a5a">ольга куриленко</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p832922" title="крупье в стаю чарли" style="color: #5a5a5a">томер капон</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p832922" title="бухгалтер в стаю чарли" style="color: #5a5a5a">дев патель</a>&ensp;&ensp;&ensp;
    
    
    </div> 
    <!----------------- между никами запятая --------------->
    <style type="text/css">
    div#topic-users-in a:after {
        content: ',';
    }
    div#topic-users-in a:last-child::after {
        content: '';
    }
    </style>
    <!----------------- после ника запятая --------------->
    <script type="text/javascript">
    function to(username)
    {insert('[b]' + username + '[/b]' + ', ');}
    </script>
    
    <!---------------------------- выравнивание justify---------------------------->
    <style>
    #button-mybb {background-image:url('https://i.imgur.com/RdKU4no.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
    </style>
    <script type="text/javascript">
    if(form=document.getElementById("form-buttons"))
    form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
    </script>
    
    <!---------------------------- тег  абзаца - [indent] ---------------------------->
        <script type="text/javascript">(function(){ var b = '[indent]';
        $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="http://icons.iconarchive.com/icons/famfamfam/silk/16/text-indent-icon.png"  onclick="smile(\''+b+'\')" style="    height: 16px;    width: 16px;  margin-left: 6px;"></td>');
        var indent = '<span style="display:inline-block;margin:0em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
        $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
        </script>
    
    <!-------------------------- в строчку для Сообщений и Репутации © deff -------------------------->  
        <script type="text/javascript">
        function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
           changeS('.pa-posts','Сообщений:','Сообщений: ');
        </script>
    
    <script type="text/javascript">
    var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], img.postimg[alt]'); 
    var allTitle = title.length;
    for (i=0; i<allTitle; i++){
        title[i].removeAttribute('title');
    }
    </script>
    
    <!-------------------------- отключаем поделиться -------------------------->
    <script type="text/javascript">
    RusffCore.sets.share = false;
    </script>
    
    
    <!-------------------------- это не интересно -------------------------->
    <script type="text/javascript">
    rusffLive.enable = false;
    </script>
    
    
    <!-------------------------- дефис -------------------------->
    <script type="text/javascript">
    $('.post-content p').each(function(){
      function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
      var a = $(this).clone().wrap('<div></div>').parent().html();
      var b = a.replace(/>[^<>]+</gim,replacer);
      if(a!=b)$(this).replaceWith(b)
    });
    </script>
    
    <!-------------------------- удаляет названия дополнительных полей профиля -------------------------->
    <script type="text/javascript">
    var A=[1,2,4]
    $(".post .post-author li").each(function (){
    for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
    $(this).html($(this).html().replace(/^[^:]*:/,''));}};});
    </script>
    
    <!-------------------------- счетчик символов -------------------------->
    <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border: 1px solid #a39a7f; padding: 3px 6px; margin: 0 20px 0 10px; border-radius: 5px; color: #756e59; font-size: 9px; font-weight: 600;">слез накапано: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
    
    <!-------------------------- кнопка img в форме ответа -------------------------->
    <script>
    var oldIMG="<td id=\"button-image\" title=\"Изображение\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
    $("#button-image").after(oldIMG);
    </script>
    
    
    
    
    
    <!-- маска профиля -->
    <script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script>
    <script>
    hvScriptSet.addMask({
        guestAccess: ['страницы истории', 'маховик времени', 'незавершенные эпизоды', 'пыльный чердак'],
        forumAccessExtended: {
            'игра на выживание': ['игроки', 'север', 'юг'],
            'создаем историю': ['игроки', 'север', 'юг'],
            'маховик времени': ['игроки', 'север', 'юг'],
            'путешествие между мирами': ['игроки', 'север', 'юг'],
            'лавочка у подъезда': ['игроки', 'север', 'юг'],
            'шкатулка с секретами': ['игроки', 'север', 'юг'],
            'лотерея удачи': ['игроки', 'север', 'юг'],
            'страницы истории': ['игроки', 'север', 'юг'],
        },
        changeList: {
            'pafld1': {
                title: 'личное звание',
                description: '',
                tag: 'lztext',
                class: 'pa-fld2',
                defaultCode: '// пишите, что хотите <i><a href="ссылка">можно с ссылками</a></i>.',
                type: 'html'
            }
        },
        userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-fld4', 'pa-fld5', 'pa-posts', 'pa-respect', 'pa-ip', 'pa-online', 'pa-awards']
    });
    </script>
    
    <!-- посты без отображения автора -->
    <style>.hide-author .post-author,.hide-author .post-sig, .hide-author .pl-email {display:none;}</style>
    <script>$('.post abbr[title="hide-author"]').parents('.post').addClass('hide-author')</script>
    
    <script type="text/javascript">
    $("#post p.formsubmit").prepend('<br>').insertAfter($("#post #main-reply"));
    </script>
    <!-- Восстановление последнего поста при утере by Человек-Шаман -->
    <script>
    $(document).ready(function() {
      $('#addition-area').append(function() {
        return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
      });
      function restoreLastPost() {
        $('#main-reply').val(localStorage.ReservePost);
      };
    });
    </script>
    <!--конец-->
    
    <!-------------------------- Кликабельность ника в постах гостя -------------------------->
    <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
    
    <!---------- меняем текст навигации ---------->
    <script type="text/javascript">
    var itemMass = new Array("форум", "абьюзеры", "гугл", "профиль", "смс", "порно", "регистрация", "вход", "выход");
    var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
    for(i=0; i<itemIdMass.length; i++){
    if(document.getElementById(itemIdMass[i])){
        var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
        str.innerHTML=itemMass[i];
    }
    }
    </script>
    <!--- конец --->
    
    <!-------------------------- вверх-вниз -------------------------->
    <div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001a/e2/69/61646.png"></div>
    <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/e2/69/13836.png"></div>
    <!--кнопки вверх вниз-->
    <script type="text/javascript">
    $(function(){
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
    });
    </script>
    
    <script type="text/javascript">
        function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
         
        Change("#pun-stats.section h2 span","Статистика форума","on the grounds where we feel safe");  
        </script>
    
    <!--обтекание изображения 2.4-->
    <script language="javascript">
    $(function(){
    $('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://i.imgur.com/Sv4mpWV.pngf")\'></td>');
    $('#floatbut, .vibor').click(function(){
    $('div#float').toggle();});
    $("div.post-content").map(function () {
    text = $(this).html();
    if(text.indexOf("[/float]") != -1) {
    floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
    $(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
    }
    }); });
    </script>
    
    <script type="text/javascript">
    var nrisunok="http://s3.uploads.ru/jtgZG.gif";
    if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { 
    document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;};
    </script>
    
    
    <style type="text/css">
    #wrapper { position:relative;width: 500px;}
    .tabs {height:22px; line-height:21px; margin:0 0 8px;list-style:none;}
    .tabs li {float:left;cursor:pointer;position:relative;z-index:100}
    .tabs li a{background: transparent url("") no-repeat scroll 0 0/cover;color:#444; display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width: 85px;}
    .tabs li a:hover{color:#efefef; text-decoration:none;}
    .tabs li.active a{color:#444;border:medium hidden;line-height:22px;background-position:0 -43.5px;}
    .tabs li.active a:hover{color:#8a0c0b;}
    #smilies-area div[class^="t-"]:not(.t-0){display:none;}
    </style>
    <script type="text/javascript" src="https://forumstatic.ru/files/0019/47/79/90324.js?v=4"></script>
    
    <!-- Вкладки в достижениях -->
    <script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('.tabs .tab-links a').on('click', function(e)  {
            var currentAttrValue = jQuery(this).attr('href');
     
            // Show/Hide Tabs
            jQuery('.tabs ' + currentAttrValue).show().siblings().hide();
     
            // Change/remove current tab to active
            jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
     
            e.preventDefault();
        });
    });
    </script>
    
    
    <!---------------------------- лс ---------------------------->
    
    <div id="character" class="reveal-modal xlarge main container">
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal">×</a>
    </div>
    
    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html());
    });
    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>
    
    <!-- Перенос Быстрого ответа под нужное сообщение © Alex_63 -->
    <style>
    /* Кнопка "Ответить" */
    li.pl-reply a {
      }
    /* при наведении */
    .button.cancel{display:none;}
    </style>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26021.js"></script>
    <!-- //End//-Перенос Быстрого ответа под нужное сообщение -->
    
    <!-- Ссылка на авторский пост в цитате // v.3 © Alex_63 -->
    <script type="text/javascript">
    var quote_img = 'https://forumstatic.ru/files/0015/ec/20/41408.png'; //Кнопка "Перейти к сообщению" в цитате
    $('.quote-box>cite:not(:contains("Скрытый текст:"))').each(function() {
      var cntq=$(this).text(),sp0='<span class="qcn">Сообщение от</span> ',
      sp1='<span class="qc-uname">###</span>';
      if(cntq.indexOf('#p')!=-1){var pid=cntq.split(',')[0],autq=cntq.split(',')[1].split(' написал')[0],
        lnkq='<a class="qc-post-link" href="',imgq='<img src="'+quote_img+'" title="Перейти к сообщению"/>',
        sp2='&nbsp;<span class="qc-post-link">'+lnkq;sp1=sp1.replace('###',autq);
        if($('.post'+pid).length){$(this).html(sp0+sp1+sp2+pid+'">'+imgq+'</a></span>');}else
        {$(this).html(sp0+sp1+sp2+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+imgq+'</a></span>');}
      }else{var autq=cntq.split(' написал')[0];sp1=sp1.replace('###',autq);$(this).html(sp0+sp1);}
    });$('#pun-viewtopic .pl-quote>a').each(function() {
      $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
    });
    </script>
    
    <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <style>
    .FNTslider {
        border-radius: 4px;
        position: relative;
        z-index: 1000;
        background: #a09c95;
        width: 109px;
        height: 2px;
        margin: 3px 5px;
        border: solid 1px #9b8d80;
        float: right;
        margin-right: 10%;
    }
    .FNTslider .before {
        height: 2px;
        border: solid 1px transparent;
        border-right: none 0;
        border-radius: 4px 0 0 4px;
        position: absolute;
        background: #716549;
        margin-top: -1px;
    }
    .FNTslider .thumb {
        width: 5px;
        height: 9px;
        border-radius: 3px;
        position: relative;
        top: -3px;
        background: #2b2114b8;
        cursor: pointer;
    }
    </style>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
    <center>
    
    <style>
    .NoComments{
        float: right;
        margin-top: 1px!important;
        cursor: pointer;
        position: relative;
        z-index: 100;
        width: 18px;
        height: 18px;
        background: url(https://upforme.ru/uploads/001a/e2/69/3/725859.png);
        background-size: cover;
    }</style>
    <!-- Быстрые Плюсы без комментариев ©Deff-->
    <script type="text/javascript" >
    if($('#pun-viewtopic').length)$(function(){
       $('<div class="NoComments" title="+ без коммента"></div>').insertAfter($('.post .post-vote'));
       $('.post .NoComments').click(function(){
           $('#pun-reputation').hide();
           $(this).prev('.post-vote').find('a.positive').click();
           $('#pun-reputation .inner.post_reputation h1>span').text('Поднять  репутацию');
           $('#pun-reputation').find('input#reputationButtonSend').click();
           setTimeout(function(){$('#pun-reputation .bg.post_reputation, #pun-reputation .inner.post_reputation').hide();$('#pun-reputation').show()},130);
       });
    });
    </script>

    0

    3

    стиль ксс

    Код:
    /*************************************************************
    
    Основа css разработана специально для группового обучения дизайну от piterksaya. 
    
    **************************************************************/
    
    /* ПОДГРУЗКА ШРИФТОВ
    -------------------------------------------------------------*/
    
    /* базовые шрифты - поддержка кириллицы
    -------------------------------------------------------------*/
    @import url(style_cs.css);
    @import url('https://forumstatic.ru/files/0018/25/96/61263.css');
    @import url('//fonts.googleapis.com/css?family=Cuprum');
    @import url('//fonts.googleapis.com/css?family=Roboto');
    @import url('//fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald');
    @import url("//cdn.linearicons.com/free/1.0.0/icon-font.min.css"); 
    @import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed');
    @import url('//fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext');
    @import url('//fonts.googleapis.com/css?family=Open+Sans:700&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,669;0,700;0,800;0,900;1,500;1,600;1,669;1,700;1,800;1,900&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,669;0,700;0,800;0,900;1,500;1,600;1,669;1,700;1,800;1,900&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Alice&display=swap');
    @import url('//fonts.googleapis.com/css?family=Cuprum:400,400i,700,700i&subset=cyrillic-ext');
    @import url('https://forumstatic.ru/files/0019/47/79/29639.css');
    @import url('https://forumstatic.ru/files/0019/47/79/45439.css');
    @import url('//fonts.googleapis.com/css?family=Great+Vibes');
    @import url('//fonts.googleapis.com/css?family=Neucha&subset=latin,cyrillic');
    @import url('//fonts.googleapis.com/css?family=Philosopher:700italic&subset=latin,cyrillic');
    @import url('//fonts.googleapis.com/css?family=Abril+Fatface');
    @import url('//fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');
    @import url('//fonts.googleapis.com/css?family=Josefin+Sans');
    @import url('//fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    @import url('//fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond:500');
    @import url('//fonts.googleapis.com/css?family=Pirata+One|Oswald|Kelly+Slab|Jura|Yanone+Kaffeesatz|Lobster|Bad+Script|Pacifico|Merriweather|Merienda|Anton|Cinzel|Satisfy|Yesteryear|Allerta Stencil|Courgette|Dosis|Federant|Kaushan Script|Parisienne');
    @import url('//fonts.googleapis.com/css?family=Aclonica|Aladin|Alex+Brush|Amita|Arizonia|Arsenal|Condiment|Cookie|Kalam|Mr+Dafoe|Norican|Parisienne|Playball|Sail|Seaweed+Script|Shadows+Into+Light|Tangerine&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Caveat&family=Old+Standard+TT&family=Playfair+Display+SC&family=Alegreya+Sans+SC&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
    
    @font-face {
        font-family: BAHNSCHRIFT;
        src: url('https://forumstatic.ru/files/001a/e2/69/63630.ttf');
    }
    
    @font-face {
        font-family: Schweimann ModerneC;
        src: url('https://forumstatic.ru/files/001a/e2/69/11338.ttf?v=1');
    }
    
    @font-face {
        font-family: OLD KHARKIV REGULAR;
        src: url('https://forumstatic.ru/files/001a/e2/69/11885.otf?v=1');
    }
    
    @font-face {
        font-family: tahoma;
        src: url('https://forumstatic.ru/files/0019/47/79/39114.ttf');
    }
    
    @font-face {font-family: 'Canalese';
    src: url(https://forumstatic.ru/files/001b/35/c8/64455.ttf);}
    
    @font-face {font-family: 'Ballerina';
    src: url(https://forumstatic.ru/files/001b/35/c8/64541.ttf);}
    
    @font-face {font-family: 'Glorya';
    src: url(https://forumstatic.ru/files/001b/35/c8/38439.ttf);}
    
    @import url('//fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap');
    
    @font-face {font-family: 'Oldenglish';
    src: url(https://forumstatic.ru/files/001b/35/c8/86224.ttf);}
    
    @font-face {font-family: 'Signerica';
    src: url(https://forumstatic.ru/files/001b/35/c8/77472.ttf);}
    
    @font-face {font-family: 'Specials';
    src: url(https://forumstatic.ru/files/001b/35/c8/47077.ttf);}
    
    @font-face {font-family: 'Black Knight';
    src: url(https://forumstatic.ru/files/001b/35/c8/52639.ttf);}
    
    @import url('//fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@300;400;500;600;700&display=swap');
    
    @font-face {font-family: 'Debiky';
    src:  url(https://forumstatic.ru/files/001b/35/c8/34197.ttf);}
    
    @font-face {font-family: 'Hamiltone';
    src: url(https://forumstatic.ru/files/001b/35/c8/19671.ttf);}
    
    @font-face {font-family: 'Caravan';
    src: url(https://forumstatic.ru/files/001b/35/c8/64545.ttf);}
    
    @font-face {font-family: 'Pecita';
    src: url(https://forumstatic.ru/files/001b/35/c8/80363.ttf);}
    
    @font-face {font-family: 'Decameron Text';
    src: url(https://forumstatic.ru/files/001a/e2/69/86114.ttf);}
    
    @font-face {font-family: 'Rurik';
    src: url(https://forumstatic.ru/files/001a/e2/69/36531.ttf?v=1);}
    
    
    
    /* A2 НАСТРОЙКИ БРАУЗЕРА ПО УМОЛЧАНИЮ. ЛУЧШЕ НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    
    /* A2.1 */
    html, body {margin: 0; padding: 0}
    
    /* A2.2 */
    .punbb * {
      margin: 0
      }
    
    /* A2.3 */
    .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
      padding: 0;
      list-style: none;
      }
    
    /* A2.4 */
    .punbb img {
      border:none
      }
    
    /* A2.5 */
    .punbb .main table {
      table-layout: fixed;
      width: 100%;
      }
    
    /* A2.6 */
    .checkfield input[type="checkbox"], .radiofield input[type="radio"] 
    {margin: 0 0.3em;}
    
    /* A2.7 */
    p[class="checkfield"] *,
    div[class="checkfield"] *,
    fieldset[class="radiofield"] * {
      height: 1.8em;
      vertical-align: middle
      }
    
    
     /* A3 ШРИФТ НА ФОРУМЕ - ЛУЧШЕ НЕ ТРОГАТЬ.
     блок отвечает за шрифты и их размеры, но он не требует изменений в 95% случаев
    -------------------------------------------------------------*/
    
    /* A3.1 РАЗМЕР ШРИФТА НА ФОРУМЕ
    -------------------------------------------------------------*/
    body {
      font-size: 100.01%;
      overflow-x: hidden
      }
    
    
    /* A3.1 ШРИФТЫ НА ФОРУМЕ
    -------------------------------------------------------------*/
    .punbb {
      font: normal 72% play, verdana, helvetica, sans-serif;
      }
    
    /* A3.2 ШРИФТЫ В ПОЛЯХ ВВОДА
    -------------------------------------------------------------*/
    .punbb textarea, .punbb input, .punbb select, .punbb optgroup {
      font: 1em verdana, helvetica, sans-serif;
      }
    
    /* A3.4 ЗАГОЛОВКИ
    -------------------------------------------------------------*/
    .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
      font-size: 1em;
      font-weight: normal;
      border-color: transparent;
      }
    
    /* ВСЕ, ЧТО НИЖЕ В БЛОКЕ А3, ЛУЧШЕ НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    /* A3.5 */
    .punbb h1 span, .punbb h2 span, .punbb legend span {
      font-size: 1.1em;
      }
    
    /* A3.6 */
    .punbb pre {
      font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
      }
    
    /* A3.7 */
    .punbb address, .punbb em {
      font-style: normal
      }
    
    /* A3.8 */
    .punbb .post-content em {
      font-style: italic
      }
    
    /* A3.9 */
    .punbb .post-content em.bbuline {
      font-style: normal;
      text-decoration: underline;
      }
    
    /* A3.10 */
    .punbb a {
      text-decoration: underline
      }
    
    /* A3.11 */
    .punbb optgroup {
      font-weight: bold;
      }
    
    
    /* A4 ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ - ЛУЧШЕ НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    
    /* A4.1 */
    #pun:after,
    .punbb .container:after,
    .punbb .post-links ul:after,
    .punbb .main div.inline:after,
    .punbb .post-box:after,
    .punbb .linksb:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      overflow:hidden;
      line-height: 0.0;
      font-size: 0;
      }
    
    /* A4.2 */
    .acchide,
    #pun-index #pun-main h1,
    #pun-navlinks h2,
    #pun-pagelinks h2,
    #pun-status h2,
    #pun-ulinks h2,
    .punbb .forum h2,
    .punbb .multipage .topic h2,
    .punbb dl.post-sig dt span,
    .punbb p.crumbs strong,
    .punbb .divider hr,
    .punbb .required label em,
    .punbb .formsubmit label,
    .punbb .submitfield label,
    .punbb .modmenu label,
    #pun-userlist .main h2 {
      font-size: 0;
      height: 0;
      width: 0;
      line-height: 0.0;
      position:absolute;
      left: -9999px;
      overflow: hidden
      }
    
    
    /* A5 ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
    -------------------------------------------------------------*/
    
    /* A5.4 НЕ ТРОГАЕМ */
    .punbb .section, .punbb .main {
          margin-bottom: 1em;
      }
    
    /* A5.5 НЕ ТРОГАЕМ */
    .punbb .category, .punbb .post {
      margin-top: 0.4em;
      }
    
    /* A5.6 НЕ ТРОГАЕМ */
    .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
      margin-top: -20px;
      }
    
    /* 5.7 НЕ ТРОГАЕМ */
    #pun-post .topic {
      margin-top: 1em;
      }
    
    /* A5.8 НЕ ТРОГАЕМ */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
      border-style: none none solid none;
      border-width: 0px 0px 2px 0px
      }
    
    /* A5.9 НЕ ТРОГАЕМ */
    .punbb .container {
      border-style: solid;
      border-width: 1px;
      }
    
    /* A5.10 КАТЕГОРИИ, ЗАГОЛОВКИ - ОТСТУПЫ - НЕ ТРОГАЕМ */
    .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
      padding: 2px 1em 9px 1em;
      border-style: solid solid none solid;
      border-width: 1px 1px 0px 1px;
      }
    
    /*************************************************************
    B - ГЛАВНОЕ СОДЕРЖИМОЕ - ОБЩИЕ
    **************************************************************/
    
    /* B1 контент, подписи и поля прокрутки
    -------------------------------------------------------------*/
    
    /* B1.1 ВАЖНО! ВЫРАВНИВАНИЕ ТЕКСТА В ПОСТАХ
    Justify в последней строке отвечает за выравнивание постов по ширине*/
    .punbb .post-content {
      width: 98%!important;
      overflow: hidden;
      text-align:justify;
      }
    
    /* B1.2 ПОЛОСА, ОТДЕЛЯЮЩАЯ ПОСТ И ПОДПИСЬ*/
    .punbb .post-sig dt {
      display: block;
      border-top: 4px double #5e5a4f26;;
      width: 90%;
      margin: 50px 0 0 30px;
      padding-top: 20px;
      }
    
    
    
    /* B1.3 АБЗАЦЫ ВНУТРИ ПОСТОВ*/ 
    .punbb .post-content p {
      margin: 0;
      padding: 0 0 1em 0;
      line-height: 160%;
       font-family: play!important;}
    
    /* B1.4 НЕ ТРОГАЕМ */
    .punbb .post-content img {
      vertical-align: text-bottom
      }
    
    /* B1.5 НЕ ТРОГАЕМ */
    .punbb .post-content img.postimg {
      vertical-align: middle;
      }
    
    /* B1.6 НЕ ТРОГАЕМ */
    .punbb .post-content .blockcode, .punbb .post-content blockquote {
      width: 100%;
      overflow: hidden;
      }
    
    /* B1.7 НЕ ТРОГАЕМ */
    .punbb .post-content .scrollbox {
      width: 100%;
      overflow: auto;
      }
    
    /* B1.8 ОТСТУПЫ У ЦИТАТ, КОДОВ - НЕ ТРОГАЕМ  */
    .punbb .post-content .quote-box, .punbb .post-content .code-box {
        border: medium none;
        margin: 1.4em 1em 0.8em;
        padding: 0em;
    }
    
    
    /* B2 ИНФОБОКСЫ ВООБЩЕ НЕ ТРОГАЕМ
    -------------------------------------------------------------*/
    
    /* B2.1 */
    .punbb .info-box {
      padding: 1.1em 1.7em 1em 1.7em;
      border-style: solid;
      border-width: 1px;
      margin: 0 0 1.1em 0;
      }
    
    /* B2.2 */
    .punbb .info-box * {
      padding: 0 0 0.7em 0;
      }
    
    /* B2.3 */
    .punbb #pun-main .info-box .legend {
      font-size: 1.1em;
      font-weight: bold;
      }
    
    
    /* B3 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
    -------------------------------------------------------------*/
    
    .linksb, .pagelink, .punbb select, .linksb .postlink, .punbb .modmenu .container, .modmenu, .container {
    color: #7e7056;
    text-transform: lowercase;
      }
    
    /* B3.1 НЕ ТРОГАЕМ */
    .punbb .linkst {
      float: left;
      position: relative;
      width: 100%;
      font-size: 1.1em;
      height: 0;
      }
    
    /* B3.2 НЕ ТРОГАЕМ */
    .multipage {
      margin-top: 7em;
      }
    
    /* B3.3 СТРАНИЦЫ ВНУТРИ ТЕМ СВЕРХУ */
    .linkst .pagelink {
        margin-top: -40px;
        margin-left: 14px;
    }
    /* СНИЗУ */
    .linksb .pagelink {
        float: left;
        width: 24em;
        text-align: left;  
        margin-left: 23px!important;
    }
    
    
    /* НЕ ТРОГАТЬ */
    .linksb .postlink {
      float: right;
      width: 16em;
      font-weight: bold;    
      }
    
    
    /* СТРАНИЦЫ ВНУТРИ ТЕМ СНИЗУ */
    .punbb .linksb {
        text-align: right;
        padding: 0.4em 1em 0.5em 1em;
        font-size: 1.1em; 
    }
    
    /* B3.4 ССЫЛКИ НОВАЯ ТЕМА, СОЗДАТЬ ОПРОС ВНУТРИ ПОДФОРУМА
    Лучше не трогать */
    .linkst .postlink {
        position: absolute;
        top: -40px;
        right: 1em;
        width: 16em;
        text-align: right;
        font-weight: bold;
    }
    
    /* B3.8 ССЫЛКА ПОДПИСАТЬСЯ И ОТСЛЕЖИВАТЬ ВНУТРИ ТЕМЫ
    Лучше не трогать */
    .subscribelink {
      clear:both;
      padding-top: 0.3em;
      padding-bottom: 0.5em;
      }
    
    
    /*************************************************************
    C - НАСТРОЙКА ГЛАВНЫХ ЭЛЕМЕНТОВ
    **************************************************************/
    
    /* C1 РАСПОЛОЖЕНИЕ ФОРМ
    -------------------------------------------------------------*/
    
    /* C1.1 НЕ ТРОГАЕМ */
    .punbb .formal .container {
      padding: 1em 1em 1em 1em;
      margin-left: 11px!important;
      }
    
    /* C1.2 НЕ ТРОГАЕМ */
    .punbb .formsubmit {
      padding: 0 0 0 1.7em;
      margin: 1em 0 0 0;
      }
    
    /* C1.3 НЕ ТРОГАЕМ */
    .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
      margin: 0px 0 5px 13px;
      }
    
    /* C1.4 НЕ ТРОГАЕМ */
    .punbb fieldset {
        border-style: solid;
        border-width: 1px;
        padding: 0 8px 0 31px;
        margin: 0 0 1em 0;
      }
    
    /* C1.5 НЕ ТРОГАЕМ */
    .punbb fieldset legend {
      padding: 0;
      margin: 0 0 0 11px;
      font-size: 1.1em
      }
    
    /* C1.6 НЕ ТРОГАЕМ */
    .punbb fieldset legend span {
      padding: 0 5px;
      margin: 0 0 0 10px;
      }
    
    /* C1.7 НЕ ТРОГАЕМ */
    .punbb fieldset fieldset {
      border-style: none;
      margin: 0;
      padding: 0 0 8px 0
      }
    
    /* C1.8 НЕ ТРОГАЕМ */
    .punbb .fs-box {
      padding: 20px 0 0px 0;
      }
    
    /* C1.9 НЕ ТРОГАЕМ */
    .punbb .fs-box p, .punbb .fs-box fieldset {
      padding: 0 0 0.8em 0
      }
    
    /* C1.10 НЕ ТРОГАЕМ */
    .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
      float: left;
      margin-right: 1em;
      }
    
    /* C1.11 НЕ ТРОГАЕМ */
    .punbb .inline .infofield {
      clear:both
      }
    
    /* C1.12 НЕ ТРОГАЕМ */
    .punbb .datafield br {
      display: none
      }
    
    /* C1.13 НЕ ТРОГАЕМ */
    .punbb .required label, .punbb .datafield span.input {
      font-weight: bold
      }
    
    /* C1.14 НЕ ТРОГАЕМ */
    .punbb .datafield span.input a {
      font-weight: normal;
      }
    
    /* C1.15 НЕ ТРОГАЕМ */
    .punbb .areafield span.input, .punbb p.longinput span.input {
      display: block;
      padding: 0 12em 0 0;
      height: 100%; /* For IE */
      }
    
    /* C1.16 НЕ ТРОГАЕМ */
    .punbb textarea, .punbb .longinput input {
      width: 64%;
      margin: 0;
      }
    
    /* УБРАТЬ ОБВОДКУ АКТИВНОГО ПОЛЯ */
    input, textarea, button {outline:none;}
    input:active, textarea:active, button:active {outline:none;}
    
    
    
    /* C1.17 НЕ ТРОГАЕМ */
    .punbb .hashelp {
      position: relative;
      }
    
    /* C1.18 НЕ ТРОГАЕМ */
    .punbb .helplinks {
      display: block;
      position: absolute;
      top: 1em;
      right: 0;
      font-weight: normal;
      width: 36%;
      }
    
    /* c1.19 НЕ ТРОГАЕМ */
    .punbb #profile .helplinks {
      top: 1.5em;
      }
    
    /* C1.20 НЕ ТРОГАЕМ */
    .punbb .helplinks span {
      display: block;
      padding-bottom: 0.2em;
      }
    
    /* C1.21 НЕ ТРОГАЕМ */
    #pun-post .formal .info-box li {
      padding-left: 4px;
      list-style-type: square;
      list-style-position: inside;
      line-height: 1.5;
      margin: 0;
      }
    
    /* C1.21.1 НЕ ТРОГАЕМ */
    .punbb .helplinks span INPUT {
      margin-right: 2px;
      margin-bottom: 2px;
    }
    
    /* C2 РАСПОЛОЖЕНИЕ ТАБЛИЦ
    -------------------------------------------------------------*/
    
    .punbb .main .tcl {
        text-align: justify;
        width: 58%;
        word-break: break-word;
    }
    
    /* C2.2 */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
        text-align: center;
        width: 10%;
    }
    
    .punbb .main .tcr {
        overflow: hidden;
        text-align: left;
        width: 35%;
    }
    
    
    #pun-searchtopics .main .tcr {
        overflow: hidden;
        text-align: left;
        width: 52%;
    }
    
    /* C2.4 */
    #pun-modviewforum .main .tcl {
      width: 38%;
      }
    
    
    #pun-userlist .main .tcl {
        width: 20%;
        padding-left: 10px;
    }
    
    /* C2.5 */
    #pun-userlist .main .tc2 {
      text-align: left;
      width: 20%;
      }
    
    #pun-searchtopics .main .tc2 {
        text-align: left;
        width: 39%;
    }
    
    /* C2.6 */
    #pun-debug table .tcl {
      width: 15%;
      white-space:normal;
      }
    
    /* C2.7 */
    #pun-debug .tcr {
      width: 90%;
      white-space: normal;
      }
    
    
    /* C2.8 НЕ ТРОГАЕМ */
    #pun-index .tcl h3 {
      font-size: 1.2em;
      font-weight: bold;
      }
    
    /* C2.9 НЕ ТРОГАЕМ */
    .punbb td span.youposted {
      font-weight: bold;
      margin-left: -1em;
      position: absolute;
      }
    
    /* C2.10 НЕ ТРОГАЕМ */
    .punbb td .modlist {
      display: block;
      padding-top: 0.3em
      }
    
    /* C2.11 НЕ ТРОГАЕМ */
    .punbb .main td {
      border-style: solid none none solid;
      border-width: 1px 0 0 1px;
      padding: 1.3em 3em;
      }
    
    /* C2.12 НЕ ТРОГАЕМ */
    .punbb .main th {
      border-style: none none none solid;
      border-width: 0 0 0 1px;
      padding: 0.4em 1em 0.4em 1em;
      }
    
    /* C2.13 НЕ ТРОГАЕМ */
    .punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }
    
    
    /* C2.14 НЕ ТРОГАЕМ */
    .punbb tbody.hasicon td.tcl {  }
    
    /* C2.15 НЕ ТРОГАЕМ */
    .punbb div.icon { }
    
    
     /* C3 ТОПИКИ
    -------------------------------------------------------------*/
    
    /* C3.1 НЕ ТРОГАЕМ */
    .punbb .post .container {
      border-style: none solid solid solid;
      border-width: 1px;
      margin-top: -1px;
      padding-bottom: 1px;
      }
    
    /* C3.2 НЕ ТРОГАЕМ */
    .punbb .post h3 {
        border-style: solid solid none solid;
        border-width: 1px;
        width: 705px;
        margin: 15px 0px 9px 258px !important;
        background: #b2a991;
        height: 20px;
        border: 1px outset #a39a7f;
        border-style: double;
        border-radius: 10px;
      }
    
    /* C3.3 НЕ ТРОГАЕМ */
    .punbb .post h3 span {
        border-left: 1px solid transparent;
        padding: 5px 10px 0px 19px!important;
        display: block;
        font-size: 10px!important;
    }
    
    /* C3.4 НЕ ТРОГАЕМ */
    .punbb .post h3 strong {
      float: right;
      width: 5em;
      text-align: right;
      font-weight: normal;
      }
    
    /* C3.5 ПРОФИЛЬ */
    .punbb .post .post-author {
        float: left;
        margin-top: -1.5em;
        overflow: hidden;
        min-height: 140px!important;
    }
    
    /* C3.6 НЕ ТРОГАЕМ */
    .punbb .post .post-author ul, .punbb .post .post-author p {
      padding: 0 1em 1em 1em;
      line-height: 140%;
      }
    
    /* C3.7 НЕ ТРОГАЕМ */
    .pa-author { }
    
    /* C3.7 НЕ ТРОГАЕМ */
    .pa-author a {
      position: relative;
      z-index: 1;
    }
    
    /* C3.7 НЕ ТРОГАЕМ */
    .pa-author a:hover {
    }
    
    /* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */
    li.pa-title {
      padding-bottom: 0em;  }
    
    /* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/
    .pa-reg {display: none;}
    
    /* не трогаем */
    li.pa-online {}
    
    .pa-online {
    display:none;
    }
    
    /* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
    .punbb .post-body {
        margin-left: 240px;
        border-left-style: solid;
        border-left-width: 1px;
        padding: 0 0 0px 0;
    }
    
    /* C3.12 НЕ ТРОГАЕМ */
    .punbb .post-box {
      padding: 25px 0px 10px 30px;
      }
    
    /*C3.13 НЕ ТРОГАЕМ */
    .punbb fieldset .post-box {
      margin-bottom: 0.8em
      }
    
    /* C3.14 НЕ ТРОГАЕМ */
    .punbb .post-links {
      margin-left: 23em;
      border-left-style: solid;
      border-left-width: 1px;
      }
    
    /* C3.15 НЕ ТРОГАЕМ */
    .punbb .post-links ul {}
    
    /* C3.16 НЕ ТРОГАЕМ */
    .punbb .post-links li {
      display: inline;
      padding-left: 1em;
      }
    
    /* C3.17 НЕ ТРОГАЕМ */
    .pl-email, .pl-website {
      float: left;
      }
    
    /* C3.18 НЕ ТРОГАЕМ */
    .punbb .clearer {
      clear: both;
      height: 0;
      font-size: 0;
      }
    
    
    /* C4 МЕНЮ МОДЕРАТОРА
    -------------------------------------------------------------*/
    
    /* C4.1 НЕ ТРОГАЕМ */
    .punbb .modmenu .container {
      padding: 1.5em 3em;
      text-align: right;
      margin-left: -2px!important;
      }
    
    /* C4.2 НЕ ТРОГАЕМ */
    .punbb .modmenu strong, .punbb .modmenu a {
      height: 1.8em;
      line-height: 1.8em;
      }
    
    /* C4.3 НЕ ТРОГАЕМ */
    .punbb .modmenu .container strong {
      float: left;
      }
    
    /* C4.4 НЕ ТРОГАЕМ */
    .punbb .modmenu input {
      margin-left: 1em;
      }
    
    
    /* C5 НЕ ТРОГАЕМ 
    -------------------------------------------------------------*/
    
    /* C5.1 НЕ ТРОГАЕМ */
    .punbb .info .container {
      padding: 0em 30em;
    
      }
    
    /* C5.2 НЕ ТРОГАЕМ */
    .punbb .info .container .backlink {
      padding-top: 0.8em;
      }
    
    
    /* C6 ПРОФИЛЬ
    -------------------------------------------------------------*/
    
    /* C6.1 НЕ ТРОГАЕМ */
    #profile .container {
      padding-left: 18.6em;
      }
    
    /* C6.2 НЕ ТРОГАЕМ */
    #profilenav {
      float: left;
      width: 14em;
      margin-left: -15em;
      display: inline;
      }
    
    /* C6.3 НЕ ТРОГАЕМ */
    #profilenav li {
      padding-bottom: 0.8em;
      font-weight: normal;
      }
    
    /* C6.4 НЕ ТРОГАЕМ */
    #viewprofile ul, #profilenav ul {
      border-style: solid;
      border-width: 1px;
      padding: 1.5em 18px 0.8em 18px;
      margin: 0 0 1em 0;
      }
    
    /* C6.5 НЕ ТРОГАЕМ */
    #viewprofile h2, #profilenav h2 {
      background: transparent;
      border: none;
      padding: 0 0 0 0;
      margin: 0 14px -0.6em 14px;
      }
    
    /* C6.6 НЕ ТРОГАЕМ */
    #viewprofile h2 span, #profilenav h2 span {
      padding: 0 5px;
      position: relative;
      }
    
    /* C6.7 НЕ ТРОГАЕМ */
    #viewprofile li, #setmods dl {
      padding: 0 0 0 16em;
      margin-bottom: 0.2em;
      }
    
    /* C6.8 НЕ ТРОГАЕМ */
    #viewprofile li span {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.5em 1em;
      font-weight: bold;
      }
    
    /*C6.9 НЕ ТРОГАЕМ */
    #setmods dt {
      float: left;
      width: 14em;
      margin-left: -16em;
      padding: 0.8em 1em;
      font-weight: bold;
      display: inline;
      }
    
    /* C6.10 НЕ ТРОГАЕМ */
    #viewprofile li strong, #viewprofile li div, #setmods dd {
      display: block;
      padding: 0.5em 1em;
      font-weight: normal;
      }
    
    /* C6.11 НЕ ТРОГАЕМ */
    .punbb img.avatardemo {
      float: right;
      margin: 0 0 0.8em 1.8em
      }
    
    
    /* C7 СПИСОК ПОЛЬЗОВАТЕЛЕЙ
    -------------------------------------------------------------*/
    
    /* C7.1 НЕ ТРОГАЕМ */
    #pun-userlist .formal, #pun-userlist .formal .container {
      border-bottom: none;
      margin-bottom: 0;
      }
    
    /* C7.2 НЕ ТРОГАЕМ */
    #pun-userlist .usertable .container {
      padding: 0 0 3em 5em;
      border-top: none;
      }
    
    /* C7.3 НЕ ТРОГАЕМ */
    #pun-userlist .usertable table {
      border-style: solid;
      border-width: 1px;
      }
    
    
    /*************************************************************
    D - PUNBB РАЗДЕЛЫ, ОСНОВНОЕ СОДЕРЖИМОЕ
    **************************************************************/
    
    * html .tclcon {height: 1px}
    
    /* D1 ЛОГОТИП И ОПИСАНИЕ
    -------------------------------------------------------------*/
    
    /* D1.1 НЕ ТРОГАЕМ */
    #pun-title {
      margin: 0;
      border-style: none none none none;
      border-width: 1px 1px 0 1px;
      }
    
    /* D1.2 НЕ ТРОГАЕМ */
    #pun-title h1 {
      display : block;
      height : 40px;
      padding: 2em 1em 0 1em;
      }
    
    /* D1.3 НЕ ТРОГАЕМ */
    #pun-title .container {
      border-style: none solid none solid;
      }
    
    /* D1.4 НЕ ТРОГАЕМ */
    #pun-title h1 span  {
      font-size: 0em;
      }
    
    #pun-title TD.title-logo-tdl {
      border: none;
      width: 100%;
    }
    
    #pun-title TD.title-logo-tdr {
    	border: none;
    	width: 420px;
    }
    
    
    /* D2 НАВИГАЦИЯ ПО СТРАНИЦАМ
    -------------------------------------------------------------*/
    
    /* D2.1 НЕ ТРОГАЕМ */
    #pun-pagelinks {
      position: absolute;
      top: -15px;
      left: 0;
      margin: 0;
      border: none;
      padding: 0;
      width: 100%;
      }
    
    /* D2.2 НЕ ТРОГАЕМ */
    #pun-pagelinks .container {
      background: transparent;
      border: none;
      padding: 0}
    
    /* D2.3 НЕ ТРОГАЕМ */
    #pun-pagelinks .container li {
      display: inline
      }
    
    /* D2.4 НЕ ТРОГАЕМ */
    #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
      height: 2em;
      line-height: 2em;
      padding: 0;
      font-size: 1.2em;
      margin-left: -9999px;
      display: block;
      float:left;
      width: 100%;
      }
    
    /* D2.5 НЕ ТРОГАЕМ */
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      position:relative;
      margin: 0;
      }
    /* НЕ ТРОГАЕМ */
    #pun-pagelinks li a span {
      display:block;
      margin: 0 1em
      }
    
    /* D3 НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
    Та самая строка, которая показывает ваше нынешнее положение в виде 
    НАЗВАНИЕ ФОРУМА - ПОДФОРУМ - ТЕМА
    -------------------------------------------------------------*/
    
    /* D3.1  */
    #pun-navlinks {
      border: none;
      margin: 0;
    }
    
    
    /* D.3 НЕ ТРОГАЕМ */
    #pun-navlinks li {
      display: inline;
      padding-right: 0em;
      }
    
    /* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
    Форум, участники, поиск и тд - настраиваем вид ссылок */
    #pun-navlinks li a {
        margin-right: 8px!important;
        font-size: 11px!important;
        font-family: OLD KHARKIV REGULAR!important;
        color: #6b6b6b!important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
    настраиваем вид ссылок при наведении */
    #pun-navlinks li a:hover {  
        color: #bbb19b!important;
    }
    
    /* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
    -------------------------------------------------------------*/
    #pun-ulinks .container {
        position: absolute;
        display: inline;
        padding: 0!important;
        font-family: tahoma!important;
        text-transform: lowercase;
        width: 1027px !important;
        text-align: center !important;
        font-style: normal;
        font-weight: 400;
        top: 0px;
    }
    
    /* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
    В том случае, если нужно будет придать каждой из ссылок свое собственное расположение
    -------------------------------------------------------------*/
    /* MAIN */
    #navindex {
    display: inline;
        padding-right: 1em;
    }
    /* USERS */
    #navuserlist {
    display: inline;
        padding-right: 1em;
    }
    
    /* SEARCH */
    #navsearch {
    display: inline;
        padding-right: 1em;
    }
    
    /* PROF */
    #navprofile {
    display: inline;
        padding-right: 1em;
    }
    
    /* SMS */
    #navpm {
    display: inline;
        padding-right: 1em;
    }
    
    /* EXIT */
    #navlogout {
    display: inline;
        padding-right: 1em;
    }
    
    /* REG */
    #navregister {
    display: inline;
        padding-right: 1em;
    }
    
    /* ENTER */
    #navlogin {
    display: inline;
        padding-right: 1em;
    }
    
    /* PR */
    #navpr_1 {
    display: inline;
        padding-right: 1em;
    }
    
    /* AMS */
    #navadmin {
    display: inline;
        padding-right: 1em;
    }
    
    
    /* AWARDS HIDDEN */
     #navawards a span {
      display:none;}
     #navawards a {
      display:none;
    }
    
    /* D4 ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
    Новые сообщения, активные темы, Темы без ответов и т.д.
    -------------------------------------------------------------*/
    
    /* D4.1 НЕ ТРОГАЕМ */
    #pun-ulinks  {
        border: 2px solid transparent;
        margin-bottom: 15px;
    }
    
    /* НЕ ТРОГАЕМ */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
        white-space: nowrap;
    }
    /* НЕ ТРОГАЕМ */
    #pun-ulinks li a {
        padding: 0 0 0 5px;
    }
    
    /* D5 СТРОКА ПРИВЕТСТВИЯ
    -------------------------------------------------------------*/
    
    /* D5.1 НЕ ТРОГАЕМ */
    #pun-status, #pun-status .container {
      border-bottom: none;
      margin-bottom: 0;
      }
    
    /* D5.2 ВАЖНО!!! НАСТРОЙКИ СТРОКИ ПРИВЕТСТВИЯ */
    #pun-status .container {
        position: absolute;
        width: 1035px;
        text-align: center;
        top: 25px;
        font-family: tahoma!important;
        letter-spacing: 2px;
        color: #7e705a!important;
        font-size: 6px;
        line-height: 11px;
        font-variant: all-small-caps;
        text-transform: lowercase;
        font-weight: bolder;
    }
    
    #pun-status strong {    font-weight: normal;    #574b57!important;}
    
    /* D5.3 НЕ ТРОГАЕМ */
    #pun-status span {
      white-space: nowrap;
      margin-right: 0.5em;
      }
    
    /* D5.5 НЕ ТРОГАЕМ */
    #pun-crumbs1 p.container {
        border-top: none;
        font-size: 8px;
        line-height: 11px;
        font-variant: small-caps;
        overflow: hidden;
        margin-top: 120px;
        text-transform: uppercase;
    }
    
    /* D5.6 НЕ ТРОГАЕМ */
    #pun-break1 {
      border-style: solid none;
      border-width: 1px 0;
      height: 0;
      margin: 30px 1em;
      position: relative;
      z-index: 1;
      }
    
    /* D6 ОБЪЯВЛЕНИЕ
    -------------------------------------------------------------*/
    
    /* D6.1 НЕ ТРОГАЕМ */
    #pun-announcement h2 {
      padding: 0;
      margin: 0 15px -3.5em 1em;
      border-style: none none solid none;
      border-width: 0 0 1px 0;
      position: relative;
      display:none;
      }
    
    /* D6.2 НЕ ТРОГАЕМ */
    #pun-announcement h2 span {
      display: block;
      padding: 1em 0 0.8em 0;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      }
    
    /* D6.3 НЕ ТРОГАЕМ */
    #pun-announcement .container {
        text-align: center;
        margin-top: 170px;
      }
    
    /* D7 СТАТИСТИКА
    -------------------------------------------------------------*/
    
    /* D7.1 СТАТИСТИКА
    Можно добавить особенный шрифт и цвет, но можно и не трогать*/
    #pun-stats .container {
      padding: 0.8em 2em;
      font-family: tahoma!important;
      font-size: 11px;
      text-transform: lowercase;
      }
    
    /* БОРДЕР ВОКРУГ СТАТИСТИКИ */
    #pun-stats ul.container{
        border-radius: 20px;
        border: solid 1px #b1a383!important;
        margin: 0px 13px 0px 60px;
        padding: 20px 20px 30px 20px;
        background: #a39a8547;
        text-align: center;
      }
    
    /* D7.2 НЕ ТРОГАЕМ */
    #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
        letter-spacing: 0.5px;
        color: #7e7056!important;
        text-align: center;
        padding: 7px 10px 7px 10px;
        margin-right: 5px;
        display: inline;
        font-size: 7px;
        /* top: -13px; */
        line-height: 12px;
        text-transform: uppercase;
        align-content: center;
        font-weight: 600;
        border-radius: 5px;
        background: #a79d8596;
      }
    
    /* D7.4 НЕ ТРОГАЕМ */
    li#onlinelist {
        margin-top: 1em;
        border-top-style: solid;
        border-top-width: 1px;
        text-align: left!important;
        width: 100%;
        line-height: 130%;
        font-family: play;
      }
    
    /* D7.5 НЕ ТРОГАЕМ */
    li#onlinelist div {
      border-top-style: solid;
      border-top-width: 1px;
      padding: 0.7em 0 0 0;     line-height: 16px;
      }
    
    /* D8 НЕ ТРОГАЕМ
    -------------------------------------------------------------*/
    
    /* D8.1 НЕ ТРОГАЕМ */
    #pun-qjump {
      margin: 0;
      border: none;
      width: 50%;
      position: relative;
      float: left;
      }
    
    /* D8.2 НЕ ТРОГАЕМ */
    #pun-qjump .container {
      border: none;
      background: transparent;
      padding: 0.8em 1em;
      }
    
    /* D8.3 НЕ ТРОГАЕМ */
    #pun-about {
      margin-top: 0;
      }
    
    /* D8.4 НЕ ТРОГАЕМ */
    #pun-about .container {
      border-top-style: none;
      text-align: right;
      line-height: 150%;
      padding: 0.8em 1em;
      }
    
    /* D8.5 НЕ ТРОГАЕМ */
    #pun-about p span {
      display:block;
      padding-left: 50%;
      }
    
    /* D8.6 НЕ ТРОГАЕМ */
    #pun-crumbs2 {
      overflow: hidden;
      margin-bottom: 0;
      border-bottom: none;
      }
    
    /* D8.7 НЕ ТРОГАЕМ */
    #pun-crumbs2 .container {
      border-bottom: none;
      padding: 0.8em 1em;
      }
    
    /* D8.8 НЕ ТРОГАЕМ */
    #pun-break4 {
      margin: -2px 1em;
      border-style: solid none;
      border-width: 1px 0;
      position: relative;
      height: 0;
      z-index: 1;
      }
    
    /* D8.9 НЕ ТРОГАЕМ */
    div.punbb-admin #pun-about .container {
      border-top-style: solid;
      border-top-width: 1px;
      }
    
    
    /* D9 НЕ ТРОГАЕМ
    -------------------------------------------------------------*/
    
    /* D9.1 НЕ ТРОГАЕМ */
    #pun-help .formal .info-box h3.legend {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 0;
      margin-bottom: 0.8em;
      }
    
    /* D9.2 НЕ ТРОГАЕМ */
    #pun-help .formal .info-box h3.legend span {
      padding-bottom: 0.6em;
      display: block;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      font-size: 1.1em;
      }
    
    /* D9.3 НЕ ТРОГАЕМ */
    #pun-help .formal p, #pun-help .formal dd {
      margin-bottom: 1em
      }
    
    /* D9.4 НЕ ТРОГАЕМ */
    #pun-help .formal ul, #pun-help .formal dl {
      padding: 0 0 0 1em
      }
    
    /* D9.5 НЕ ТРОГАЕМ */
    #pun-help .formal li {
      padding: 0;
      line-height: 130%
      }
    
    /* D9.6 НЕ ТРОГАЕМ */
    #pun-help .formal li * {
      vertical-align: text-top
      }
    
    /* D9.7 НЕ ТРОГАЕМ */
    #pun-help .formal dt span {
      font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
      }
    
    /* D9.8 НЕ ТРОГАЕМ */
    #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
      padding-bottom: 0;
      }
    
    /* ФОРМА ОТВЕТА */
    #main-reply {height: 220px;}
    /* ФОРМА ОТВЕТА В АДМИНЕ */
    #pun-admain textarea {    width: 94%!important;}
    
    /*************************************************************
    
    НЕ ТРОГАТЬ
    
    **************************************************************/
    /* РАСПОЛОЖЕНИЕ ФОРУМА ПО ЦЕНТРУ
    -------------------------------------------------------------*/
    #pun {
        background-position: center top;
        background-repeat: repeat-y;
    }
    
    #pun-title {border: none}
    
    .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    font-size: 0px
    }
    
    #pun-index h2 {
        font-size: 3px!important;
        color: #b59d55;
        padding: 0 0 0 0!important;
        font-family: 'tahoma';
        font-weight: bold;
        letter-spacing: 7px;
        text-align: center;
        font-variant: all-small-caps;
    }
    
    
    #pun-main div.catleft, #pun-main div.catright {
        display: none;
    }
    .punbb th {font-size: 0!important;}
    
    
    /* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ
    -------------------------------------------------------------*/
    .topic a.sharelink {
        display: none;
    }
    
    /* НЕ ТРОГАЕМ - НЕ ТРЕБУЕТ ИЗМЕНЕНИЙ
    -------------------------------------------------------------*/
    .punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {border-color: transparent;}
    
    html, body {min-width: 1200px!important;}
    
    .punbb input {
        border: medium none;
    }
    
    
    
    /* НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    #pun-main .post-author ul {
        text-align: center;
    }
    
    /* НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
        border-color: transparent;
        text-align: justify;
    }
    
    /* НЕ ТРОГАТЬ
    -------------------------------------------------------------*/
    .punbb .user-avatar {
        float: left;
        position: relative;
        height: 36px;
        width: 36px;
        margin: -5px 9px 1px 0px!important;
    }
    
    .punbb .user-avatar .avatar-image {    
        border-radius: 50% !important;
        height: 50px !important;
        width: 50px !important;
        opacity: 0.5 !important;
        margin: -7px -15px !important;
        box-shadow: 0 0 6px #6d695de3 !important;
        border-color: #3e2c25!important;
        filter: sepia(1) brightness(0.5)!important;}
    
    .punbb .user-avatar .isonline {
        width: 9px;
        height: 9px;
        border-radius: 40%;
        display: block;
        position: absolute;
        top: -10px!important;
        right: -5px!important;
            animation: blinkColor .9s linear infinite!important;
        -moz-animation: blinkColor .9s linear infinite;
        -webkit-animation: blinkColor .9s linear infinite;
        background: #684c2a!important;
        z-index: 100;
    }
    
    #pun-status .status-right { float:none!important; }
    
    #pun-status .status-right a  { color: #6f6f6f!important; }
    
    .adminmain {
        padding-left: 15em;
        margin-bottom: 2em;
    }
    
    /* КНОПКИ СПОЙЛЕРЫ
    -------------------------------------------------------------*/
    .knopka_rasy {
        display: inline-block;
        cursor: pointer;
        width: 157px;
        padding: 6px;
        background: linear-gradient(to right, #837739, #5c6d4e);
        text-align: center;
        font-family: Yeseva One;
        font-size: 22px;
        border: 1px solid #837739;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);
    }
    
            
    .knopka_rasy_big {
        display: inline-block;
        cursor: pointer;
        width: 506px;
        padding: 6px;
          background: linear-gradient(to right, #837739, #5c6d4e);
        text-align: center;
        font-family: Yeseva One;
        font-size: 22px;
        border: 1px solid #837739;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);
        }
    
    .knopka_rasy_med  {
    display: inline-block;
        cursor: pointer;
        width: 245px;
        padding: 6px;
        background: linear-gradient(to right, #837739, #5c6d4e);
        text-align: center;
        font-family: Yeseva One;
        font-size: 22px;
        border: 1px solid #837739;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);}
    
    
    .knopka_rasy_banshee {
        display: inline-block;
        cursor: pointer;
        width: 480px;
        padding: 6px;
          background: linear-gradient(to right, #837739, #5c6d4e);
        text-align: center;
        font-family: Yeseva One;
        font-size: 22px;
        border: 1px solid #837739;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);}
        
    .knopka_sen {
        display: inline-block;
        cursor: pointer;
        width: 150px;
        padding: 6px;
          background: linear-gradient(to right, #948f82, #938e81);
        text-align: center;
        font-family: Yeseva One;
        font-size: 22px;
        border: 1px solid #928680;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);
    }
    
      .stylevkladok {
      display: none;
        background: linear-gradient(to right, #978e7754, #8e856e75);
        border-radius: 5px;
        padding: 20px;
        border: 1px solid #837739;
        box-shadow: inset 0px 0px 2px #cec8b8, inset 0px 0px 1px #fff7df, inset 0px 0px 30px rgb(95 51 24 / 20%);
        line-height: 16px;
        margin-top: 15px;
      }
    
    
    /* ВСПЛЫВАЮЩАЯ ЛС
    -------------------------------------------------------------*/
    
    
    .reveal-modal-bg { 
    	position: fixed; 
    	height: 100%;
    	width: 100%;
    	background: #000;
    	background: rgba(0,0,0,.8);
    	z-index: 100;
    	display: none;
    	top: 0;
    	left: 0; 
    	}
    .reveal-modal {
    	visibility: hidden;
    	top: -160px; 
    	left: 50%;
    	width: 900px;
    	position: absolute;
    	z-index: 101;
    	padding: 1px 1px 1px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    	-box-shadow: 0 0 10px rgba(0,0,0,.4);
    	}
    
    .reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
    	
    .reveal-modal .close-reveal-modal {
    	font-size: 22px;
    	line-height: .5;
    	position: absolute;
    	top: 1px;
    	right: 26px;
    	color: #343434;
    	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    	font-weight: bold;
    	cursor: pointer;
            text-decoration: none;
    }
    
    #pun-messages .post h3 {
        background: #beb694;
        width: 757px;
        margin-left: -95px!important;
    }
    
    #pun-messages .post-author {
        margin-left: -75px!important;
    }
    
    #pun-messages .post-author ul {
    
    }
    
    #pun-messages .post-body {
        margin-left: 200px;
        border-left-style: solid;
        border-left-width: 1px;
        padding: 2px 0px 0px 34px;}
    
    #pun-messages .post-box {
        padding: 0em!important;}
    
    #pun-messages .post-content {
        width: 100%!important;
        overflow: hidden;
        text-align: justify;}
    
    #pun-messages .pa-posts {    padding: 2px 4px 2px 4px !important;
        width: 90px;
        height: 15px;
        text-transform: lowercase;
        font-size: 9px;
        display: inline-block;
        color: #626262cf!important;
        text-shadow: 1px 1px black;
        margin-top: 27px!important;
    }
    
    /* ХОЧУ И ТРОГАЮ там в общем длина полей ввода
    -------------------------------------------------------------*/
    .punbb input#fld3 {
       width: 450px !important;
    }
    
    .punbb input#fld5 {
       width: 450px !important;
    }
    
    
    
    /*************************
    Стиль для Быстрой смены аккаунтов
    Deff
    *************************/
    /*Cкрытие формы входа без клика*/
    #pun-navlinks a:not(.NextShow)+span.odd{
    display:none!important;
    }
    #pun-navlinks #New-exit img{
    position:absolute;
    margin: 0;
    width:22px;
    height:auto;
    opacity:.8;
    }
    #pun-navlinks #New-exit:hover{
    opacity: .4;
    }
    /*Стиль доп-иконки Выход!*/
    .punbb #pun-navlinks a#New-exit {
      position:absolute;
      z-index:100000!important;
      margin-top: 0px!important;
      margin-left: 29px!important;
      float:none!important;
    }
    .punbb #pun-navlinks a#New-exit:before {
        content:none;
    }
    .punbb #pun-navlinks #form-login input{
        text-align: center;
        border: 1px inset rgb(65 81 53)!important;
        text-rendering: auto;
        margin-top: 4px!important;
        border-radius: 5px;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block!important;
        text-align: center;
        font: normal normal 400 11px/normal Arial!important;
        background-color: rgb(32 46 22);
        box-shadow: inset 0px 0px 3px rgb(35 35 35);
    }
    .punbb #form-login #fld1,#form-login #fld2{
    background-color: rgb(250, 255, 189);
    }
    .punbb #pun-navlinks #form-login input[type="submit"]{
        border: 2px outset #282828!important;
        color: #bab2a0!important;
        font-weight: 700!important;
    }
    /*Стиль формы входа*/
    .punbb #pun-navlinks #form-login {
        text-shadow: 1px 1px 0 rgb(0 0 0);
        display: block;
        font: normal normal 400 11px/normal Tahoma;
        color: #555555;
        text-transform: none;
        position: absolute!important;
        left: 0px;
        top: 50px;
        z-index: 100000!important;
        padding: 7px 12px;
        background: #3a4830;
        border-color: #837739;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-radius: 0 0 6px 6px;
        text-align: center;
    }
    #pun-navlinks #navlogin #form-login {
    margin-left: -35px;/*Подвижки формы влево от вход*/
    }
    #pun-navlinks #navlogout #form-login {
    margin-left: -35px;/*Подвижки формы влево от выход*/
    }
    .ismoderator #pun-navlinks #navlogout #form-login {
      margin-left: -35px!important;/*Подвижки формы влево от выход для АМС*/
    }
    /*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
    #pun-navlinks #form-login input[value="Войти"]+p{
    margin-bottom: 11px;
    margin-top: 11px;
    }
    .punbb #pun-navlinks #form-login a.Rega,
    .punbb #pun-navlinks #form-login a.Forgot{
    position:relative;
    text-transform: none!important;
    z-index:20;
    text-shadow:none;
    cursor:pointer;
    font: normal normal 400 10px/normal Tamota!important;
    letter-spacing:0.5!important;
    }
    .punbb #pun-navlinks #form-login a.Rega:before,
    .punbb #pun-navlinks #form-login a.Forgot:before{
      content:none;
    }
    /* Помечаем красным незаполненные поля!*/
    #form-login input.none{
    outline:red dashed 2px!important;
    }
    /*Форма слево(с Никами) */
    #List-UserNames {
       position: absolute;
        margin-top: -8px;
        min-height: 90px;
        width: 220px;
        right: 100%;
        padding: 12px 19px 12px 17px;
        background: #3a4830;
        border-color: #837739;
        border-style: solid;
        border-width: 1px 2px 2px 2px;
        border-radius: 0 0 0px 6px;
        text-align: center;
    }
    /*Стиль контейнера под список Ников*/
    .punbb #List-UserNames ul{
    padding:0;
    overflow:hidden;
    overflow-y:auto;
    min-height:36px;
    }
    .punbb #List-UserNames li {
       display: block!important;
        position: relative;
        background: #202e16;
        text-align: left;
        box-shadow: 2px 2px 1px rgb(17 25 11);
        padding-left: 5px!important;
        font: normal normal 700 12x/normal Verdana!important;
        margin: 1px auto!important;
        padding: 2px 0;
        transition: .33s;
    }
    .punbb #List-UserNames li:hover{
    opacity:.84;
    /*background:#546a6b!important;*/
    }
    /*Стиль Ников*/
    .punbb #List-UserNames li>b{
       cursor: pointer;
        opacity: .8;
        color: #555555;
        text-shadow: 1px 1px 1px rgb(0 0 0);
    }
    .punbb #List-UserNames li>b:hover{
    opacity:.93;
    text-shadow:1px 1px 1px rgba(0,0,0,.6);
    }
    /*Скролл контейнера с никами*/
    #List-UserNames ul::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    }
    #List-UserNames ul::-webkit-scrollbar-track {
    background-color: #3e2a24;
        border: 1px solid #6a524b;
        box-shadow: none;
    }
    #List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #40302a;
        border: 1px solid #89766f;
        box-shadow: none;
    }
    /*Кнопки Удалить (правее ников)*/
    #List-UserNames ul li>span {
        display: inline-block;
        padding: 0 3px;
        position: absolute;
        opacity: .88;
        cursor: pointer;
        top: 0;
        bottom: 0;
        right: 2px;
        font: normal normal 700 10.56px/normal Verdana;
        color: #555555;
        text-shadow: 1px 1px 1px rgb(0 0 0);
    }
    /*Текст при отсутствии запомненных Ников!*/
    #List-UserNames ul:empty:before{
    display:inline-block;
    content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
    }
    /*Кнопка выход-2*/
    #navlogin #exit-2 {
    display:none;
    }
    #navlogout .Rega,
    #navlogout .Forgot {
    display:none;
    }
    /*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
    #List-UserNames ul+span{
    display:inline-block;
    padding:6px 0 8px 0;
    text-align:left;
    font: normal normal 400 10.56px/normal Verdana;
    }
    /*Сам инпут*/
    .punbb #List-UserNames input {
        background: rgb(42 26 21);
        border: 2px inset rgb(62 42 36)!important;
        border-radius: 6px;
        text-shadow: none!important;
        color: #3e2a24!important;
        background-color: #342a23;
        font: normal normal 400 11px/normal Arial!important;
        box-shadow: inset 0px 0px 3px rgb(18 9 6);
        margin-top: 9px;
        padding: 2px !important;
        vertical-align: middle;
    }
    /*Стрелочки к инпуту*/
    #List-UserNames ul+span b{
    font: normal normal 400 13px/normal Verdana;
    padding:0 3px;
    color: #342D2C;
    }
    /*Кликалка слево, чуть выше инпута*/
    #List-UserNames .a1-copy{
    display:inline-block!important;
    cursor:pointer;
    float:left;
    }
    /*Кликалка справо*/
    #List-UserNames .a1-paste{
    cursor:pointer;
    display:inline-block!important;
    float:right;
    }
    /*Подсказки на кликалках*/
    .tipsy.a11 {
    font: normal normal 400 11px/normal Tahoma!important;
    margin-top:-22px!important;
    margin-left: 148px!important;
    max-width:170px;
    }
    /*************************
    //Конец Стиля для Быстрой смены аккаунтов
    *************************/
    
    

    0

    4

    цвета ксс

    Код:
    /*************************************************************
    
    ПАН ТЕЛО
    
    **************************************************************/
    /* A5.1 ПАН ИЛИ ТЕЛО
    здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
    -------------------------------------------------------------*/
    #pun {
        margin: auto;
        position: relative;
        width: 1083px;
        margin: 325px auto -10px auto;
        background: repeat transparent url(https://forumstatic.ru/files/001a/e2/69/40354.png);
        background-position: center;
        padding-top: 185px;
        padding-bottom: 110px;
        margin-bottom: 47px;
    }
    
    /* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
    -------------------------------------------------------------*/
    .punbb {
        height: auto;
        margin-left: 25px;
        width: 980px;
    }
    
    /*************************************************************
    
    ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА
    
    **************************************************************/
    
    /* ЗАДНИЙ ФОН
    -------------------------------------------------------------*/
    
    body {background: url(https://forumstatic.ru/files/001a/e2/69/89350.png) center 0 no-repeat,
    url(https://forumstatic.ru/files/001a/e2/69/76712.png) center 0 no-repeat fixed;
    background-size: auto, cover;
    }
    
    
    
    /* ШАПКА
    -------------------------------------------------------------*/
    #pun-title table {
        background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/e2/69/12719.png);
        border: none;
        margin-left: -159px;
        margin-bottom: -130px;
        width: 1350px;
        height: 450px;
        margin-top: -513px;
    }
    
    /* ФУТЕР
    -------------------------------------------------------------*/
    #pun-about p.container {
        background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/e2/69/17280.png) no-repeat scroll bottom center;
        height: 200px;
        margin-bottom: -315px;
        margin-left: -36px;
        margin-top: -220px;
        width: 1083px;
        padding-top: 0px!important;
        border: none !important;
        padding-bottom: 160px!important;
    }
    
    /* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
    -------------------------------------------------------------*/
    #pun-about .container .item1 {
        margin-top: 215px;
        width: 1083px;
        position: absolute;
        font-family: arial;
        font-size: 9px;
        text-align: center;
        text-transform: lowercase;
    }
    
    /*************************************************************
    
    ПРОФИЛЬ
    
    **************************************************************/
    
    /* РАМКА ПРОФИЛЯ В ТОПИКЕ
    -------------------------------------------------------------*/
    .post-author {
        width: 270px;
        background: url(https://forumstatic.ru/files/001a/e2/69/81837.png) top no-repeat, url(https://forumstatic.ru/files/001a/e2/69/42940.png) bottom no-repeat, url(https://forumstatic.ru/files/001a/e2/69/57447.png) repeat-y;
        margin-left: -41px!important;
        padding-bottom: 20px!important;
        margin-top: -30px!important;
    }
    
    /* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
    -------------------------------------------------------------*/
    .post-author ul {
        margin-left: 29px;
        margin-top: 4px;
        width: 227px;
        padding: 0px !important;
    }
    
    /* НИК АВТОРА В ТОПИКЕ
    -------------------------------------------------------------*/
        .pa-author {
        letter-spacing: 0px;
        width: 218px;
        position: relative;
        padding-left: 19px;
    }
    
    /* НИК АВТОРА В ТОПИКЕ ССЫЛКА
    -------------------------------------------------------------*/
    .pa-author a {
        color: #8f7d55!important;
        font-size: 14px;
        text-shadow: rgb(0 0 0) 1px 1px 0px;
        font-family: OLD KHARKIV REGULAR!important;
        text-transform: uppercase;
    }
    
    /*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-author a:hover { color: #bbb19b!important;
    }
    
    /* СТАТУС ЛИЧНОЕ ЗВАНИЕ
    -------------------------------------------------------------*/
    .pa-title {
       font-size: 9px!important;
        padding: 10px 13px 0px 13px!important;
        text-align: center;
        color: #787878!important;
        text-transform: lowercase;
        text-shadow: 1px 1px black;
        letter-spacing: 1px;
        font-family: 'Play'!important;
    }
    
    /* АВАТАР ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-avatar {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        text-align: center;
    }
    
    /* ЗАДАЕМ ТЕНЬ И РАМКУ АВАТАРУ
    -------------------------------------------------------------*/
    .pa-avatar img {
        max-width: 180px;
        max-height: 180px;
        border: 1px solid #2d2d2d!important;
        box-shadow: 0 0 2px #000000e0;
    }
    
    /* ПОЛЯ ПРОФИЛЯ
    -------------------------------------------------------------*/
    .pa-fld1 {        background: url(https://forumstatic.ru/files/001a/e2/69/99169.png) no-repeat;
        width: 239px;
        height: 41px;
        margin: 12px 0px 19px -6px!important;
    }
    
    #pl1 {font-family: 'Neothic'!important;
        font-size: 12px;
        color: #595959!important;
        padding: 6px 0 0 0px;
        text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    #pl1 a{    color: #717171!important;}
    
    #pl2 {font-family: 'tahoma';
        font-size: 10px;
        color: #595959!important;
        text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
        margin-top: -2px!important;
        padding-left: 0px;
        text-transform: lowercase;
        font-variant: all-small-caps;
        font-weight: bold;
        letter-spacing: 2px;
    }
    
    #pl0 {margin-bottom: -70px;
        padding: 0px 9px 10px 10px;
        margin-left: -4px!important;}
    
    hr {
    border: none;
    border-top: dashed 1px;}
    
    .pa-fld2 {
        line-height: 1.1;
        max-width: 191px;
        margin: 0px 21px 10px 21px !important;
        font-size: 10px;
        font-family: tahoma!important;
        color: #595959!important;
        text-align: justify;
        padding: 10px !important;
    background-color: #0f0f0f;
        border: 1px solid #242424;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;
        text-shadow: 1px 1px black;
        letter-spacing: 0.5px;
    }
    
    #lz a {
           font-family: neothic!important;
        font-size: 12px!important;
        color: #666666!important;
        font-weight: bold;}
    
    #lz a:hover {color: #bbb19b!important;}
    
    .pa-fld3 {
    padding: 2px 3px 2px 4px!important;
        width: 84px;
        height: 15px;
        text-transform: lowercase;
        font-size: 9px;
        display: inline-block;
        color: #595959!important;
        text-shadow: 1px 1px black;
        background-color: #0f0f0f;
        border: 1px solid #242424;
    }
    
    .pa-fld4 {
        display: inline-block;
        background: url(https://forumstatic.ru/files/001a/e2/69/85464.png);
        width: 215px;
        height: 35px;
        margin-bottom: 10px!important;
    }
    
    .pa-fld5 {
    padding: 2px 3px 2px 4px!important;
        width: 84px;
        height: 15px;
        text-transform: lowercase;
        font-size: 9px;
        display: inline-block;
        color: #595959!important;
        text-shadow: 1px 1px black;
        background-color: #0f0f0f;
        border: 1px solid #242424;
    }
    
    #profilenav h2 {
        text-align: left !important;
    }
    
    /* ПОСТЫ, РЕПУТАЦИЯ
    -------------------------------------------------------------*/
    .pa-posts, .pa-respect {
        padding: 2px 3px 2px 4px!important;
        width: 84px;
        height: 15px;
        text-transform: lowercase;
        font-size: 9px;
        display: inline-block;
        color: #595959!important;
        text-shadow: 1px 1px black;
        margin-bottom: 8px!important;
        margin-top: 2px!important;
        background-color: #0f0f0f;
        border: 1px solid #242424;
    }
    
    /* СЛОВО РЕПУТАЦИЯ — ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
    -------------------------------------------------------------*/
    .pa-respect a {    color: #606060!important;}
    
    /* СДВИГ КОЛ-ВА ПОСТОВ
    -------------------------------------------------------------*/
    .pa-posts {margin-left: 0px!important}
    
    /* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
    -------------------------------------------------------------*/
    #pun-post .pa-author {
        width: 252px !important;
        letter-spacing: 1px;
        margin-top: 6px!important;
        color: #8b7c49!important;
        font-size: 20px;
        text-shadow: rgb(0 0 0) 1px 1px 0px;
        font-family: OLD KHARKIV REGULAR!important;
        text-align: center;
        height: 130px;
    }
    
    /* ССЫЛКИ ПРОФИЛЬ, ЛС, EMAIL ПОД ПРОФИЛЕМ ПОЛЬЗОВАТЕЛЯ В ТОПИКЕ
    Возможно, придется двигать с помощью последнего параметра*/
    
    .punbb .post-links ul {
        padding: 0 1em 0 0;
        height: 2em;
        line-height: 2em;
        border-top-style: dashed;
        border-top-width: 1px;
        background: transparent;
        text-align: right;
        margin-left: -21em;
    }
    
    /* ВРЕМЯ И НОМЕР ПОСТА
    -------------------------------------------------------------*/
    .post h3 {
        height: 50px;
        margin: 5px 0px 5px -46px;
        border: none;
        text-transform: lowercase;
    }
    
    /* НОМЕР ПОСТА (МОЖНО ПОДВИНУТЬ)
    -------------------------------------------------------------*/
    #pun .post h3 strong {
        margin-left: 390px;
        position: absolute;
        width: 270px;
        text-align: right!important;
        padding: 0px!important;
    }
    
    /* АЙПИ В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-ip {
        clear: both;
        color: #606060!important;
        font-size: 7px;
        margin-top: -1px!important;
    }
    
    .pa-ip a {color: #606060!important;}
    
    /* НЕ ОТОБРАЖАТЬ ПОСЛЕДНЕЕ ИЗМЕНЕНИЕ И НАГРАДЫ И МОДЕРОВ
    -------------------------------------------------------------*/
    .lastedit {
        display: none !important;
    
    .modlist {display: none !important;}
    }
    
    /* НЕ ОТОБРАЖАТЬ ПОДАРКИ
    -------------------------------------------------------------*/
    .pa-gifts {
        display: none;
    }
    
    .pa-awards {
        padding: 0px 0px 25px 0px!important;
    }
    
    /*************************************************************
    
    ЦВЕТ ТЕКСТА И КОНТЕНТ ПОСТА
    
    **************************************************************/
    
    /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
    -------------------------------------------------------------*/
    .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
        border-color: transparent;
        color: #655a4c;
    }
    
    .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
        border-color: transparent;
        color: #655a4c;
    }
    
    /* ЦВЕТ ТЕКСТА ПОСТОВ
    -------------------------------------------------------------*/
    .punbb .post-box {
        color: #17130b;
    }
    
    /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
    -------------------------------------------------------------*/
    .linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
        text-transform: lowercase;    color: #020a0ed9;}
    
    /* КОНТЕНТ ПОСТА (РЕДКО ПРИХОДИТСЯ ТРОГАТЬ)
    -------------------------------------------------------------*/
    .post-content {margin: -10px 0px 0px 0px !important;}
    
    /*************************************************************
    
    ЦВЕТ ССЫЛОК
    
    **************************************************************/
    
    /* ЦВЕТ ССЫЛОК НА ФОРУМЕ
    -------------------------------------------------------------*/
    .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
        border: none;
        text-decoration: none;
        transition: color 0.3s ease-in-out;
        color: #7e7056;
    }
    
    /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
        border: none !important;
        text-decoration: none;
        border: none !important;
        color: #4e442f;
    }
    
    /*************************************************************
    
    ПОДФОРУМ
    
    **************************************************************/
    
    /* ПОДФОРУМ
    -------------------------------------------------------------*/
    #pun-index .tclcon {
        line-height: 13px;
        font-variant: small-caps;
        font-weight: bolder;
        letter-spacing: 0.5px;
        font-family: tahoma!important;
        font-size: 10px;
        text-transform: lowercase;
        min-height: 80px;
        margin-left: 20px;
        text-align: justify;
        padding: 5px 30px;
        width: 430px;
        position: relative;
    }
    
    #pun-index .hasicon tr {
        z-index: 1;
        width: 900px;
        position: relative;
        display: table;
        background: #a39a8547;
        margin-bottom: 20px !important;
        margin-left: 64px;
        border-radius: 7px;
        border: 1px #b1a383;
        border-style: double;
    }
    
    
    
    /* ПОДФОРУМ — НАЗВАНИЕ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-index .tclcon h3 a {
      color: #7e7056;
        font-size: 13px;
        display: block;
        margin-bottom: 15px;
        position: relative;
        font-family: OLD KHARKIV REGULAR!important;
        font-weight: 100;
        padding: 0px 0px 0px 82px;
        text-transform: uppercase;
        font-variant: normal;
        background: #91876b66;
        width: 450px;
        margin-left: -84px;
    }
    
    /* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-index .tclcon a { line-height: 22px;}
    
    #pun-index .tclcon a:hover { line-height: 22px;
    color: #4e442f!important;}
    
    /* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
    -------------------------------------------------------------*/
    
    .Tems_And_messages {
       display: inline-block;
        font-family: tahoma;
        text-transform: uppercase;
        font-size: 0px;
        color: #8d886c;
        padding: 3px 0px 3px 25px;
        letter-spacing: 1px;
        font-weight: bolder;
        font-variant-caps: all-small-caps;}
    
    .main table .Add {
        display: block;
        padding: 0px;
        width: auto;
        position: absolute;
        top: 16px;
        right: 20px;
    }
    
    /* описание подфорумов и ссылки */
    .f_desc_wrap {
      display: flex;
        justify-content: space-between;
        gap: 15px;
        flex-direction: column;
        color: #7e7056!important;
    }
    
    .f_desc {
      flex: 0 0 1;
      width: auto /*ширина блока с текстом*/
    }
    
    .f_links {
      flex: 0 0 auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 2px;
        width: 100% /*ширина блока ссылок*/;
    }
    
    .f_links a {
        background: #a79d8466;
        padding: 2px 10px;
        flex: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        transition: all .3s!important;
        font-family: tahoma;
        font-size: 10px;
        line-height: 13px!important;
        font-variant-caps: all-small-caps;
        border-radius: 5px;
    }
    
    .f_links a:hover {
      background: #c9c0a6;
      letter-spacing: 1px
    }
    
    /* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
    -------------------------------------------------------------*/
    #pun-index .tcr a {
        font-size: 10px;
        text-transform: uppercase;
        font-family: 'BAHNSCHRIFT'!important;
        font-weight: 700;
    }
    
    /* КОЛИЧЕСТВО МЕСТА, КОТОРОЕ ЗАНИМАЕТ ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА НА ГЛАВНОЙ
    -------------------------------------------------------------*/
    #pun-index .tcr {
        width: 33%!important;
        text-align: left;
        font-family: tahoma!important;
        font-size: 10px;
        text-transform: lowercase;
    }
    
    /* КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ В ПОДФОРУМЕ
    -------------------------------------------------------------*/
    #pun-index .tc2, #pun-index .tc3 {
        width: 10%;
        font-family: tahoma!important;
        font-size: 12px;
            display: none;
    }
    
    /*************************************************************
    
    КАТЕГОРИИ И СТАТИСТИКА
    
    **************************************************************/
    
    /* КАТЕГОРИИ
    
    ВАЖНО! Если категорий больше 5, копируете одру из категорий и заменяете последнюю цифру
    например: чтобы получить шестую категорию, сделайте из pun-category5 — pun-category6
    
    -------------------------------------------------------------*/
    
    /* СТАТИСТИКА
    -------------------------------------------------------------*/
    #pun-stats.section h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    /* ПЕРВАЯ
    -------------------------------------------------------------*/
    #pun-category1 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    
    /* ВТОРАЯ
    -------------------------------------------------------------*/
    #pun-category2 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    /* ТРЕТЬЯ
    -------------------------------------------------------------*/
    #pun-category3 h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    /* ЧЕТВЕРТАЯ
    -------------------------------------------------------------*/
    #pun-category4 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    
    /* ПЯТАЯ
    -------------------------------------------------------------*/
    #pun-category5 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    
    /* ШЕСТАЯ
    -------------------------------------------------------------*/
    #pun-category6 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/89582.png) no-repeat;
        border: none !important;
        width: 1083px;
        height: 125px;
        margin-left: -25px !important;
        display: inherit;
    }
    /*************************************************************
    
    ФОРУМНАЯ И ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
    
    **************************************************************/
    
    /* КОНТЕЙНЕР С ФОРУМНОЙ НАВИГАЦИЕЙ
    -------------------------------------------------------------*/
    #pun-navlinks .container {
        border-color: transparent;
        color: #152115;
    }
    
    /* ЦВЕТ ССЫЛОК ФОРУМНОЙ НАВИГАЦИИ
    -------------------------------------------------------------*/
    #pun-navlinks a {
        font-size: 0px !important;
        text-align: center;
        transition: all 0.3s ease-in-out 0.1s;
        display: inline-block;
        padding: 0 !important;
    }
    
    /* КОНТЕЙНЕР НАВИГАЦИОННЫХ ССЫЛОК
    -------------------------------------------------------------*/
    #pun-navlinks .container {
        border: none;
        margin: 0;
        margin-top: -179px!important;
        font-weight: normal;
        text-align: center;
        width: 1035px!important;
    
    }
    
    /* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ
    -------------------------------------------------------------*/
    #pun-ulinks .item5 {
        display: none;
    }
    
    #pun-ulinks .item9 {
        display: none;
    }
    
    /* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ
    -------------------------------------------------------------*/
    #pun-ulinks a {
        font-size: 10px !important;
        transition: all 0.5s linear 0s;
        letter-spacing: 1px;
        padding: 0 10px 0px 7px !important;
        color: #4e442f!important;
        line-height: 11px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;
    }
    
    /* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    #pun-ulinks a:hover { letter-spacing: 2px;}
    
    /*************************************************************
    
    ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ
    
    **************************************************************/
    
    /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
    -------------------------------------------------------------*/
    #pun-crumbs1, #pun-crumbs2 {
        text-align: center;
        width: 1035px;
        font-family: tahoma!important;
        font-weight: 700;
    }
    
    /* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ — ДЕЛАЕМ ЖИРНЫМИ
    -------------------------------------------------------------*/
    #pun-crumbs2, #pun-crumbs1 a {font-size: 12px;
        line-height: 11px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;}
    
    /*************************************************************
    
    ПОЛЯ ВВОДА, ЦИТАТЫ-КОДЫ, ВСПЛЫВАЮЩИЕ ОКНА
    
    **************************************************************/
    
    /* СТРАНИЦА ПЕРЕАДРЕСАЦИИ
    -------------------------------------------------------------*/
    #pun-redirect{
    padding: 14px;
    margin-top: -140px!important;
    margin-left: 250px!important;
    }
    
    /* ВНЕШНИЙ ВИД ОКНА СТРАНИЦЫ ПЕРЕАДРЕСАЦИИ
    Зачастую, страница переадресации не требует серьезных изменений.
    В большинстве случаев достаточно изменить цвета и закругление краев (т.е. 5 последних позиций)
    -------------------------------------------------------------*/
    #pun-redirect.punbb .info .container{
        width:500px;
        height: 52px;
        margin: 10% auto;
        text-align: center;
        left:0;right:0;
        top:0;bottom:0;
        padding: 40px;
        display:inline-block;
        text-transform: uppercase;
        background-color: #bdb6a4;
        color: #251d12;
        border: 1px outset #9c937c8a;
        border-style: double;
        box-shadow: inset 0px 0px 2px #bdb5a3, inset 0px 0px 1px #b8b09e, inset 0px 0px 30px rgb(173 163 143);
    }
    
    /* окошко репутации
    -------------------------------------------------------------*/
    
    #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -135px 0 0 -384px;
        width: 768px;
        z-index: 100;
        box-shadow: 0 0 40px #222;
        background-color: #bab59e;
        border-radius: 20px;
        border: 1px solid #e7dfbf;
        box-shadow: inset 0px 0px 2px #8a8986, inset 0px 0px 1px #73726a, inset 0px 0px 30px rgb(160 160 149);
    }
    
    .pun-modal .modal-inner {
        width: 700px;
        max-width: 94%;
        height: auto;
        max-height: 44em;
        margin: 12% auto 0;
       background-color: #bdb6a4;
        color: #251d12;
        border: 1px outset #9c937c8a;
        border-style: double;
        box-shadow: inset 0px 0px 2px #bdb5a3, inset 0px 0px 1px #b8b09e, inset 0px 0px 30px rgb(173 163 143);
    }
    
    /* НАСТРОЙКИ ПОЛЯ ВВОДА
    -------------------------------------------------------------*/
    .punbb textarea {
        background-clip: padding-box;
        background: rgb(242 246 230);
        padding: 20px 20px !important;
        width: 95% !important;
        background-color: #b2a991;
        color: #251d12;
        border: 1px outset #a39a7f;
        border-style: double;
        border-radius: 4px;
    }
    
    /* ПОЛЕ ДЛЯ ВВОДА ПО ТИПУ — НАЗВАНИЕ ТЕМЫ
    -------------------------------------------------------------*/
    .punbb select, input {
        padding: 3px 3px 3px 3px !important;
        border-radius: 2px;
        background-color: #b2a991;
        border: 1px solid #a39a7f!important;
        border-style: double;
    }
    
    /* СДВИГАЕМ ЦИТАТУ, КОД И ТД
    -------------------------------------------------------------*/
    .punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}
    
    /* ВНЕШНИЙ ВИД ЦИТАТЫ, КОДА И ТД
    -------------------------------------------------------------*/
    .punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
        background-clip: padding-box;
        position: relative;
        padding: 20px 20px !important;
        background-color: #b2a991;
        border: 1px outset #a39a7f;
        border-style: double;
        border-radius: 20px;
    }
    
    /* B1.9 ЛЕГЕНДА ЦИТАТЫ, КОДА
    Отвечает за настройки того самого "Маша написал(-а), выделить код и тд.
    Работаем только с 4 последними параметрами
    -------------------------------------------------------------*/
    .punbb .quote-box cite, .punbb .code-box strong.legend {
        display: block;
        padding: 3px 5px 5px 5px;
        margin: -31px auto 12px -2px;
        text-align: center;
        font-size: 13px;
        border: 1px #a39a7f;
        border-style: double;
        background: #c6bba2;
        width: auto;
        font-variant: all-small-caps;
        font-family: 'tahoma';
        letter-spacing: 1px;
        border-radius: 20px;
    }
    
    /* КОД (СКОПИРОВАТЬ КОД)
    -------------------------------------------------------------*/
    #pun-main .code-box .scrollbox pre {
    font-size: 12px;}
    
    /* РЕЙТИНГ ПОСТА В ТОПИКЕ (КОГДА ПИШЕШЬ КОММЕНТ К ПЛЮСУ — ЧТОБЫ ФОН БЫЛ НЕ ПРОЗРАЧНЫЙ)
    -------------------------------------------------------------*/
    .post_reputation {
        padding: 15px;   background: rgb(245, 239, 231);}
    
    /* В ФОРМЕ ОТВЕТА ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
    -------------------------------------------------------------*/
    #size-area, .popup_graffiti, , #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area
    {
        padding: 15px 10px 10px 10px !important;
        border-radius: 2px;
       background-color: #bdb6a4;
        color: #251d12;
        border: 1px outset #9c937c8a;
        border-style: double;
        box-shadow: inset 0px 0px 2px #bdb5a3, inset 0px 0px 1px #b8b09e, inset 0px 0px 30px rgb(173 163 143);
    }
    
    /* ЗАДАЕМ ШИРИНУ И ВЫСОТУ ФОРМЕ ОТВЕТА, А ТАКЖЕ СОЗДАЕМ ДЛЯ НЕЕ ПРОКРУТКУ
    ЧТОБЫ ОНА НЕ РАСТЯГИВАЛАСЬ НА ПОЛОВИНУ ЭКРАНА
    -------------------------------------------------------------*/
    #font-area {height: 300px;
    overflow-y: auto;
    padding: 5px;
    text-align: left;
    width: 150px}
    
    /*************************************************************
    
    ИКОНКИ СТАРЫХ НОВЫХ
    
    **************************************************************/
    
    /* ИКОНКА СТАРЫХ СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
    -------------------------------------------------------------*/
    #pun-index table Div.icon {
        background-image: url(https://forumstatic.ru/files/001a/e2/69/67207.png);
        background-repeat: no-repeat;
        border-style: none;
        display: block;
        margin-left: 500px;
        margin-top: 2px;
        width: 30px;
        height: 30px;
        z-index: 1;
        opacity: 1;
        position: absolute;
    }
    
    /* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
    -------------------------------------------------------------*/
    #pun-index TR.inew Div.icon {
        background-image: url(https://forumstatic.ru/files/001a/e2/69/31890.png);
        background-repeat: no-repeat;
        opacity: 1;
        height: 30px;
        width: 30px;
    }
    
    /* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
        float: left;
        display: block;
        position: relative;
        margin: -6px 10px;
        width: 30px;
        height: 30px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/67207.png);     opacity: 0.3;
    }
    
    /* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
        width: 30px;
        height: 30px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/31890.png);  opacity: 1;
    }
    /* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
        width: 30px;
        height: 30px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/31890.png);  opacity: 0.5;
    }
    /* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
        width: 30px;
        height: 30px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/67207.png);  opacity: 1;
    }
    
    /*************************************************************
    
    КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД
    
    **************************************************************/
    
    /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
    -------------------------------------------------------------*/
    input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
        font-size: 7px!important;
        background: linear-gradient(#b2a991, #8b836e)!important;
        border: 1px solid #8a8269 !important;
        padding: 5px 6px 5px 7px !important;
        cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
        transition: .5s all;
        font-family: tahoma!important;
        letter-spacing: 1px;
        color: #4a412f !important;
        text-transform: uppercase;
        width: auto!important;
        border-radius: 7px;
        font-weight: 700!important;
    }
    
    button {
        font-size: 7px!important;
        background: linear-gradient(#b2a991, #8b836e)!important;
        border: 1px solid #8a8269 !important;
        padding: 5px 6px 5px 7px !important;
        cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
        transition: .5s all;
        font-family: tahoma!important;
        letter-spacing: 1px;
        color: #4a412f !important;
        text-transform: uppercase;
        width: auto!important;
        border-radius: 7px;
        font-weight: 700!important;
    }
    
    /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
        background: linear-gradient(#aaa081, #857e67)!important;
        cursor: pointer!important;
        color: #342e21 !important;
    }
    
    button:hover{
         background: linear-gradient(#aaa081, #857e67)!important;
        cursor: pointer!important;
        color: #342e21 !important;
    }
    
    /*************************************************************
    
    ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
    
    **************************************************************/
    
    /* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
    -------------------------------------------------------------*/
    ::selection {    background: #4e4e4e;
        color: #cecbc4;
    }
    
    /* ПРОКРУТКА ШИРИНА
    -------------------------------------------------------------*/
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;}
    
    /* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
    -------------------------------------------------------------*/
    
    ::-webkit-scrollbar-thumb {
        background-color: #080808;
        border: 1px solid #252421;
    }
    
    /* ПОДЛОЖКА ПРОКРУТКИ
    -------------------------------------------------------------*/
    ::-webkit-scrollbar-track {
         background-color: #141414;
    }
    
    /* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
    -------------------------------------------------------------*/
    body {overflow-x: hidden;}
    
    /* КНОПКИ ВВЕРХ ВНИЗ
    -------------------------------------------------------------*/
    .go-up, .go-down {
        cursor: pointer;
        display: none;
        height: 32px;
        margin-bottom: 160px;
        opacity: 1;
        position: fixed;
        width: 57px;
        z-index: 9999;
    }
    
    /* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ ЧУТЬ СНИЖАЕТСЯ ПРОЗРАЧНОСТЬ КНОПКИ
    -------------------------------------------------------------*/
    .go-down:hover, .go-up:hover {
        opacity: 0.7;
    }
    
    /* РАСПОЛОЖЕНИЕ КНОПКИ ВВЕРХ
    -------------------------------------------------------------*/
    .go-up {
        bottom: 50%;
        margin-left: 1045px !important;
    }
    /* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
    -------------------------------------------------------------*/
    .go-down {
        bottom: 40%;
        margin-left: 1045px !important;
    }
    /* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    .go-down:hover, .go-up:hover {
        opacity: 1;
    }
    
    /*************************************************************
    
    ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ
    
    **************************************************************/
    
    /* ТЕКСТ В ШАПКЕ
    -------------------------------------------------------------*/
    
    #html-header active {
        position: absolute;
        margin: 91px 330px !important;
        text-align: right;
        width: 107px;
        font-size: 7px;
        font-family: tahoma!important;
        letter-spacing: 0.5px!important;
        text-shadow: 1px 1px black;
        color: #565655;
        text-transform: uppercase;
        font-weight: 600;
        font-style: italic;
    }
    
    #html-header active a { color: #565655; }
    
    #html-header posts{
        position: absolute;
        margin: 91px 597px !important;
        width: 107px;
        font-size: 7px;
        font-family: tahoma!important;
        letter-spacing: 0.5px!important;
        text-shadow: 1px 1px black;
        color: #565655;
        text-transform: uppercase;
        font-weight: 600;
        font-style: italic;}
    
    #html-header posts a { color: #565655; }
    
    #html-header post a {
        position: absolute;
        margin: 144px 597px !important;
        width: 107px;
        font-size: 7px;
        font-family: tahoma!important;
        letter-spacing: 0.5px!important;
        text-shadow: 1px 1px black;
        color: #565655;
        text-transform: uppercase;
        font-weight: 600;
        font-style: italic;
    }
    
    #html-header episode a {
        position: absolute;
        margin: 144px 330px !important;
        width: 107px;
        font-size: 7px;
        font-family: tahoma!important;
        letter-spacing: 0.5px!important;
        text-shadow: 1px 1px black;
        color: #565655;
        text-transform: uppercase;
        font-weight: 600;
        font-style: italic;
        text-align: right;
    }
    
    #html-header quiteright {
        margin: 160px 23px !important;
        position: absolute;
        margin-left: 10px;
        text-align: justify;
        font-family: play!important;
        width: 180px;
        overflow: auto;
        height: 65px;
        padding-right: 6px;
        color: #676767;
        font-size: 7px;
        text-transform: uppercase;
        line-height: 12px;
        text-shadow: 1px 1px black;
        font-weight: 600;
    }
    
    #html-header quiteleft {
        margin: 160px 826px !important;
        position: absolute;
        margin-left: 10px;
        text-align: justify;
        font-family: play!important;
        width: 180px;
        overflow: auto;
        height: 65px;
        padding-right: 6px;
        color: #676767;
        font-size: 7px;
        text-transform: uppercase;
        line-height: 12px;
        text-shadow: 1px 1px black;
        font-weight: 600;
    }
    
    .quite::-webkit-scrollbar-thumb {
        background-color: #080808;
        border: 1px solid #252421;
    }
    
    .quite::-webkit-scrollbar-track {
        background-color: #141414;
    }
    
    .quite::-webkit-scrollbar {
        width: 1px !important;
        height: 6px;}
    
    /*----------------------— админы, расположение ссылок ----------------------*/
    
    .infoforum {    position: absolute;
        text-align: left;
        font-size: 10px;
        line-height: 130%;
        font-family: tahoma!important;
        letter-spacing: 1px;
        color: #545351!important;
        margin: 95px 0px 0px 55px!important;
        font-weight: bold;
        font-variant: all-small-caps;
        text-shadow: 1px 1px black;
    }
    
    .north {    position: absolute;
        margin: 250px 0px 0px 930px!important;
    }
    
    .north a {    font-size: 18px!important;
        letter-spacing: 2px;
        font-family: 'Yeseva One';
        text-shadow: 1px 1px 0px black;
        color: #555555!important; }
    .north a:hover {     letter-spacing: 2px!important; transition: color 0.3s ease-in-out;
    }
    .south {    position: absolute;
        margin: 250px 0px 0px -65px!important;
    
    }
    
    .south a {           font-size: 18px!important;
        letter-spacing: 2px;
        font-family: 'Yeseva One';
        text-shadow: 1px 1px 0px black;
        color: #555555!important;
    }
    .south a:hover {    letter-spacing: 2px!important;
    }
    
    #html-header plashki {       
        position: absolute;
        margin: 375px 73px !important;
        width: 888px;
    }
    
    .plashka {
        letter-spacing: 1px;
        display: inline-block;
        transition-duration: 3s;
        margin-bottom: 10px!important;
        width: 140px;
        font-weight: 700;
        padding: 5px 10px 0px 10px;
        margin-right: 10px!important;
        border-width: 1px;
        background: #b2a991;
        height: 20px;
        border: 1px outset #a39a7f;
        border-style: double;
        border-radius: 10px;
    }
    
    .plashka a {    
        color: #7e7056!important;
        font-family: OLD KHARKIV REGULAR!important;
        text-transform: uppercase!important;
        font-variant: normal;
        font-size: 10px;
        letter-spacing: 1px;
    }
    
    .plashka a:hover {       
    color: #4e442f!important;
    letter-spacing: 1px;
    transition: color 0.3s ease-in-out;
    }
    
    #html-header a {
        color: #a29c8d;}
    
    #html-header a:hover {
        color: #c5bda0!important;}
    
    /*************************************************************
    
    БАННЕРЫ
    
    **************************************************************/
    .banners { letter-spacing: 4px;
        margin: 10px 0px -10px 0px!important;
    }
    
    .banners img {opacity: 0.3; filter: grayscale(0.5);}
    .banners img:hover {opacity: 1; filter: grayscale(0);}
    
    .need {     
        position: absolute;
        height: 25px;
        width: 965px;
        margin: 193px 33px!important;
        padding-top: 6px;
        text-align: center;
        transition: 0.5s all;
        font-size: 12px;
        font-family: OLD KHARKIV REGULAR!important;
        align-content: center;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
       }
    
    .need a{
        color: #555555!important;}
    
    .need a:hover {
        color: #bbb19b!important;}
    
    .fond { position: absolute;
        height: 40px;
        width: 95px;
        margin: -38px 700px !important;
        padding-right: 4px;
        line-height: 21px;
        text-align: center;
        transition: 0.5s all;
        font-size: 9px;
        font-family: play;
        letter-spacing: 0.5px;
       }
    
    .fond a{
        color: #537387!important;}
    
    .fond a:hover {
        color: #3d334e!important;}
    
    .plashkii { position: absolute;
    margin-top: 118px!important;
        margin-left: 40px!important;
        width: 25px; }
    
    .shetchik { position: absolute;
    margin-top: 118px!important;
        margin-left: 0px!important;
        width: 25px; }
    
    .citaty { margin-top: 118px!important;
        margin-left: 865px!important;
        width: 25px;
        position: absolute; }
    
    .dostizheni { position: absolute;
        margin-top: 118px!important;
        margin-left: 905px!important;
        width: 25px; }
    
    /*************************************************************
    
    СМАЙЛЫ
    
    **************************************************************/
    
    /*Фон контейнеров смайлы и так далее*/
    #smilies-area  {
        background-color: #ccc1a6;
        margin-top: 6px;
        margin-right: -11px;
        border: 1px solid #aca279;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 231px;
        border-radius: 6px;
    }
    #font-area  {
        background-color: #ccc1a6;
        padding: 5px;
        margin-top:-5px;
        margin-right:-11px;
        border: 1px solid #aca279;
        overflow-y: scroll;
        height: 230px;
    border-radius: 6px;
    }
    #size-area  {
        background-color: #ccc1a6;
        padding: 5px;
        margin-top:-5px;
        margin-right:-11px;
        border: 1px solid #aca279;
        height: 230px;
    border-radius: 6px;
    }
    #image-area  {
        background-color: #ccc1a6;
        border: 1px solid #aca279;
    border-radius: 6px;
    }
    
    #spoiler-sels{
        background-color: #ccc1a6;
        border: 1px solid #aca279;
    border-radius: 6px;
    padding: 10px;
    }
    
    #keyboard-area  {
        background-color: #ccc1a6;
        padding: 5px;
        margin-top: -5px;
        margin-right: -11px;
        border: 1px solid #aca279;
        height: 230px;
    border-radius: 6px;
    }
    
    #floatfloat
    {display: none;
    background: rgb(204 193 166);
    border: 1px solid #aca279;
    width: auto;
    padding: 8px;
    position: absolute;
    margin-top: -32%;
    margin-left: 35%;
    z-index: 20;
    border-radius: 6px;
    }
    
    /*************************************************************
    
    ЛИЧНАЯ СТРАНИЧКА
    
    **************************************************************/
    #character {
          margin-top: -80px!important;
    }
    
    .lichka {
        background: url(https://forumstatic.ru/files/001a/e2/69/36736.png) no-repeat;
        width: 875px;
        height: 885px;
        margin: auto !important;
        text-align: justify;
        padding-bottom: 100px;
        position: absolute;
        margin-left: 35px!important;
    }
    
    .lichka_gif {
       margin-top: 77px!important;
        position: absolute;
        margin-left: 130px!important;
        filter: grayscale(1) blur(0.5px);
        max-width: 245px;
        max-height: 135px;
        text-align: center;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }
    
    .lichka_name {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
        text-align: center;
        margin-left: 429px!important;
        margin-top: 60px!important;
        position: relative;
        font-family: OLD KHARKIV REGULAR!important;
        color: #555555;
        width: 346px;
        height: 53px;
        overflow: hidden;
    }
    
    .lichka_hr {
        letter-spacing: 2px;
        font-family: tahoma!important;
        font-weight: 700;
        font-size: 8px;
        text-align: center;
        margin-left: 415px!important;
        margin-top: 2px!important;
        width: 435px;
        height: 10px;
        position: relative;
        overflow: auto;
        color: #775015;
        display: none;}
    
    .lichka_text {
        letter-spacing: 1px;
        font-family: tahoma!important;
        font-weight: 700;
        font-size: 10px;
        text-align: justify;
        margin-left: 409px!important;
        margin-top: 9px!important;
        width: 371px;
        height: 75px;
        position: relative;
        overflow: auto;
        color: #5a5959;
        text-shadow: 1px 1px black;
        font-variant: all-small-caps;
        padding: 0px 9px;
    }
    
    .lichka_text a {color: #555555!important;}
    
    .lichka_plashki {
        position: relative;
        width: 733px;
        height: 175px;
        margin: 36px 4px 28px 106px !important;
        line-height: 15px;
        overflow: auto;
        padding-right: 7px;
        font-size: 0;
    }
    
    .inline-div {
      display: inline-block;
        width: 188px;
        height: 40px;
        background: url(https://forumstatic.ru/files/001a/e2/69/50618.png) no-repeat;
        font-size: 1rem;
        text-align: center;
        position: relative;
        padding-left: 36px;
        box-sizing: border-box;}
    
    .inline-div0 {
        display: inline-block;
        background: url(https://forumstatic.ru/files/001a/e2/69/40748.png) center no-repeat;
        width: 239px;
        height: 42px;
        margin: 0px 4px 0px 0!important;
        position: relative;
        box-sizing: border-box;
        text-align: center;
    padding: 7px 0px 0px 0px;
    }
    
    .inline-div img {
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 0;
        transform: translateY(-50%);}
    
    .lichka_achiev .inline-div{
    padding-left: 36px;
    padding-top: 9px;}
    
    .ds1 {
        font-family: Bahnschrift;
        font-size: 11px;
        color: #6e6e6e!important;
        text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        position: relative;}
    
    .ds2 {
        font-family: play;
        font-size: 9px;
        color: #6e6e6e;
        text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px;
        letter-spacing: 1px;
        margin-top: 1px!important;
        position: relative;}
    
    .ls_pl {
    background: url(https://i.imgur.com/axgHC6u.png);
        width: 230px;
        height: 65px;}
    
    .lichka_achiev {
        position: relative;
        width: 763px;
        height: 240px;
        margin: 34px 0 0 83px !important;
        line-height: 12px;
        overflow: auto;
        padding-right: 5px;
        font-size: 0;}
    
    .lichka_awards {
    position: relative;
        width: 772px;
        height: 109px;
        margin: 39px 75px !important;
        line-height: 15px;
        overflow: auto;
        padding-right: 5px;
        letter-spacing: 1px;
        text-align: center;
        mix-blend-mode: lighten;
    }}
    
    .nas {
        position: relative;
        height: 30px;
        margin: -36px 33px 5px 0 !important;
        text-align: right;}
    
    .grayscale {
      -webkit-filter: grayscale(1);
    }
    
    .pod {opacity: 0.3; filter: grayscale(1);}
    .pod:hover {opacity: 1; filter: grayscale(0);-webkit-transition: .5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;}
    
    /*----— Достижения СТАРЫЕ -----*/
    .tabs {
        width:100%;
        display:inline-block;
    position:relative
    }
    
        /*----— Tab Links -----*/
        /* Clearfix */
        .tab-links:after {
            display:block;
            clear:both;
            content:'';
        }
    
        .tab-links li {
            margin:0px 100px;
            float:left;
            list-style:none;
        }
    
            .tab-links a {
                padding:5px 5px;
                display:inline-block;
                border-radius:3px 3px 0px 0px;
                background:;
                font-size:16px;
                font-weight:600;
                width:20px;
                color:#4c4c4c;
                transition:all linear 0.15s;
            }
    
            .tab-links a:hover {
                background:;
                text-decoration:none;
            }
    
        li.active a, li.active a:hover {
            background:;
            color:#4c4c4c;
        }
    
        /*----— Content of Tabs -----*/
        .tab-content {
            padding:5px;
            border-radius:3px;
            background:;
        }
    
            .tab {
                display:none;
            }
    
            .tab.active {
                display:block;
            }
    
    /*Внутренность форумов*/
    #opisanie {
    margin-top: 10px;
        margin-bottom: -10px;
        font-family: 'play';
        font-size: 10px;
        text-align: center;
        font-weight: bold;
        color: #4c4332!important;
        background-color: #a79f8a;}
    
    #opisanie a {color: #4c4332!important;}
    
    #slideout {
              z-index: 1200;
              position: fixed;
              top: 22px;
              right: 19px;
              width: 90px;
              padding: 0px 0;
              text-align: center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
              }
    #slideout_inner {
        z-index: 200;
        color: #777777;
        position: fixed;
        top: 18px;
        right: -216px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/73596.png);
        width: 212px;
        height: 230px;
        transition-duration: 0.3s;
        text-align: left;
              }
    #slideout_inner_textarea {
        width: 135px;
        height: 320px!important;
        margin-bottom: 1px;
        overflow: auto;
        margin-top: 30px;
        margin-left: 25px;
              }
    #slideout:hover {
              right: 219px;
              }
    #slideout:hover #slideout_inner {
              right: 0;
              }
    
    /*----------------------кнопки типа отправить_посмотреть----------------------------*/
    .hashelp div input, .button {
    border: 1px solid #c5c3b5 !important;
    text-decoration: none;
    outline: none;
    padding: 8px 10px !important;
    background-image: linear-gradient(45deg, #aba279 0%, #d4d3be 50%, #968f76 100%);
    background-position: 95% 0;
    background-size: 200% 200%;
    transition: .5s;color: #cac2a5 !important;
    cursor: pointer;
    font-family: tahoma!important;
    text-transform: uppercase;
    letter-spacing: 1px;}
    
    .button:hover, .button:active {background-position: 0 0;  cursor: pointer; }
    
    #tooltip {
      position: absolute;
      background: #262e31;
      z-index: 999;
      max-width: 180px;
      border: none;
      border-radius: 2px;
      box-shadow: 0 0 0 1px rgba(0,0,0,.05);
      font-family: alice; /* шрифт */
      font-size: 10px; /* размер текста */
      display: none;
      color: #cac2a5 !important; /* цвет текста */
      text-align: center;
      padding: 2px 6px 3px 6px;
      text-shadow: 1px 1px 0 #1d2835;
      letter-spacing: 2px
    }
    
    #pun:after,
    .punbb .container:after,
    .punbb .post-links ul:after,
    .punbb .main div.inline:after,
    .punbb .post-box:after,
    .punbb .linksb:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
      overflow:hidden;
      line-height: 0.0;
      font-size: 0;
      }
    
    #pun.gid3 .pa-respect  .fld-name{
      content: "лайки:"; /*Просмотр Под гостем*/
    }
    #pun:not(.gid3) .pa-respect  .fld-name a{
      font-size:0;
    }
    #pun:not(.gid3) .pa-respect  .fld-name a:after{
    font-size:9px!important;
      content: "лайки"; /*Просмотр Под юзером*/
    }
    
    /* ГОСТЕВАЯ
    -------------------------------------------------------------*/
    
    .guestb {
        background: url(https://forumstatic.ru/files/001a/e2/69/38947.png);
         width: 830px;
        height: 470px;
        position: absolute;
        z-index: 9999;
        margin: -45px 0px 0px 80px! important;
    }
    
    .vnehg {
        position: absolute!important;
        margin-left: 188px!important;
        margin-top: 255px!important;
        width: 255px;
        height: 90px;
        overflow: auto;
        font-family: tahoma;
        line-height: 13px;
        font-size: 11px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        text-align: justify;
        font-weight: bold;
        color: #504f4f;
        font-variant: all-small-caps;
    }
    
    .persong {
        position: absolute!important;
        margin-left: 467px!important;
        margin-top: 255px!important;
        width: 186px;
        height: 96px;
        overflow: auto;
        line-height: 13px;
        font-size: 11px;
        font-family: tahoma;
        letter-spacing: 0.03em;
        padding-right: 10px!important;
        text-align: justify;
        text-transform: uppercase;
        font-weight: bold;
        color: #504f4f;
        font-variant: all-small-caps;
    }
    
    .guestb a {
        color: #605939!important;
    }
    
    .hide-author .post-body {
        margin-left: -18px!important;
        width: 941px!important;
        position: relative!important;
        padding: 0px 0px 0px 10px!important;
    }
    
    .click_Ignore_list:after {
        content: "\00D7";
        position: absolute;
        width: 14px;
        background: rgb(17 17 17)!important;
        color: #8c8169!important;
        font-size: 13px;
        font-weight: 700;
        padding-left: 5px!important;
        border-radius: 3px;
        transition: .6s;
    }
    
    .click_Ignore_list {
        right: 63px!important;
        top: 27px!important;
        margin: -19px -20px 0 0!important;
    }
    
    .punbb .post .post-author {
        position: sticky!important;
        transition: all .2s ease;
        height: 100%;
        margin-bottom: 40px;
        top: -15px;
    }
    
    /* НАВИГАЦИЯ ПО ТЕМАМ В ШАПКЕ
    -------------------------------------------------------------*/
    
    /* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
    /* настройка кнопки, может быть текстом */
    
    
    /* вид кнопки после клика по ней */
    .spirit-navigation.spirit-navigation_hover{
    background: url(ссылка на картинку) no-repeat
    }
    
    /* настройка позиции выпадающего по клику окна и его ширина */
    #navigblock {
        width: 173px;
        margin-left: 50px;
        position: absolute;
        top: -33px;
        z-index: 999;
    }
    
    /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
    .sslka {
        display: block;
        background: #191919;
        padding: 3px 0 3px 0;
        border: 1px solid #424242;
    }
    
    /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
    #pun .sslka a {
        background: linear-gradient(180deg, #3d3c3e, #1e1e1e);
        white-space: nowrap;
        margin: 4px auto;
        text-align: center;
        display: block;
        padding: 0px 0 3px 0;
        border: 1px solid #4e4e4e;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 136px;
        font-weight: 500;
        color: #a4a4a4;
        font-family: tahoma;
        font-variant: all-small-caps;
        letter-spacing: 1px;
        font-size: 10px;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 0px 9px #0000005c inset;
    }
    
    /* ссылка при наведении */
    #pun .sslka a:hover {
        background: linear-gradient(180deg, #3d3c3e, #1e1e1e);
        white-space: nowrap;
        margin: 4px auto;
        text-align: center;
        display: block;
        padding: 0px 0 3px 0;
        border: 1px solid #57473a7d;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 120px;
        font-weight: 500;
        color: #bcb19a;
        font-family: tahoma;
        font-variant: all-small-caps;
        letter-spacing: 1px;
        font-size: 10px;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 0px 9px #0000005c inset;
    }
    
    
    .spirit-navigation {
        height: 14px;
        width: 202px;
        top: -57px;
        left: 61px;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        position: absolute;
        color: #6d6d6d !important;
        font-family: 'OLD KHARKIV REGULAR';
        text-transform: uppercase;
        font-size: 11px;
        text-shadow: 1px 1px 0px #000000;
        font-weight: 600;
    }
    .spirit-navigation2 {
        height: 14px;
        width: 202px;
        top: -57px;
        left: 821px;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        position: absolute;
        color: #6d6d6d !important;
        font-family: 'OLD KHARKIV REGULAR';
        text-transform: uppercase;
        font-size: 11px;
        text-shadow: 1px 1px 0px #000000;
        font-weight: 600;;
    }
    
    .spirit-navigation2:hover {    
        margin: 0px 0px 0px 40px!important;
        transition: 1s ease-in-out!important;
    }
    
    
    /* вид кнопки после клика по ней */
    .spirit-navigation2.spirit-navigation2_hover{
    background: url(ссылка на картинку) no-repeat
    }
    
    /* настройка позиции выпадающего по клику окна и его ширина */
    #navigblock2 {
        width: 173px;
        margin-left: 811px;
        position: absolute;
        top: -33px;
        z-index: 999;
    }
    
    /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
    .sslka2 {
        display: block;
        background: #191919;
        padding: 3px 0 3px 0;
        border: 1px solid #424242;
    }
    
    /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
    #pun .sslka2 a {
        background: linear-gradient(180deg, #3d3c3e, #1e1e1e);
        white-space: nowrap;
        margin: 4px auto;
        text-align: center;
        display: block;
        padding: 0px 0 3px 0;
        border: 1px solid #4e4e4e;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 136px;
        font-weight: 500;
        color: #a4a4a4;
        font-family: tahoma;
        font-variant: all-small-caps;
        letter-spacing: 1px;
        font-size: 10px;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 0px 9px #0000005c inset;
    }
    
    /* ссылка при наведении */
    #pun .sslka2 a:hover {
        background: linear-gradient(180deg, #3d3c3e, #1e1e1e);
        white-space: nowrap;
        margin: 4px auto;
        text-align: center;
        display: block;
        padding: 0px 0 3px 0;
        border: 1px solid #57473a7d;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 120px;
        font-weight: 500;
        color: #bcb19a;
        font-family: tahoma;
        font-variant: all-small-caps;
        letter-spacing: 1px;
        font-size: 10px;
        transition: all 0.3s linear 0s;
        box-shadow: 0px 0px 9px #0000005c inset;
    }
    
    #mask_dialog .inner {
        cursor: default;
        margin: 0;
        width: 760px;
        max-width: 99%;
        max-height: 90%;
        overflow-x: auto;
        z-index: 100;
        box-shadow: 0 0 40px #222;
        padding: 8px;
        background: #bab59e!important;
        border-radius: 20px;
    }
    
    #mask_dialog .hv-add-template {
        cursor: pointer;
        float: right;
        margin: 0px 36px 9px 18px;
    }
    
    #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
        width: 95%;}
    
    #mask_dialog .hv-form-block {
        max-height: 415px;
        overflow-y: auto;}
    
    #form-buttons table, .punbb .formal textarea {
        width: 97%!important;
    }
    
    #mask_dialog .inner * {
    }
    
    
    .rose {
            margin: 40px 0px 0px 913px!important;
            position: absolute;
            width: 150px;
            height: 40px;
    }
    
    .rose a {
        margin: 0px 0px 0px 0px!important;
        transition: 1s ease-in-out!important;
    }
    
    .rose:hover a {    
        margin: 0px 0px 0px 40px!important;
        transition: 1s ease-in-out!important;
    }
    
    
    .playlist1 {
       margin: 13px 0px 0px 90px!important;
       position: absolute;
       width: 63px;
       height: 40px;
    }
    
    .playlist1 a { 
        margin: 0px 0px 0px 100px!important;
        transition: 1s ease-in-out!important;
    }
    
    .playlist1:hover a {    
        margin: 0px 0px 0px 65px!important;
        transition: 1s ease-in-out!important;
    }
    
    .ochered a { 
        font-family: tahoma; 
        font-size: 10px; 
        color: #676767!important;
        z-index:300
    }
    
    .cop a {
            position: absolute;
        margin: 226px 0px 0px 803px!important;
        font-family: 'tahoma';
        font-variant: all-small-caps;
        font-weight: bold;
        letter-spacing: 1px;
        color: #646464!important;
        font-size: 10px;
        width: 188px!important;
        text-align: center;
        text-shadow: 0 0 black;
    }
    
    .cop:hover a {color: #bab099!important; }
    
    
    
    .reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit]
    {
    -webkit-appearance: button;
        font-size: 8px!important;
        background: #b2a991!important;
        border: 1px solid #a39a7f !important;
        padding: 5px 5px 5px 5px !important;}
    
    .reactions-root *, .reactions-root ::before, .reactions-root ::after
    {color: #736a5b;}
    
    .reactions-root .emoji-mart {  
        font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
        font-size: 11px!important;
        display: inline-block!important;
        border: 1px solid #ac9479!important;
        border-radius: 5px!important;
        background: #a69e89!important;
        width: 500px!important;}
    
    .reactions-root .emoji-mart-category-label span
    {display: block!important;
        width: 100%!important;
        font-weight: 500!important;
        padding: 5px 5px 5px 15px!important;
        margin: 10px 0px 10px 0px!important;
        background-color: rgb(189 179 154)!important;
        border-radius: 5px!important;}
    
    .reactions-root .emoji-mart-search input {
        font-size: 11px!important;
        padding: 5px 25px 6px 10px!important;
        border-radius: 5px!important;
        border: 1px solid #a08e70!important;
    }
    
    .reactions-root .emoji-mart-bar{border:none!important;}
    
    .reactions-container {
        gap: 4px!important;
        cursor: pointer;
        position: relative;}
    
    .reaction-picker-panel{left: 40px!important;}
    
    

    0


    Вы здесь » гром и молния » Kiss the goat » диз полки


    Рейтинг форумов | Создать форум бесплатно