Аномалии, 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=2#p823451">новая глава</a></div>
    <div class="plashka"><a href="https://funeralrave.ru/viewtopic.php?id=4323">акциасьен</a></div><br>
    <div class="plashka"><a href="https://funeralrave.ru/viewtopic.php?id=22&p=4#p827193">по жопе</a></div>
    <div class="plashka"><a href="https://funeralrave.ru/viewtopic.php?id=3525#p827517">рейвлист #19</a></div>
    <div class="plashka"><a href="https://funeralrave.ru/viewtopic.php?id=23&p=5#p829715">бабки на лавке</a></div>
    <br><br>
    <br>
    </center></plashki>
    
    <!---------------------------— актив ---------------------------->
    <active>активисты: <a href="https://funeralrave.ru/profile.php?id=882">валя</a> //
    <a href="https://funeralrave.ru/profile.php?id=940">тавви</a> //
    <a href="https://funeralrave.ru/profile.php?id=612">каэр</a></active>
    <!---------------------------— постописцы ---------------------------->
    <posts>постописцы: <a href="https://funeralrave.ru/profile.php?id=619" title='8 постов'>чарли</a> //
    <a href="http://funeralrave.ru/profile.php?id=418" title='4 (5) постов'>редж</a> //
    <a href="http://funeralrave.ru/profile.php?id=713" title='4 поста'>бренда</a></posts>
    <!---------------------------— пост ---------------------------->
    <post> лучший пост: <a href="https://funeralrave.ru/viewtopic.php?id=4236#p826069" title='дрочить'>донни</a> </post>
    <!---------------------------— эпизод ---------------------------->
    <episode> лучший эпизод: <a href="https://funeralrave.ru/viewtopic.php?id=4275" title='подглядывать'>выключи ночник</a> </episode>
    
    <!---------------------------— цитаты 1 ---------------------------->
    <quiteleft><div class="quite"><br>
    <b>кай:</b> рейв весь следующий месяц: хочу быть как хуенк
    <br>
    </div></quiteleft>
    
    <!---------------------------— цитаты 2 ---------------------------->
    <quiteright><div class="quite"><br>
    <b>драган:</b> 3 года удерживал себя от ошибки и не играл с бонни И ГДЕ Я ТЕПЕРЬ<br>
    В ДОЛГАХ РЕБЯТ В ДОЛГАХ<br>
    <br>
    </div></quiteright>
    
    <!---------------------------— амс ---------------------------->
    <div class="amso">
    техподдержка: <div class="ams"><a href="http://funeralrave.ru/profile.php?id=458">луна</a><span><div class="ams_frame"><img src="https://upforme.ru/uploads/001a/e2/69/2/519586.png"></div></span></div>
    //
    <div class="ams"><a href="http://funeralrave.ru/profile.php?id=807">туве</a><span><div class="ams_frame"><img src="https://upforme.ru/uploads/001a/e2/69/2/735378.png"></div></span></div>
    //
    <div class="ams"><a href="http://funeralrave.ru/profile.php?id=288">драган</a><span><div class="ams_frame"><img src="https://upforme.ru/uploads/001a/e2/69/2/396425.png"></div></span></div>
    //
    <div class="ams"><a href="http://funeralrave.ru/profile.php?id=612">каер</a><span><div class="ams_frame"><img src="https://upforme.ru/uploads/001a/e2/69/2/993210.png"></div></span></div>
    
    </div>
    
    <!---------------------------— инфо ---------------------------->
    
    <div class="infoforum">
    городская мистика // новый орлеан // 2018
    </div>
    
    <!--плашки-->
    
    <div class="north">
    <a href="http://funeralrave.ru/viewforum.php?id=26" title="команда юга" >S</a>
    </div>
    
    <div class="south">
    <a href="http://funeralrave.ru/viewforum.php?id=25" title="команда севера" >N</a>
    </div>
    
    <!--книга рун-->
    <div style="position: absolute;
        width: 180px;
        height: 250px;
        margin: 18px 0 0px 375px!important;">
    <a href="http://funeralrave.ru/viewtopic.php?id=4307"><img src='https://upforme.ru/uploads/001a/e2/69/2/788698.gif' /></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://upforme.ru/uploads/001a/e2/69/2/622552.png">
    <div id="slideout_inner"><div id="slideout_inner_textarea">
    <center><font style="font-family: Yeseva One; font-size: 16px; z-index:300;">•<b> сюжетная игра </b>•</font><br>
    <font style="font-family: Yeseva One; font-size: 11px;">—— UPDATE / хх.хх ——</font></center>
    <br><br><br><br>
    
    <font style="font-family: Yeseva One; font-size: 13px; z-index:300;"><a href="ссылка"><b>ххх</b></a></font>   <br>
    <font style="font-family: play; font-size: 9px;">-> ххх<br>
    <sup> ххх </sup><br></font>
    
    </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

    низ

    Код:
    <!--класс хавербаттонс прозрачность и чб при наведении -->
    <!-- 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>
    
    
    <!----------------- баннеры --------------->
    
    <div class="banners">
    </div> 
    
    
    <!----------------- нужные --------------->
    
    <div class="need">
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p806163" title="каз ждет свою эду" style="color: #5a5a5a">аня чалотра</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=311&p=3#p689257" title="доведите кая до инфаркта" style="color: #5a5a5a">эшли рэйес</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=311&p=4#p776324" title="доведите кая до инфаркта [2]" style="color: #5a5a5a">сара вайсгласс</a>&ensp;&ensp;&ensp;
    
    <a href="https://funeralrave.ru/viewtopic.php?id=13&p=2#p808534" title="том собирает лигу легенд" style="color: #5a5a5a">киана мадейра</a>&ensp;&ensp;&ensp;
    &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,3,4,5]
    $(".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;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <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/70919.png"></div>
    <div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/e2/69/11341.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("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></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; width:500px!important; overflow: auto;}
    </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);}
    
    
    /* 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 РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
    -------------------------------------------------------------*/
    
    /* 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: -20px!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: 1.7em 2em 1.1em 0.3em;
      margin-left: -20px!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: 0 0.6em 0 0
      }
    
    /* C1.4 НЕ ТРОГАЕМ */
    .punbb fieldset {
      border-style: solid;
      border-width: 1px;
      padding: 0 18px 0 18px;
      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: 1em 0 0.8em 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 РАСПОЛОЖЕНИЕ ТАБЛИЦ
    -------------------------------------------------------------*/
    
    /* C2.1 ПОДФОРУМ - СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА 
    Очень редко требует корректировки */
    .punbb .main .tcl {
      overflow: hidden;
      text-align: left;
      width: 65%;
      }
    
    /* C2.2 НЕ ТРОГАЕМ */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
      text-align: center;
      width: 10%;
      }
    
    /* C2.3 ПОСЛЕДНЯЯ АКТИВНАЯ ТЕМА И ПОСЛЕДНЕЕ СООБЩЕНИЕ
    СКОЛЬКО % ЗАНИМАЕТ ШИРИНА ПОДФОРУМА
    Очень редко требует корректировки */
    .punbb .main .tcr {
      overflow: hidden;
      text-align: left;
      width: 30%;
      }
    
    /* C2.4 НЕ ТРОГАЕМ */
    #pun-userlist .main .tcl,
    #pun-searchtopics .main .tcl,
    #pun-modviewforum .main .tcl {
      width: 40%
      }
    
    /* C2.5 НЕ ТРОГАЕМ */
    #pun-userlist .main .tc2,
    #pun-searchtopics .main .tc2 {
      text-align: left;
      width: 20%;
      }
    
    /* 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 1em;
      }
    
    /* 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: 955px;
        margin: 14px 0px 50px -13px !important;
        background: #bdb6a4;
        height: 20px;
        box-shadow: inset 0px 0px 2px #bdb5a3, inset 0px 0px 1px #b8b09e, inset 0px 0px 20px rgb(170 163 141);
        color: #251d12;
        border: 1px outset #9c937c8a;
        border-style: double
      }
    
    /* C3.3 НЕ ТРОГАЕМ */
    .punbb .post h3 span {
        border-left: 1px solid transparent;
        padding: 6px 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 {}
    
    /* C3.7 НЕ ТРОГАЕМ */
    .pa-author a:hover {
    }
    
    /* C3.9 СТАТУС-ЛИЧНОЕ ЗВАНИЕ АВТОРА В ПРОФИЛЕ В ТОПИКЕ */
    li.pa-title {
      padding-bottom: 0em;  }
    
    /* C3.10 ПРЯЧЕМ, КОГДА ЗАРЕГИСТРИРОВАН*/
    .pa-reg {display: none;}
    
    /* не трогаем */
    li.pa-online {}
    
    /* C3.11 ВАЖНО!!! СООТНОШЕНИЕ МЕЖДУ ШИРИНОЙ ПРОФИЛЯ И ШИРИНОЙ ПОСТА */
    .punbb .post-body {
        margin-left: 205px;
        border-left-style: solid;
        border-left-width: 1px;
        padding: 0 0 0px 0;
    }
    
    /* C3.12 НЕ ТРОГАЕМ */
    .punbb .post-box {
      padding: 12px 10px 10px 18px;
      }
    
    /*C3.13 НЕ ТРОГАЕМ */
    .punbb fieldset .post-box {
      margin-bottom: 0.8em
      }
    
    /* C3.14 НЕ ТРОГАЕМ */
    .punbb .post-links {
      margin-left: 19em;
      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 1em;
      text-align: right;
      margin-left: -23px!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: -18.3em;
      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 2.3em 2.3em 2.3em;
      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: 12px!important;
        letter-spacing: 2px;
        font-family: Bad Script!important;
        text-shadow: 1px 1px 0px black;
        color: #796853!important;
        text-transform: uppercase;
        font-weight: 600;
    }
    
    /* D3.4 ВАЖНО!!! ССЫЛКИ НАВИГАЦИИ 
    настраиваем вид ссылок при наведении */
    #pun-navlinks li a:hover {  
        color: #9a8e79!important;
    }
    
    /* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
    В том случае, если нужно будет придать каждой из ссылок свое собственное расположение
    -------------------------------------------------------------*/
    /* 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;
    }
    /* D4.2 РАСПОЛОЖЕНИЕ КОНТЕЙНЕРА С ПОЛЬЗОВАТЕЛЬСКИМИ ССЫЛКАМИ
    не трогаем */
    #pun-ulinks .container {
        position: absolute;
        display: inline;
        padding: 0!important;
    
    }
    /* НЕ ТРОГАЕМ */
    #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: 935px;
        text-align: center;
        top: 35px;
        font-family: tahoma!important;
        letter-spacing: 2px;
        color: #322d28!important;
        font-size: 8px;
        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.4 НЕ ТРОГАЕМ */
    #pun-crumbs1 {
     
      }
    
    /* D5.5 НЕ ТРОГАЕМ */
    #pun-crumbs1 p.container {
        border-top: none;
      padding: 0em 1em 0.8em 1em;
        font-size: 12px;
        line-height: 11px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;
    }
    
    /* 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;
      }
    
    /* D7.2 НЕ ТРОГАЕМ */
    #pun-stats li.item1, #pun-stats li.item2 {
      float: left;
      clear: both;
      line-height: 150%;
      font-family: play;
      }
    
    /* D7.3 НЕ ТРОГАЕМ */
    #pun-stats li.item3, #pun-stats li.item4 {
      text-align: right;
      line-height: 150%;
      font-family: play;
      }
    
    /* D7.4 НЕ ТРОГАЕМ */
    li#onlinelist {
      margin-top: 1em;
      border-top-style: solid;
      border-top-width: 1px;
      float: left;
      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: 5px!important;
        color: #9d9686;
        padding: 45px 0 44px 0!important;
        font-family: 'tahoma';
        font-weight: bold;
        letter-spacing: 7px;
        text-align: center;
        text-shadow: 1px 1px black;
        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: 2px solid!important;
        border-radius: 0% !important;
        height: 50px !important;
        width: 35px !important;
        margin: -7px -2px !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: #73635f!important; }
    
    .adminmain {
        padding-left: 15em;
        margin-bottom: 2em;
    }
    
    /* КНОПКИ СПОЙЛЕРЫ
    -------------------------------------------------------------*/
    .knopka_rasy {
        display: inline-block;
        cursor: pointer;
        width: 157px;
        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%);
    }
    
            
    .knopka_rasy_big {
        display: inline-block;
        cursor: pointer;
        width: 506px;
        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%);
        }
    
    .knopka_rasy_med  {
        display: inline-block;
        cursor: pointer;
        width: 245px;
        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%);
        }
    
    .knopka_rasy_banshee {
        display: inline-block;
        cursor: pointer;
        width: 480px;
        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%);
        }
    .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, #948f8254, #938e8175);
        border-radius: 5px;
        padding: 20px;
        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%);
     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: #b4ac98b8;
        width: 757px;
    }
    
    #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: 2px inset rgb(38 38 38)!important;
        text-rendering: auto;
        color: #000000!important;
        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(57 57 57);
        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: #796853;
        text-transform: none;
        position: absolute!important;
        left: 0px;
        top: 18px;
        z-index: 100000!important;
        padding: 7px 12px;
        background: #272727;
        border-color: #615744;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-radius: 0 0 6px 6px;
        text-align: center;
    /* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
    }
    #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: #272727;
        border-color: #615744;
        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: #393939;
        text-align: left;
        box-shadow: 2px 2px 1px rgb(27 15 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: #796853;
        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: #796853;
        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: 1043px;
        margin: 325px auto -10px auto;
        background: repeat transparent url(https://forumstatic.ru/files/001a/e2/69/97138.png?v=1);
        background-position: center;
        padding-top: 185px;
        padding-bottom: 110px;
        margin-bottom: 47px;
    }
    
    /* A5.2 РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
    -------------------------------------------------------------*/
    .punbb {
        height: auto;
        margin-left: 55px;
        width: 960px;
    }
    
    
    /*************************************************************
    
    ШАПКА, ФОН, ФУТЕР И НАСТРОЙКИ ФУТЕРА
    
    **************************************************************/
    
    /* ЗАДНИЙ ФОН
    -------------------------------------------------------------*/
    body {background:
    url(https://forumstatic.ru/files/001a/e2/69/39657.png) no-repeat fixed
    top center;
    background-size: cover;
    background-color: #161618;
    }
    
    /* ШАПКА
    -------------------------------------------------------------*/
    #pun-title table {
        background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/e2/69/90571.png?v=1);
        border: none;
        margin-left: -74px;
        margin-bottom: -130px;
        width: 1081px;
        height: 408px;
        margin-top: -510px;
    }
    
    /* ФУТЕР
    -------------------------------------------------------------*/
    #pun-about p.container {
        background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001a/e2/69/95398.png?v=1) no-repeat scroll bottom center;
        height: 235px;
        margin-bottom: -265px;
        margin-left: -85px;
        margin-top: -235px;
        width: 1081px;
        padding-top: 0px!important;
        border: none !important;
        padding-bottom: 160px!important;
    }
    
    
    /* РЕЙТИНГ ФОРУМОВ, СОЗДАТЬ ФОРУМ В ФУТЕРЕ
    -------------------------------------------------------------*/
    #pun-about .container .item1 {
        margin-top: 243px;
        width: 1040px;
        position: absolute;
        font-family: arial;
        font-size: 9px;
        text-align: center;
        text-transform: lowercase;
    }
    
    /*************************************************************
    
    ПРОФИЛЬ
    
    **************************************************************/
    
    /* РАМКА ПРОФИЛЯ В ТОПИКЕ
    -------------------------------------------------------------*/
    .post-author {
        width: 277px;
        background: url(https://forumstatic.ru/files/001a/e2/69/78524.png?v=1) top no-repeat, url(https://forumstatic.ru/files/001a/e2/69/37781.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001a/e2/69/62026.png?v=1) repeat-y;
        margin-left: -93px!important;
        padding-bottom: 20px!important;
        margin-top: -30px!important;
    }
    
    /* ВНУТРЕННЕ ПРОСТРАНСТВО ПРОФИЛЯ В ТОПИКЕ
    -------------------------------------------------------------*/
    .post-author ul {
        margin-left: 19px;
        margin-top: 28px;
        width: 240px;
        padding: 0px !important;
    }
    
    /* НИК АВТОРА В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-author { 
        letter-spacing: 0px;
    }
    
    /* НИК АВТОРА В ТОПИКЕ ССЫЛКА
    -------------------------------------------------------------*/
    .pa-author a {
        color: #9a8e79!important;
        font-size: 20px;
        text-shadow: rgb(0 0 0) 1px 1px 0px;
        font-family: Bad Script!important;
    }
    
    /*ПРИ НАВЕДЕНИИ НА НИК АВТОРА В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-author a:hover { color: #a68253!important;
    }
    
    
    /* СТАТУС ЛИЧНОЕ ЗВАНИЕ
    -------------------------------------------------------------*/
    .pa-title {
       font-size: 9px!important;
        padding: 15px 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 #2c2313!important;
        box-shadow: 0 0 2px #000000e0;
    }
    
    /* ПОЛЯ ПРОФИЛЯ
    -------------------------------------------------------------*/
    .pa-fld1 {        background: url(https://forumstatic.ru/files/001a/e2/69/80849.png) no-repeat;
        width: 265px;
        height: 76px;
        margin: 10px 0px 12px -13px!important;
    }
    
    #pl1 {font-family: 'Neothic'!important;
        font-size: 12px;
        color: #81796b!important;
        padding: 25px 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: #81796b!important;}
    
    #pl2 {font-family: 'tahoma';
        font-size: 10px;
        color: #81796b!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-left: 12px!important;
        margin-bottom: 10px!important;
        font-size: 10px;
        font-family: tahoma!important;
        color: #606060!important;
        text-align: justify;
        padding: 10px !important;
        background-color: #2e2e2e6e;
        border: 1px solid #695c4838;
        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: #857862!important;
        font-weight: bold;}
    
    #lz a:hover {color: #634b31!important;}
    
    .pa-fld3 {
    line-height: 2;
    display: inline-block;
    width: 60px;
    }
    
    .pa-fld4 {
    line-height: 0.5;
    display: inline-block;
    width: 60px;
    padding-top:5px!important;
    }
    
    .pa-fld5 {
    line-height: 2;
    display: inline-block;
    width: 60px;
    }
    
    #profilenav h2 {
        text-align: left !important;
    }
    
    /* ПОСТЫ, РЕПУТАЦИЯ
    -------------------------------------------------------------*/
    .pa-posts, .pa-respect {
        padding: 2px 3px 2px 4px!important;
        width: 90px;
        height: 15px;
        text-transform: lowercase;
        font-size: 9px;
        display: inline-block;
        color: #606060!important;
        text-shadow: 1px 1px black;
        margin-bottom: 8px!important;
        margin-top: 10px!important;
        background-color: #2e2e2e6e;
        border: 1px solid #695c4838;
    }
    
    /* СЛОВО РЕПУТАЦИЯ - ЭТО ССЫЛКА. ЕЕ НУЖНО ПЕРЕКРАСИТЬ ОТДЕЛЬНО!
    -------------------------------------------------------------*/
     .pa-respect a {    color: #606060!important;}
    
    /* СДВИГ КОЛ-ВА ПОСТОВ
    -------------------------------------------------------------*/
    .pa-posts {margin-left: 0px!important}
    
    /* ОТОБРАЖЕНИЕ ПРОФИЛЯ ПРИ ОТВЕТИТЬ
    -------------------------------------------------------------*/
    #pun-post .pa-author {
        width: 239px !important;
        letter-spacing: 1px;
        margin-top: 23px!important;
        color: #9a8e79!important;
        font-size: 20px;
        text-shadow: rgb(0 0 0) 1px 1px 0px;
        font-family: Bad Script!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: 636px;
        position: absolute;
        width: 270px;
        text-align: right!important;
        padding: 0px!important;
    }
    
    /* ИКОНКА СТРАНЫ НЕ ОТОБРАЖАЕТСЯ
    -------------------------------------------------------------*/
    .pa-author img {
        display: none;
    }
    
    
    /* АЙПИ В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-ip {
        clear: both;
        color: #606060!important;
        font-size: 7px;
        margin-top: 10px!important;
    }
    
    /* ОНЛАЙН - АКТИВЕН В ТОПИКЕ
    -------------------------------------------------------------*/
    .pa-online {
        height: 20px;
        display: block;
        margin-bottom: 1px!important;
        text-transform: lowercase;
        font-size: 9px;
        color: #626262cf!important;
    }
    
    /* НЕ ОТОБРАЖАТЬ ПОСЛЕДНЕЕ ИЗМЕНЕНИЕ И НАГРАДЫ И МОДЕРОВ
    -------------------------------------------------------------*/
    .lastedit {
        display: none !important;
    
    .modlist {display: none !important;}
    }
    
    /* НЕ ОТОБРАЖАТЬ ПОДАРКИ
    -------------------------------------------------------------*/
    .pa-gifts {
        display: none;
    }
    
    .pa-awards {
        padding: 0px 0px 0px 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: #3c3c3b;
    }
    
    /* ЦВЕТ ТЕКСТА ПОСТОВ
    -------------------------------------------------------------*/
    .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: #4c4332;
    }
    
    /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    .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: #84643b;
    }
    
    
    /*************************************************************
    
    ПОДФОРУМ
    
    **************************************************************/
    
    /* ПОДФОРУМ
    -------------------------------------------------------------*/
    #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;
        background-color: #b6af9c;
        padding: 15px 30px;
        border: 1px solid #aba48e;
        width: 470px;
        position: relative;
    }
    
    /* ПОДФОРУМ - НАЗВАНИЕ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-index .tclcon h3 a {
    color: #797353;
        font-size: 22px;
        display: block;
        margin-bottom: 15px;
        position: relative;
        font-family: bad script!important;
        font-weight: 100;
        padding: 0px 0px 0px 40px;
        text-transform: lowercase;
        text-shadow: 1px 1px #c5b8ada1;
        font-variant: normal;
        background: #a49b86cf;
        width: 512px;
        margin-left: -40px;
    }
    
    /* ССЫЛКА НАЗВАНИЯ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-index .tclcon a { line-height: 22px;}
    
    #pun-index .tclcon a:hover { line-height: 22px;
    color: #9a8e79!important;}
    
    /* ССЫЛКИ НАВИГАЦИИ В ПОДФОРУМАХ
    -------------------------------------------------------------*/
    /* описание подфорумов и ссылки */
    .f_desc_wrap {
      display: flex;
        justify-content: space-between;
        gap: 15px;
        flex-direction: column;
    }
    
    .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: #a49b86cf;
        padding: 2px 10px;
        flex: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
        border-left: 0px solid #fefefe;
        font-family: tahoma;
        font-size: 10px;
        line-height: 13px!important;
        font-variant-caps: all-small-caps;
        text-shadow: 1px 1px #c5b8ada1;
    }
    
    .f_links a:hover {
      border-left: 10px solid #fefefe; /*цвет и ширина бордера по наведению*/
      background: rgb(191 184 167);/*цвет фона по наведению*/
      color: #fefefe; /*цвет текста по наведению*/
      letter-spacing: 1px
    }
    
    
    .Tems_And_messages {
      display: inline-block;
        background: #a49b86cf;
        font-family: tahoma;
        text-transform: uppercase;
        font-size: 10px;
        color: #473d30;
        padding: 3px 0px 3px 25px;
        letter-spacing: 1px;
        text-shadow: 1px 1px #c5b8ada1;
        font-weight: bolder;
        font-variant-caps: all-small-caps;}
    
    .main table .Add {
        display: block;
        padding: 0px;
        width: auto;
        position: absolute;
        top: 16px;
        right: 20px;
    }
    
    
    
    /* ССЫЛКА НА ПОСЛЕДНЮЮ АКТИВНУЮ ТЕМУ НА ГЛАВНОЙ СТРАНИЦЕ
    -------------------------------------------------------------*/
    #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/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    /* ПЕРВАЯ
    -------------------------------------------------------------*/
    #pun-category1 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    
    /* ВТОРАЯ
    -------------------------------------------------------------*/
    #pun-category2 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    /* ТРЕТЬЯ
    -------------------------------------------------------------*/
    #pun-category3 h2 {     background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    /* ЧЕТВЕРТАЯ
    -------------------------------------------------------------*/
    #pun-category4 h2 {    background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    
    /* ПЯТАЯ
    -------------------------------------------------------------*/
    #pun-category5 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !important;
        display: inherit;
    }
    
    /* ШЕСТАЯ
    -------------------------------------------------------------*/
    #pun-category6 h2 {      background: url(https://forumstatic.ru/files/001a/e2/69/99365.png?v=1) no-repeat;
        border: none !important;
        width: 1061px;
        height: 10px;
        margin-left: -54px !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: -130px!important;
        font-weight: normal;
        text-align: center;
        width: 935px!important;
    
    }
    /* КОНТЕЙНЕР ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛОК
    -------------------------------------------------------------*/
    #pun-ulinks .container {
            font-family: tahoma!important;
        text-transform: lowercase;
        width: 935px !important;
        text-align: center !important;
        font-style: normal;
        top: -9px;
        font-weight: 400;
    }
    
    /* НЕ ОТОБРАЖАТЬ МОИ ЗАГРУЗКИ В ПОЛЬЗОВАТЕЛЬСКИХ ССЫЛКАХ
    -------------------------------------------------------------*/
    #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: #9a8e79!important;
        line-height: 11px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;
        text-shadow: 1px 1px black;
    }
    
    /* ЦВЕТ ССЫЛОК ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    #pun-ulinks a:hover { letter-spacing: 2px;}
    
    
    /*************************************************************
    
    ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ
    
    **************************************************************/
    
    /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ ВНЕШНИЙ ВИД
    -------------------------------------------------------------*/
    #pun-crumbs1, #pun-crumbs2 {
        text-align: center;
        width: 935px;
        font-family: tahoma!important;
        font-weight: 700;
    }
    
    /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ
    -------------------------------------------------------------*/
    #pun-crumbs1 {            
        margin-top: 200px!important;
    }
    
    /* ССЫЛКИ В ВАШЕМ МЕСТОРАСПОЛОЖЕНИИ НА ФОРУМЕ - ДЕЛАЕМ ЖИРНЫМИ
    -------------------------------------------------------------*/
    #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: #afaba0;
        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: 18px 20px !important;
        width: 97% !important;
        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 select, input {
        background: rgb(227, 217, 212);
        padding: 2px 2px 2px 2px !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);
    }
    
    /* СДВИГАЕМ ЦИТАТУ, КОД И ТД
    -------------------------------------------------------------*/
    .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: #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);
    }
    
    
    /* 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 #a9a28c;
        border-style: double;
        background: #aba495;
        width: auto;
        font-variant: all-small-caps;
        font-family: 'tahoma';
        letter-spacing: 1px;
    }
    
    /* КОД (СКОПИРОВАТЬ КОД)
    -------------------------------------------------------------*/
    #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/71006.png);
        background-repeat: no-repeat;
        border-style: none;
        display: block;
        height: 25px;
        margin-left: 538px;
        margin-top: 50px;
        width: 25px;
        z-index: 1;
        opacity: 1;
        position: absolute;
    }
    
    
    /* ИКОКА НОВЫХ НА ГЛАВНОЙ СТРАНИЦЕ
    -------------------------------------------------------------*/
    #pun-index TR.inew Div.icon {
        background-image: url(https://upforme.ru/uploads/001a/e2/69/2/49210.png);
        background-repeat: no-repeat;
        opacity: 1;
        height: 25px;
        width: 30px;
    }
    
    /* ИКОКА СТАРЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
        float: left;
        display: block;
        position: relative;
        margin: -3px 8px;
        width: 25px;
        height: 25px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/71006.png);     opacity: 0.3;
    }
    
    /* ИКОКА НОВЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
        width: 25px;
        height: 30px;
        background-image: url(https://upforme.ru/uploads/001a/e2/69/2/49210.png);  opacity: 1;
    }
    /* ИКОКА ВАЖНЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
        width: 25px;
        height: 30px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/49210.png);  opacity: 0.5;
    }
    /* ИКОКА ЗАКРЫТЫХ ВНУТРИ ПОДФОРУМА
    -------------------------------------------------------------*/
    #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
        width: 25px;
        height: 25px;
        background-image: url(https://forumstatic.ru/files/001a/e2/69/71006.png);  opacity: 1;
    }
    
    
    
    /*************************************************************
    
    КНОПКИ ОТПРАВИТЬ, ПОСМОТРЕТЬ, СОХРАНИТЬ И ТД
    
    **************************************************************/
    
    /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
    -------------------------------------------------------------*/
    input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
        font-size: 8px!important;
        background: linear-gradient(#504d4c, #4f4f4f)!important;
        border: 1px solid #544e4c !important;
        box-shadow: inset 0px 0px 2px #aeaea5, inset 0px 0px 1px #484443, inset 0px 0px 18px #292929;
        text-shadow: 1px 1px 0 rgb(0 0 0), 0 0 5px rgb(235 226 214 / 27%);
        color: #bfb8a7!important;
        font-weight: 800 !important;
        padding: 5px 6px 5px 7px !important;
        cursor: pointer!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;
        text-transform: uppercase;
        width: auto!important;
    }
    
    button {
        font-size: 8px!important;
        background: linear-gradient(#504d4c, #4f4f4f)!important;
        border: 1px solid #544e4c !important;
        box-shadow: inset 0px 0px 2px #aeaea5, inset 0px 0px 1px #484443, inset 0px 0px 18px #292929;
        text-shadow: 1px 1px 0 rgb(0 0 0), 0 0 5px rgb(235 226 214 / 27%);
        color: #bfb8a7!important;
        font-weight: 800 !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;
        text-transform: uppercase;
        width: auto!important;
    }
    
    /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
        background: linear-gradient(#1e1c1b, #504d4c)!important;
        cursor: pointer!important;
    
      }
    button:hover{
        background: linear-gradient(#1e1c1b, #504d4c)!important;
        cursor: pointer!important;}
    
    /*************************************************************
    
    ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
    
    **************************************************************/
    
    
    /* ВНЕШНИЙ ВИД ВЫДЕЛЕННОГО ТЕКСТА
    -------------------------------------------------------------*/
    ::selection {    background: #4e4e4e;
        color: #cecbc4;
    }
    
    /* ПРОКРУТКА ШИРИНА
    -------------------------------------------------------------*/
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;}
    
    /* ДВИЖУЩАЯСЯ ЧАСТЬ ПРОКРУТКИ
    -------------------------------------------------------------*/
    
    ::-webkit-scrollbar-thumb {
        background-color: #c9be98;
        border: 1px solid #544226bf;
        box-shadow: inset 0 0 2px #4a3b1d;
    }
    /* ПОДЛОЖКА ПРОКРУТКИ
    -------------------------------------------------------------*/
    ::-webkit-scrollbar-track {
            background-color: #242222;
        border: 1px solid #3a3735;
        box-shadow: inset 0 0 2px #2e2a29;
    }
    
    /* ЧТОБЫ НЕ ОТОБРАЖАЛАСЬ ПРОКРУТКА ФОРУМА ПО ГОРИЗОНТАЛИ
    -------------------------------------------------------------*/
    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: 30%;
        margin-left: 970px !important;
    }
    /* РАСПОЛОЖЕНИЕ КНОПКИ ВНИЗ
    -------------------------------------------------------------*/
    .go-down {
        bottom: 20%;
        margin-left: 970px !important;
    }
    /* КНОПКИ ВВЕРХ ВНИЗ ПРИ НАВЕДЕНИИ
    -------------------------------------------------------------*/
    .go-down:hover, .go-up:hover {
        opacity: 1;
    }
    
    /*************************************************************
    
    ТОПИКИ И ВСЯКОЕ МЕЛКОЕ В ШАПКЕ
    
    **************************************************************/
    
    /* ТЕКСТ В ШАПКЕ
    -------------------------------------------------------------*/
    
    #html-header active {
       position: absolute;
        margin: 121px 95px !important;
        font-size: 10px;
        font-family: 'tahoma';
        text-align: center;
        letter-spacing: 1px;
        font-variant: all-small-caps;
        color: #7c684d;
        text-shadow: 1px 1px black;
    }
    
    #html-header active a {
        color: #796853;
        font-family: Bad Script!important;
        text-transform: lowercase;
        font-style: normal;
        font-size: 17px;
        font-variant: normal;
        letter-spacing: 0px!important;
    }
    
    
    #html-header posts{
        position: absolute;
        margin: 121px 648px !important;
        font-size: 10px;
        font-family: 'tahoma';
        text-align: center;
        letter-spacing: 1px;
        font-variant: all-small-caps;
        color: #7c684d;
        text-shadow: 1px 1px black;
        width: 200px;}
    
    #html-header posts a {
        color: #796853;
        font-family: Bad Script!important;
        text-transform: lowercase;
        font-style: normal;
        font-size: 17px;
        font-variant: normal;
        letter-spacing: 0px!important;
    }
    
    #html-header post {
        position: absolute;
        margin: 140px 653px !important;
        font-size: 10px;
        font-family: 'tahoma';
        text-align: center;
        letter-spacing: 1px;
        font-variant: all-small-caps;
        color: #7c684d;
        text-shadow: 1px 1px black;
        width: 200px;}
    
    #html-header post a {
        color: #796853;
        font-family: Bad Script!important;
        text-transform: lowercase;
        font-style: normal;
        font-size: 17px;
        font-variant: normal;
        letter-spacing: 0px!important;
    }
    
    #html-header episode {
        position: absolute;
        margin: 140px 110px !important;
        font-size: 10px;
        font-family: 'tahoma';
        text-align: center;
        letter-spacing: 1px;
        font-variant: all-small-caps;
        color: #7c684d;
        text-shadow: 1px 1px black;
    }
    
    #html-header episode a {
        color: #796853;
        font-family: Bad Script!important;
        text-transform: lowercase;
        font-style: normal;
        font-size: 17px;
        font-variant: normal;
        letter-spacing: 0px!important;
    }
    
    #html-header quiteright {
        margin: 190px 605px !important;
        position: absolute;
        margin-left: 10px;
        text-align: justify;
        font-family: play!important;
        width: 350px;
        overflow: auto;
        height: 50px;
        padding-right: 6px;
        color: #545351;
        font-size: 9px;
        text-transform: lowercase;
        line-height: 12px;
        text-shadow: 1px 1px black;
    
    } 
    
    #html-header quiteleft {
        position: absolute;
        margin: 190px 39px!important;
        text-align: justify;
        font-family: play!important;
        width: 330px;
        overflow: auto;
        height: 50px;
        padding-right: 6px;
        color: #545351;
        font-size: 9px;
        text-transform: lowercase;
        line-height: 12px;
        text-shadow: 1px 1px black;
    } 
    
    
    .quite::-webkit-scrollbar-thumb {
        background-color: #3b769a;
        border: 1px solid #103b54;
        box-shadow: inset 0 0 0px #252422;
    }
    
    .quite::-webkit-scrollbar-track {
        background-color: #2d2d2d;
        border: 1px solid #252525;
        box-shadow: inset 0 0 0px #000000;
    }
    
    .quite::-webkit-scrollbar {
        width: 1px !important; 
        height: 6px;}
    
    
    /*----------------------- админы, расположение ссылок ----------------------*/
    
    .amso {        position: absolute;
        text-align: left;
        font-family: tahoma!important;
        letter-spacing: 1px;
        color: #545351!important;
        margin: 95px 0 0px 680px!important;
        font-size: 10px;
        line-height: 11px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: bolder;
        text-shadow: 1px 1px black;
    }
    
    .ams { position: relative; display: inline-block; }
    .ams_frame { padding: 5px; }
    .ams_frame img { }
    .ams { position: relative; display: inline-block; }
    .ams span { display: none; }
    .amso a:hover {    color:#6c4f2e!important; }
    .amso a {    color:#545351!important; }
    
    .ams:hover span { position: absolute; text-align: center; display: inline-block; margin-top: 10px; left: -80px; z-index: 100000; }
    
    .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: 280px 0px 0px 943px!important;
    }
    
    .north a {    font-size: 18px!important;
        letter-spacing: 2px;
        font-family: 'Yeseva One';
        text-shadow: 1px 1px 0px black;
        color: #796853!important; }
    .north a:hover {     letter-spacing: 2px!important; transition: color 0.3s ease-in-out;
    }
    .south {    position: absolute;
        margin: 280px 0px 0px -21px!important;
    
    }
    
    .south a {           font-size: 18px!important;
        letter-spacing: 2px;
        font-family: 'Yeseva One';
        text-shadow: 1px 1px 0px black;
        color: #796853!important;
    }
    .south a:hover {    letter-spacing: 2px!important; 
    }
    
    #html-header plashki {        position: absolute;
        margin: 405px 70px !important;
        width: 800px;
    }
    
    .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: #bdb6a4;
        height: 20px;
        box-shadow: inset 0px 0px 2px #bdb5a3, inset 0px 0px 1px #b8b09e, inset 0px 0px 20px rgb(170 163 141);
        color: #251d12;
        border: double 3px #9c937c8a;
        border-style: double;
    }
    
    
    .plashka a {    color: #6c6450!important;
        font-family: Tahoma!important;
        text-transform: uppercase!important;
        text-shadow: 1px 1px #c5b8ada1;
        font-variant: normal;
        font-size: 10px;
        letter-spacing: 1px;
    }
    
    .plashka a:hover {    #95681f!important;
    letter-spacing: 1px; 
    transition: color 0.3s ease-in-out;
    }
    
    #html-header a {
        color: #a29c8d;}
    
    #html-header a:hover {
        color: #8c6d41!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: 600px;
        margin: 152px 165px !important;
        padding-top: 6px;
        text-align: center;
        transition: 0.5s all;
        font-size: 19px;
        text-shadow: 1px 1px black;
        font-family: Bad Script!important;
        text-transform: lowercase;
       }
    
    .need a{
        color: #796853!important;}
    
    .need a:hover {
        color: #9a8e79!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: #bdb6a4;
        padding: 5px;
        margin-top:-5px;
        margin-right:-11px;
        border: 1px solid #aba48e;
        overflow-y: scroll;
        height: 245px;
    }
     #font-area  {
    background-color: #bdb6a4;
        padding: 5px;
        margin-top:-5px;
        margin-right:-11px;
        border: 1px solid #aba48e;
        overflow-y: scroll;
        height: 230px;
    }
     #size-area  {
        background: #bdb6a4;
        padding: 5px;
        margin-top:-5px;
        margin-right:-11px;
        border: 1px solid #aba48e;
        overflow-y: scroll;
        height: 230px;
    }
    #image-area  {
    background-color: #bdb6a4;
        border: 1px solid #aba48e;
    }
    
    #spoiler-sels{
     background-color: #bdb6a4;
        border: 1px solid #aba48e;
    }
    
     #keyboard-area  {
        background: #bdb6a4;
        padding: 5px;
        margin-top: -5px;
        margin-right: -11px;
        border: 1px solid #aba48e;
        overflow-y: scroll;
        height: 230px;
    }
    
    /*************************************************************
    
    ЛИЧНАЯ СТРАНИЧКА
    
    **************************************************************/
    #character {
          margin-top: -80px!important;
    }
    
    .lichka {
        background: url(https://forumstatic.ru/files/001a/e2/69/32452.png?v=1) no-repeat;
        width: 846px;
        height: 857px;
        margin: auto !important;
        text-align: justify;
        padding-bottom: 100px;
        position: absolute;
        margin-left: 35px!important;
    }
    
    .lichka_gif {
       margin-top: 62px!important;
        position: absolute;
        margin-left: 122px!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: lowercase;
        letter-spacing: 1px;
        font-size: 20px;
        text-align: center;
        margin-left: 386px!important;
        margin-top: 22px!important;
        position: relative;
        font-family: Bad Script!important;
        color: #796853;
        width: 425px;
        height: 76px;
        overflow: hidden;
        text-shadow: 1px 1px black;
    }
    
    .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: 399px!important;
        margin-top: 24px!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: #796853!important;}
    
    .lichka_plashki {
        position: relative;
        width: 619px;
        height: 180px;
        margin: 25px 4px 28px 153px !important;
        line-height: 15px;
        overflow: auto;
        padding-right: 15px;
        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/80849.png?v=1) center no-repeat;
        width: 297px;
        height: 70px;
        margin: 3px 9px 0px 0!important;
        position: relative;
        box-sizing: border-box;
        text-align: center;}
    
    
    .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: 38px 0 0 75px !important;
        line-height: 12px;
        overflow: auto;
        padding-right: 5px;
        font-size: 0;}
    
    .lichka_awards {
       position: relative;
        width: 765px;
        height: 109px;
        margin: 38px 73px !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: 50px;
              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: #727272;
        position: fixed;
        top: 22px;
        right: -262px;
        background-image: url(https://upforme.ru/uploads/001a/e2/69/2/t13467.png);
        width: 237px;
        height: 517px;
        padding-left: 25px;
        max-height: 513px;
        transition-duration: 0.3s;
        text-align: left;
        border-radius: 0 0 0px;
        overflow: auto;
              }
    #slideout_inner_textarea {
        width: 152px;
        height: 470px!important;
        margin-bottom: 12px;
        overflow: auto;
        margin-top: 30px;
        margin-left: 30px;
              }
    #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: #2d2d2d !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: #9c9c9c; /* цвет текста */
      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/58937.png?v=1);
        width: 941px;
        height: 472px;
        position: absolute;
        z-index: 9999;
        margin: -47px 0px -2px -18px! important;
    }
    
    
    
    .vnehg {
        position: absolute!important;
        margin-left: 210px!important;
        margin-top: 267px!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: 485px!important;
        margin-top: 266px!important;
        width: 265px;
        height: 90px;
        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: #8e6a49!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;
    }
    
    .punbb .post .post-author {
        position: sticky!important;
        transition: all .2s ease;
        margin-bottom: 40px;
        top: -15px;
    }
    
    /* НАВИГАЦИЯ ПО ТЕМАМ В ШАПКЕ
    -------------------------------------------------------------*/
    
    /* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
    /* настройка кнопки, может быть текстом */
    .spirit-navigation {
        height: 14px;
        width: 178px;
        top: -43px;
        left: 53px;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        position: absolute;
        color: #746b5d !important;
        font-family: 'tahoma';
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 1px;
        text-shadow: 1px 1px 0px #000000;
        font-weight: bolder;
        font-variant: all-small-caps;
    }
    
    /* вид кнопки после клика по ней */
    .spirit-navigation.spirit-navigation_hover{
    background: url(ссылка на картинку) no-repeat
    }
    
    /* настройка позиции выпадающего по клику окна и его ширина */
    #navigblock {
        width: 150px;
        margin-left: 8px;
        position: absolute;
        top: -21px;
        z-index: 999;
    }
    
    /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
    .sslka {
        display: block;
        background: #1e1e1e;
        padding: 3px 0 3px 0;
        border: 1px solid #625846;
    }
    
    /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
    #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 #57473a7d;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 136px;
        font-weight: 500;
        color: #ad9e7f;
        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: #ad9e7f;
        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-navigation2 {
        height: 14px;
        width: 178px;
        top: -43px;
        left: 810px;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        position: absolute;
        color: #746b5d !important;
        font-family: 'tahoma';
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 1px;
        text-shadow: 1px 1px 0px #000000;
        font-weight: bolder;
        font-variant: all-small-caps;
    }
    
    /* вид кнопки после клика по ней */
    .spirit-navigation2.spirit-navigation2_hover{
    background: url(ссылка на картинку) no-repeat
    }
    
    /* настройка позиции выпадающего по клику окна и его ширина */
    #navigblock2 {
        width: 150px;
        margin-left: 776px;
        position: absolute;
        top: -21px;
        z-index: 999;
    }
    
    /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
    .sslka2 {
        display: block;
        background: #1e1e1e;
        padding: 3px 0 3px 0;
        border: 1px solid #625846;
    }
    
    
    /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
    #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 #57473a7d;
        text-shadow: 1px 1px #000000;
        text-transform: lowercase;
        width: 136px;
        font-weight: 500;
        color: #ad9e7f;
        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: #ad9e7f;
        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;
    }
    

    0


    Вы здесь » гром и молния » Kiss the goat » диз фантом лес золото чб


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