апокалипсис | ходячие мертвецы | 18+
в 2010 году ты встретил зомбиапокалипсис

и был вынужден примкнуть к тем, кто

остался жив.

Ты выживешь. Мы верим в тебя.

we need them
настройки
Шрифт в постах

    archives

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

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


    Вы здесь » archives » incident: julio island » дизайн


    дизайн

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

    1

    диз моего теста

    хтмл вверх

    Код:
    <div class="headvirus">
    
                <!--приветствие-->
    <div class="welcome"><div class="actzag"></div> <br>
          </div>
            
             <!--отключить сервис рекомендаций, жалоба в сообщениях, теги, граффити, вложения, сервисные смайлы, сокращение ссылки-->
    <script type="text/javascript">
            rusffcore.sets.show_reportbtn = 0;
            rusffcore.sets.tags = false;
            rusffcore.sets.graffiti = false;
            rusffcore.sets.files = false;
            rusffcore.sets.rusff_smilepack = 0;
            forum.set("editor.link.short_url", function() { return false; });
            </script>
              <!--конец--> 
          
          <!---------------------------- пиар-вход ---------------------------->
          <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
          <script type="text/javascript">
          PR.nick = 'реклама'; //Ник PR-аккаунта
          PR.pass = '1111'; //Пароль PR-аккаунта
          PR.btn_text = 'PR'; //Надпись на кнопке PR-входа(или ссылка на картинку);
          PR.set();</script>
          
             
             
          <!--всплывающие подсказки при наведении-->
          <script type="text/javascript" src="https://forumstatic.ru/files/001a/fa/d0/26671.js"></script>
          <!--//end//-всплывающие подсказки при наведении-->
          
             
            <!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
            <script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
            <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
            <script type="text/javascript">select_text.linkText = 'скопировать код' //текст ссылки</script>
            <!-- конец --> 
    
    <!--отключить сервис рекомендаций, жалоба в сообщениях, теги, граффити, вложения, сервисные смайлы, сокращение ссылки-->
    <script type="text/javascript">
            rusffcore.sets.show_reportbtn = 0;
            rusffcore.sets.tags = false;
            rusffcore.sets.graffiti = false;
            rusffcore.sets.files = false;
            rusffcore.sets.rusff_smilepack = 0;
            forum.set("editor.link.short_url", function() { return false; });
            </script>
              <!--конец--> 
          
    <!---------------------------- Быстрая смена аккаунта  ---------------------------->
    <script type="text/javascript">
      New_EXiT = 'https://forumstatic.ru/files/001b/cc/c6/71726.png'; //Дополнительная Иконка выход;
    </script>
    <script data="355b90"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>
    
    
    <!--// Быстроплюсы v.2 РЕНО by Deff //-->
    <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script> 
    
      <!-- лс -->
    <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>

    хтмл-низ

    Код:
    <!----------  Переключение раскладки выделенного текста v.2 ----------->
    <!-- style>#button-transL{background-image:url(https://uploads.ru/i/X/j/Z/XjZW7.png)}</style -->
    <script type="text/javascript">S='<img src="https://forum.mybb.ru/i/blank.gif" title="Lat ↔ Рус" onclick="LatRus();"/>';
    $("#button-font").after('<td id=button-transL>'+S+'</td>');
    function LatRus(){
    lat0='|@#$^&/?qwertyuiopasdfghjkl;\'zxcvbnm,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
    lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
    lat.push('\\[','\\]','\\.','\\?','\\/','\\&','\\^','\\$','\\#','\\@','\\|');
    rus0=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю,.?:;№"/').split('');
    rus=('\,йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
    rus.unshift ('\\/','\\"','\\№','\\;','\\:','\\?','\\.');
    var selstart = document.getElementById("main-reply").selectionStart;
    var selend = document.getElementById("main-reply").selectionEnd;
    L=$('#main-reply').val();
    if (typeof selstart === "number" && typeof selend === "number"){
    var TxtTrans1 = (L.substring(selstart,selend).search(/[qwertyuiopasdfghjklzxcvbnm]/i)!=-1?'rus':'lat');
    var ar2=lat0,ar1=rus; if(TxtTrans1=='rus'){ar1=lat;ar2=rus0;
    selstart+=L.substring(selstart,selend).search(/[.,]*?[qwertyuiopasdfghjklzxcvbnm]/i); latend=L.substring(selstart,selend).search(/[йцукенгшщзфывапролджэячсмитьёхъю]/i);
    if (latend != -1) {selend = selstart+latend;}}
    L=L.substring(0,selstart) + L.substring(selstart,selend).replace(/[\s\S]*/mg,function(p){
    for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}) + L.substring(selend);}$('#main-reply').val(L);}</script>
    
    <!-- подсказки -->
    <script type="text/javascript">$(function() {$('.scrolling_box_inner img').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>
    
    <!--убираем реакции-->
    <script>
    ReactionsPlugin.setConfig({
      disable: true
    });
    </script>
    
    
    <!--обтекание изображения 2.4.4-->
    <script language="javascript">
    $(function(){
    $('td#button-link').before('<td id="floatbut" title="Обтекание изображения" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
    $('#floatbut, .vibor').click(function(){
    $('div#float').toggle();});
      });
    elm=document.getElementsByTagName("div")
    for(x in elm) if(elm[x].className=="post-content") 
    {
    post = elm[x].innerHTML;
    if(post.indexOf("[/float]") != -1) {
    floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
    elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
    }}
    </script>
    <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
    <div><strong>Направление обтекания</strong></div><br>
    <div align="center">
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
    <img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
    </div></div>
    
    
    <!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>
    <!-- Конец Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    
    <!-- Регулировка размера шрифта в постах © Alex_63 -->
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>  
    <!-- Конец Регулировка размера шрифта в постах © Alex_63 -->    
    
    
    <!-- Быстрое редактирование постов © Alex_63 // V.3 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>
    <!-- конец Быстрое редактирование постов © Alex_63 // V.3 -->
    
    
    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
        <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4"><span>Важные темы</span><em></em></td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4"><span>Темы форума</span><em></em></td></tr>');$('.stickytext').remove()}</script>
        <!-- //End//-Разделение тем -->
    
      <!--кнопки вверх вниз-->
      <div class="go-up" id='ToTop'><img src="https://i.imgur.com/HOSDX72.png"></div>
      <div class="go-down" id='OnBottom'><img src="https://i.imgur.com/HOSDX72.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>
      <!--кнопки вверх вниз-->
    
    
    <!--ТЕГ  абзаца - [indent] -->
    <style>#button-indent {background:url(https://forumupload.ru/uploads/001b/b4/ca/2/683292.png)no-repeat center 6px!important;}</style>
    <script type="text/javascript">(function(){ var b = '[indent]';
    $("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
    var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </script>
    <!--конец ТЕГ  абзаца - [indent] -->
    
    
    <!--замена коротких тире на длинные -->
    <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>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>
    <!-- Конец -->
    
    <!--написано символов-->
    <script>var a,L,epl=$("#main-reply"),str='<small id="plng">Написано символов: <b>00</b> </small>';epl.parents("#post-form").find(".formsubmit").append(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>
    <!--конец -->
    
    <!-- Восстановление последнего поста при утере by Человек-Шаман -->
    <script>
    $(document).ready(function() {
      $('#addition-area').append(function() {
        return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
      });
      function restoreLastPost() {
        $('#main-reply').val(localStorage.ReservePost);
      };
    });
    </script>
    <!--конец-->
    
    <!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
    <script> if($('#pun-viewtopic').length)$(window).load(function () {
    if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
    });
    </script>
    <!-- конец Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
    
    
    <!---------------------------- НОВОЕ СОО ---------------------------->
    <script type="text/javascript">
    function show_new() { if(GroupID == 3) return;
    $('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');} show_new();
    </script>
    <!-- КОНЕЦ   -->
    
    
    <!---сообщения в облаке
    <script type="text/javascript">
    if(GroupID==3){
        $('.button[name="submit"]').click(function (){
          var TxtContent = $(this).parents('#post').find('#main-reply').val();
          $(this).parents('#post').find('#main-reply').val('[hide=99999]'+TxtContent+'[/hide]');
        });
    }
    </script>--->
    
    <!--Смена ИМИДЖА-->
    <script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
    <script>
    hvScriptSet.addMask({
        guestAccess: ['at the entrance to the city', 'city support', 'our history', 'another reality', 'the bar is noisy', 'personal and beautiful', 'all the most important', 'something else'],
        forumAccess: {
            'at the entrance to the city': ['не принятые', 'принятые'],
            'city support': ['не принятые', 'принятые'],
            'our history': ['не принятые', 'принятые'],
            'another reality': ['не принятые', 'принятые'],
            'the bar is noisy': ['не принятые', 'принятые'],
            'personal and beautiful': ['не принятые', 'принятые'],
            'all the most important': ['не принятые', 'принятые'],
            'something else': ['не принятые', 'принятые']
        },
        forumAccessExtended: {
            'at the entrance to the city': ['не принятые', 'принятые'],
            'city support': ['не принятые', 'принятые'],
            'our history': ['не принятые', 'принятые'],
            'another reality': ['не принятые', 'принятые'],
            'the bar is noisy': ['не принятые', 'принятые'],
            'personal and beautiful': ['не принятые', 'принятые'],
            'all the most important': ['не принятые', 'принятые'],
            'something else': ['не принятые', 'принятые']
        },
        changeList: {
            'pafld1': {
                title: 'лз',
                description: '',
                tag: '',
                class: 'pa-fld1',
                defaultCode: '<div class="lzname"><a href="ссылка на анкету">только имя на кир, возраст</a></div> <div class="lz1">раса ✦ профессия</div> <div class="lz2">какая-то цитата или можешь добавить  <a href="ссылка">пара</a></div>',
                type: 'html'
            }
        }
    });
    </script>
    
    <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:-22px 0 0 22px;background: #faf9f8;font: 560 8px 'open sans';width: 11px;height: 11px;text-align: center;border-radius: 100%;padding: 0;\">2</p></b></td>"
    $("#button-image").after(oldIMG);
    </script>
    
    <!-- подсказки для элементов без подсказок -->
    <script>
    $('li.pa-online').attr('title', 'сейчас онлайн');
    $('li.pa-last-visit').attr('title', 'сейчас нет на форуме');
    $('#pun-status .container .item5 a').attr('title', 'включить режим скрытности');
    $('.postlink span.closed').attr('title', 'тема закрыта');
    </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>
    
    <!---------взаимная реклама--------->
    <!--взаимная реклама-->
    <script>function getUrlParameterByName( name,href )
    {name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));}
    function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;}
    function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + '[url=' + url + ']ваша реклама[/url]'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();}
    function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }
    
    var advertiseCodes = [];
    advertiseCodes.push('[align=center][url=http://thesanctum.rusff.me/][img]https://i.imgur.com/mDaGqiH.gif[/img][/url][/align]' +'\n');
    
    advertiseCodes.push('[align=center][url=http://thesanctum.rusff.me/][img]https://forumupload.ru/uploads/001b/cb/72/78/t63112.gif[/img][/url][/align]' +'\n');
    
    addAdvertiseLink(441);
    </script>

    0

    2

    форма-ответа

    Код:
    <!-— ДОП ШРИФТЫ В ФОРМЕ ОТВЕТА-->
    <script type="text/javascript">
    if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
    var ft; var i; var ft_f; var j = "";
    ft = document.getElementById("font-area");
    var ft_f = new Array();
    ft_f.push('Caveat');
    ft_f.push('Comforter Brush');
    ft_f.push('El Messiri');
    ft_f.push('Jost');
    ft_f.push('Montserrat');
    ft_f.push('Reggae One');
    ft_f.push('Rubik Mono One');
    ft_f.push('Sofia Sans Extra Condensed');
    ft_f.push('Tenor Sans');
    ft_f.push('Yeseva One');
    ft_f.push('Yuji Boku');
    ft_f.push('Santa Catarina');
    
    for (i in ft_f) {
    j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
    j += "font=" + ft_f[i];
    j += "]','[/font]')\" /></div>";
    ft.innerHTML += j;
    }}
    </script>
    
    <!----------------------------------------- ШРИФТЫ КОНЕЦ ----------------------------------------->
    
    
    
    <!-- Мгновенный предпросмотр сообщения © Alex_63 -->
        <script type="text/javascript">
        var PPREV = {};
        PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
        PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
        </script>
        <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
    
    
    <!-- Кнопка отключения мгновенного предпросмотра -->
        <style>#togglePreview{float:right;margin-top:-17px}</style>
        <script type="text/javascript">(function (){
          var a='Включить быстрый предпросмотр';
          var b='Отключить быстрый предпросмотр';
          var d='_PreviewToggle';
          setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
          getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
          $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
          var x = ParseContent;
          window.togglePreview = function(sel){//alert(sel.value);
            if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
            if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
          }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
        }())
        </script>
    
    
    <!-— СМАЙЛИКИ -->
    <script type="text/javascript">
    var nabor2 = ['https://i.imgur.com/PWiAsAY.png',
    'https://i.imgur.com/6Rb0ydT.png',
    'https://i.imgur.com/5guRpa1.png',
    'https://i.imgur.com/vSLQ5d1.png',
    'https://i.imgur.com/FACizfe.png',
    'https://i.imgur.com/jIj1ZGA.png',
    'https://i.imgur.com/wNTmwSe.png',
    'https://i.imgur.com/vqWWYNn.png',
    'https://i.imgur.com/feu2UVH.png',
    'https://i.imgur.com/m254jHU.png',
    'https://i.imgur.com/RjXiZsz.png',
    'https://i.imgur.com/kad2p6S.png',
    'https://i.imgur.com/5zO03Fn.png',
    'https://i.imgur.com/SdRuwFc.png',
    'https://i.imgur.com/Jha33tH.png',
    'https://i.imgur.com/xNgoMyS.png',
    'https://i.imgur.com/cn5BLdw.png',
    'https://i.imgur.com/o3yXO93.png',
    'https://i.imgur.com/bjQvbbs.png',
    'https://i.imgur.com/PhF4hSs.png',
    'https://i.imgur.com/kwxS1pv.png',
    'https://i.imgur.com/ycdvRRS.png',
    'https://i.imgur.com/CSHjyWh.png',
    'https://i.imgur.com/tUHlf38.png',
    'https://i.imgur.com/SmzwBoi.png',
    'https://i.imgur.com/0KViakY.png',
    'https://i.imgur.com/fQ0Uwv9.png',
    'https://i.imgur.com/2hzremu.png',
    'https://i.imgur.com/5JTpkTd.png',
    'https://i.imgur.com/XtDIjto.png',
    'https://i.imgur.com/wUkiLS0.png',
    'https://i.imgur.com/th5bIfn.png',
    'https://i.imgur.com/i5uoyL5.png',
    'https://i.imgur.com/c9ZcdOt.png',
    'https://i.imgur.com/31aU46G.png',
    'https://i.imgur.com/PL0Bmr7.png',
    'https://i.imgur.com/VkmkxCk.png',
    'https://i.imgur.com/AhIeJ66.png',
    'https://i.imgur.com/E8Q2wLc.png',
    'https://i.imgur.com/hmUceN8.png',
    'https://i.imgur.com/LCTHHKi.png',
    'https://i.imgur.com/UZCAOs5.png',
    'https://i.imgur.com/r9iqf4v.png',
    'https://i.imgur.com/FJ502Th.png',
    'https://i.imgur.com/hfGiD4h.png',
    'https://i.imgur.com/lSsWNAJ.png',
    'https://i.imgur.com/8xAIrxF.png',
    'https://i.imgur.com/69uZyBC.png',
    'https://i.imgur.com/jRvaq3s.png',
    'https://i.imgur.com/REcAaDF.png',
    'https://i.imgur.com/D1nDDbL.png',
    'https://i.imgur.com/14DkG9b.png',
    'https://i.imgur.com/Xo1O6Ss.png',
    'https://i.imgur.com/1k7fQWN.png',
    'https://i.imgur.com/7dcXitl.png',
    'https://i.imgur.com/aLgyVtM.png',
    'https://i.imgur.com/ZcbuUdt.png',
    'https://i.imgur.com/S89QMDP.png',
    'https://i.imgur.com/vGCevCb.png',
    'https://i.imgur.com/UBWX6nj.png',
    'https://i.imgur.com/ekOulfw.png',
    'https://i.imgur.com/MrjDjlf.png',
    'https://i.imgur.com/PokEioF.png',
    'https://i.imgur.com/jKyFIAA.png',
    'https://i.imgur.com/dqWLc2N.png',
    'https://i.imgur.com/AnytQrZ.png',
    'https://i.imgur.com/mQ1v0nD.png',
    'https://i.imgur.com/xi0NzPU.png',
    'https://i.imgur.com/xEesPBy.png',
    'https://i.imgur.com/rQYtIWg.png',
    'https://i.imgur.com/QcnTECD.png',
    'https://i.imgur.com/zouDy8i.png',
    'https://i.imgur.com/p7yvKyA.png',
    'https://i.imgur.com/3ipVvuo.png',
    'https://i.imgur.com/4L4L6gr.png',
    'https://i.imgur.com/WqopWap.png',
    'https://i.imgur.com/DMbZbHT.png',
    'https://i.imgur.com/SnxUpNV.png',
    'https://i.imgur.com/ufZr3Mh.png',
    'https://i.imgur.com/NDcrae2.png',
    'https://i.imgur.com/sbXcjHC.png',
    'https://i.imgur.com/NG7FS1q.png',
    'https://i.imgur.com/7HDqZku.png',
    'https://i.imgur.com/qP8wOsw.png',
    'https://i.imgur.com/OvcTyE1.png',
    'https://i.imgur.com/JX7Eyu0.png',
    'https://i.imgur.com/8eVo7rw.png',
    'https://i.imgur.com/pJszBwG.png',
    'https://i.imgur.com/iev2SdP.png',
    'https://i.imgur.com/wlU2I0f.png',
    'https://i.imgur.com/RmaMkb6.png',
    'https://i.imgur.com/i3ib3Np.png',
    'https://i.imgur.com/bmneWbs.png',
    'https://i.imgur.com/Um5rNE0.png',
    'https://i.imgur.com/TDCenpc.png',
    'https://i.imgur.com/cAyD7pG.png',
    'https://i.imgur.com/x3HUqPX.png',
    'https://i.imgur.com/q7LABns.png',
    'https://i.imgur.com/7k7R37p.png',
    'https://i.imgur.com/W0fG6sj.png',
    'https://i.imgur.com/abBAvn8.png',
    'https://i.imgur.com/5JOwTuO.png',
    'https://i.imgur.com/AuLTcZD.png',
    'https://i.imgur.com/JVMgkai.png',
    'https://i.imgur.com/SHWD5qx.png',
    'https://i.imgur.com/kS6qs8G.png',
    'https://i.imgur.com/yp8h9Kt.png',
    'https://i.imgur.com/zVVKdOu.png',
    'https://i.imgur.com/BpKOHOt.png',
    'https://i.imgur.com/V1KiXak.png',
    'https://i.imgur.com/7H7unnv.png',
    'https://i.imgur.com/bAHIxiD.png',
    'https://i.imgur.com/Ha0OMrv.png',
    'https://i.imgur.com/m7ECVOd.png',
    'https://i.imgur.com/0Xvil2m.png',
    'https://i.imgur.com/zukzoAK.png',
    'https://i.imgur.com/CB4vy8l.png',
    'https://i.imgur.com/QKWuzYG.png',
    'https://i.imgur.com/JoG8GLF.png',
    'https://i.imgur.com/iOXiImh.png',
    'https://i.imgur.com/lr5ao13.png',
    'https://i.imgur.com/Y64VOZ3.png',
    'https://i.imgur.com/AhuUs28.png',
    'https://i.imgur.com/YbL6IUu.png',
    'https://i.imgur.com/tze7IjY.png',
    'https://i.imgur.com/sos3rnj.png',
    'https://i.imgur.com/Np2kw3Q.png',
    'https://i.imgur.com/hRu9dqY.png',
    'https://i.imgur.com/Czvq1RN.png',
    'https://i.imgur.com/lJLPWbS.png',
    'https://i.imgur.com/hHknrXg.png',
    'https://i.imgur.com/QhRO6sD.png',
    'https://i.imgur.com/SWoPO24.png',
    'https://i.imgur.com/nPlRhTZ.png',
    'https://i.imgur.com/ftQFT4m.png',
    'https://i.imgur.com/9yTMwvX.png',
    'https://i.imgur.com/jf48Qa4.png',
    'https://i.imgur.com/Ie5sB5j.png',
    'https://i.imgur.com/MQnQR8Q.png',
    'https://i.imgur.com/f8Pbs2Y.png',
    'https://i.imgur.com/aB38FL3.png',
    'https://i.imgur.com/N08rrMS.png',
    'https://i.imgur.com/SLIthDi.png',
    'https://i.imgur.com/RWw7wUL.png',
    'https://i.imgur.com/sAiOvdy.png',
    'https://i.imgur.com/WWulVUX.png',
    'https://i.imgur.com/HY2o0ZZ.png',
    'https://i.imgur.com/fvadxbY.png',
    'https://i.imgur.com/VQ8o80A.png',
    'https://i.imgur.com/Jfb8FmC.png',
    'https://i.imgur.com/apprOkT.png',
    'https://i.imgur.com/stQ426M.png',
    'https://i.imgur.com/wvLLYEd.png',
    'https://i.imgur.com/IC7toSD.png',
    'https://i.imgur.com/yk5tpmR.png',
    'https://i.imgur.com/EFuZ99Z.png',
    'https://i.imgur.com/0EQekrG.png',
    'https://i.imgur.com/iZcpr3h.png',
    'https://i.imgur.com/Yp96Uuo.png',
    'https://i.imgur.com/quVwXlQ.png',
    'https://i.imgur.com/u2dlh5d.png',
    'https://i.imgur.com/nglmLs7.png',
    'https://i.imgur.com/1r45djl.png',
    'https://i.imgur.com/8Y9zoQL.png',
    'https://i.imgur.com/U5m75xR.png',
    'https://i.imgur.com/UdKTrB5.png',
    'https://i.imgur.com/eplwWuc.png',
    'https://i.imgur.com/7hkzmS9.png',
    'https://i.imgur.com/FRlCKNY.png',
    'https://i.imgur.com/WNUed9y.png',
    'https://i.imgur.com/EX0SwiH.png',
    'https://i.imgur.com/McGRfxy.png',
    'https://i.imgur.com/V613tvR.png',
    'https://i.imgur.com/Mi276kR.png',
    'https://i.imgur.com/g6u1RAM.png',
    'https://i.imgur.com/v6pi021.png',
    'https://i.imgur.com/3z2g4ay.png',
    'https://i.imgur.com/0ttomua.png',
    'https://i.imgur.com/UeZjGN9.png',
    'https://i.imgur.com/v46OZQs.png',
    'https://i.imgur.com/gZZhhli.png',
    'https://i.imgur.com/ldENKKa.png',
    'https://i.imgur.com/UYyvafX.png',
    'https://i.imgur.com/jtctC0F.png',
    'https://i.imgur.com/AI06TEm.png',
    'https://i.imgur.com/uhW0aYl.png',
    'https://i.imgur.com/uyIqYco.png',
    'https://i.imgur.com/OrcVZpp.png',
    'https://i.imgur.com/fPAvMwB.png',
    'https://i.imgur.com/9rePKzR.png',
    'https://i.imgur.com/oFGRAQE.png',
    'https://i.imgur.com/pbQKMjF.png',
    'https://i.imgur.com/MV4KKga.png',
    'https://i.imgur.com/nZU4iVr.png',
    'https://i.imgur.com/RBN4sBy.png',
    'https://i.imgur.com/L6SVpto.png',
    'https://i.imgur.com/82JWRnx.png',
    'https://i.imgur.com/VviXiQC.png',
    'https://i.imgur.com/uwQIPss.png',
    'https://i.imgur.com/RPZjomS.png',
    'https://i.imgur.com/HtmASJj.png',
    'https://i.imgur.com/ba13vlZ.png',
    'https://i.imgur.com/W4VlTJC.png',
    'https://i.imgur.com/DS1rjqr.png',
    'https://i.imgur.com/IMpXxtI.png',
    'https://i.imgur.com/SAsqFR7.png',
    'https://i.imgur.com/dNfDMNa.png',
    'https://i.imgur.com/0SK3i5q.png',
    'https://i.imgur.com/CRFUkea.png',
    'https://i.imgur.com/vbTGSbJ.png',
    'https://i.imgur.com/uMoUdyv.png',
    'https://i.imgur.com/cKoNHMX.png',
    'https://i.imgur.com/Z2RAd9o.png',
    'https://i.imgur.com/mu8H10P.png',
    'https://i.imgur.com/N99gg1s.png',
    'https://i.imgur.com/HaUwU01.png',
    'https://i.imgur.com/wNao2KM.png',
    'https://i.imgur.com/RMuRckK.png',
    'https://i.imgur.com/8If2P7K.png',
    'https://i.imgur.com/xSDXjpS.png',
    'https://i.imgur.com/KUuZMNc.png',
    'https://i.imgur.com/OX2JhkB.png',
    'https://i.imgur.com/NxOWMp0.png',
    'https://i.imgur.com/TBNO1z9.png',
    'https://i.imgur.com/lY2Ec45.png',
    'https://i.imgur.com/nlcI8lB.png',
    'https://i.imgur.com/liSW6OM.png',
    'https://i.imgur.com/dMAdEIY.png',
    'https://i.imgur.com/eR2KufP.png',
    'https://i.imgur.com/nt11tlU.png',
    'https://i.imgur.com/4IpP486.png',
    'https://i.imgur.com/jpPswhC.png',
    'https://i.imgur.com/Tm8kL1c.png',
    'https://i.imgur.com/LyV3vQo.png',
    'https://i.imgur.com/2CIqLKU.png',
    'https://i.imgur.com/GfmNFgk.png',
    'https://i.imgur.com/GQsfSjO.png',
    'https://i.imgur.com/29PuOuc.png',
    'https://i.imgur.com/ypWXZJj.png',
    'https://i.imgur.com/BjJghd2.png',
    'https://i.imgur.com/JrkyPZj.png',
    'https://i.imgur.com/hr2THXe.png',
    'https://i.imgur.com/yPCaXu1.png',
    'https://i.imgur.com/QxWpD8L.png',
    'https://i.imgur.com/J8SM2ls.png',
    'https://i.imgur.com/oPfIf2d.png',
    'https://i.imgur.com/RcjwZ9T.png',
    'https://i.imgur.com/uRCps2w.png',
    'https://i.imgur.com/6GMxMVE.png',
    'https://i.imgur.com/LyP77JI.png',
    'https://i.imgur.com/lMTMHnA.png',
    'https://i.imgur.com/I9lLUr7.png',
    'https://i.imgur.com/96JTtlq.png',
    'https://i.imgur.com/9kA2EJq.png',
    'https://i.imgur.com/45YwjrI.png',
    'https://i.imgur.com/nz8Xpws.png',
    'https://i.imgur.com/ZJjqXer.png',
    'https://i.imgur.com/bAMs9vs.png',
    'https://i.imgur.com/nM3MlIo.png',
    'https://i.imgur.com/zee3Fcb.png',
    'https://i.imgur.com/3qh5kG4.png',
    'https://i.imgur.com/giBNhWJ.png',
    'https://i.imgur.com/cgIjLpF.png',
    'https://i.imgur.com/AAjco7B.png',
    'https://i.imgur.com/UfJLDdM.png',
    'https://i.imgur.com/zW71tzO.png',
    'https://i.imgur.com/wH7ovne.png',
    'https://i.imgur.com/YKthZOs.png',
    'https://i.imgur.com/W1Uq6XA.png',
    'https://i.imgur.com/J4oVJVK.png',
    'https://i.imgur.com/Z96xXcz.png',
    'https://i.imgur.com/6YrgFZP.png',
    'https://i.imgur.com/MQcmSMa.png',
    'https://i.imgur.com/fm5w4rM.png',
    'https://i.imgur.com/8bAmlzE.png',
    'https://i.imgur.com/sY4YiNj.png',
    'https://i.imgur.com/RMnCZxp.png',
    'https://i.imgur.com/w6H53of.png',
    'https://i.imgur.com/Y26I7Mg.png',
    'https://i.imgur.com/KbwDmde.png',
    'https://i.imgur.com/NPhwhRS.png',
    'https://i.imgur.com/lb2k5lx.png',
    'https://i.imgur.com/s6SoLQN.png',
    'https://i.imgur.com/UHW3M3q.png',
    'https://i.imgur.com/h2IHunG.png',
    'https://i.imgur.com/ZYGg09a.png',
    'https://i.imgur.com/oHk44Pp.png',
    'https://i.imgur.com/tCapvWr.png',
    'https://i.imgur.com/uLctixd.png',
    'https://i.imgur.com/HggpyXw.png',
    'https://i.imgur.com/UI4NvIS.png',
    'https://i.imgur.com/lmF2yVj.png',
    'https://i.imgur.com/dWf6aLW.png',
    'https://i.imgur.com/kC24AwY.png',
    'https://i.imgur.com/OWj2JmO.png',
    'https://i.imgur.com/jn1gb4t.png',
    'https://i.imgur.com/5gonfMS.png',
    'https://i.imgur.com/4Nlq0qr.png',
    'https://i.imgur.com/cilY1E4.png',
    'https://i.imgur.com/OAz4n1U.png',
    'https://i.imgur.com/AGkAPX2.png',
    'https://i.imgur.com/pEwCJGW.png',
    'https://i.imgur.com/9vle87c.png'];
    
    var nabor3 = ['https://i.imgur.com/g4B4As5.png',
    'https://i.imgur.com/FvX1QFW.png', 
    'https://i.imgur.com/7iJdkm8.png',
    'https://i.imgur.com/NGB9Om0.png',
    'https://i.imgur.com/19WdJ1W.png',
    'https://i.imgur.com/DKoGPcO.png',
    'https://i.imgur.com/JzRsRUe.png',
    'https://i.imgur.com/4zLaNdU.png',
    'https://i.imgur.com/di1tV6r.png',
    'https://i.imgur.com/lLOcrmI.png', 
    'https://i.imgur.com/7IfGzI8.png',
    'https://i.imgur.com/7nui597.png',
    'https://i.imgur.com/n5mxDzy.png',
    'https://i.imgur.com/eSqBYCj.png',
    'https://i.imgur.com/uaIL1rl.png',
    'https://i.imgur.com/TKQ8bIN.png',
    'https://i.imgur.com/WcK3fal.png',
    'https://i.imgur.com/TYQaHsc.png',
    'https://i.imgur.com/7Kn9WhK.png', 
    'https://i.imgur.com/vERyyBj.png',
    'https://i.imgur.com/ZRhElFG.png',
    'https://i.imgur.com/ozzkb30.png',
    'https://i.imgur.com/NzTexsM.png',
    'https://i.imgur.com/M3ZNACZ.png',
    'https://i.imgur.com/DadC1Os.png',
    'https://i.imgur.com/KoQ6zAa.png',
    'https://i.imgur.com/CSZ17cG.png',
    'https://i.imgur.com/Nyxlfn9.png',
    'https://i.imgur.com/rdetKAt.png',
    'https://i.imgur.com/EATbIxJ.png', 
    'https://i.imgur.com/YpiT2Su.png',
    'https://i.imgur.com/ncR5Zd0.png',
    'https://i.imgur.com/pIWz6Rq.png',
    'https://i.imgur.com/Pb0Ug01.png',
    'https://i.imgur.com/b8gmbja.png',
    'https://i.imgur.com/VruM6a1.png',
    'https://i.imgur.com/4jsVVeJ.png',
    'https://i.imgur.com/FaRv3Lc.png',
    'https://i.imgur.com/uhFI2hP.png'];
    
    var nabor4 = ['https://i.imgur.com/eDSU7T9.png',
    'https://i.imgur.com/m5qxZjG.jpg',
    'https://i.imgur.com/H18UHHu.jpg',
    'https://i.imgur.com/O467vLD.jpg',
    'https://i.imgur.com/PjfInHF.jpg',
    'https://i.imgur.com/KConMoZ.jpg',
    'https://i.imgur.com/ajKuZgd.jpg',
    'https://i.imgur.com/W15brzo.jpg',
    'https://i.imgur.com/8Ag4q8a.png',
    'https://i.imgur.com/XGDAGlc.jpg',
    'https://i.imgur.com/mjaywMe.jpg',
    'https://i.imgur.com/VppwpuP.jpg',
    'https://i.imgur.com/Wxk0p2H.jpg',
    'https://i.imgur.com/m4AEy5l.jpg',
    'https://i.imgur.com/OZ8eFrC.jpg',
    'https://i.imgur.com/zdjMNDa.jpg',
    'https://i.imgur.com/Ky5o9Ho.jpg',
    'https://i.imgur.com/DnLyipJ.jpg',
    'https://i.imgur.com/QvbEnhf.jpg',
    'https://i.imgur.com/KRLsMfJ.jpg',
    'https://i.imgur.com/yk48bXn.jpg',
    'https://i.imgur.com/NPq5xGg.jpg',
    'https://i.imgur.com/syrLiFL.jpg',
    'https://i.imgur.com/DIIm5Pn.jpg',
    'https://i.imgur.com/D1aemAt.png',
    'https://i.imgur.com/U7BwhiY.png',
    'https://i.imgur.com/zB7OpZd.png',
    'https://i.imgur.com/YBfK2tq.png',
    'https://i.imgur.com/kRkTnaW.png',
    'https://i.imgur.com/rAm1wdi.png',
    'https://i.imgur.com/lYCAorX.png',
    'https://i.imgur.com/u5CXQdn.png',
    'https://i.imgur.com/fNYe5D8.png',
    'https://i.imgur.com/tqx3JBX.png',
    'https://i.imgur.com/hI3vIjK.png',
    'https://i.imgur.com/HzcakDI.png',
    'https://i.imgur.com/H8NkQyG.png',
    'https://i.imgur.com/GOeOPFN.png',
    'https://i.imgur.com/b6UtBsW.png',
    'https://i.imgur.com/CCyJon9.png',
    'https://i.imgur.com/vdD8sEf.png',
    'https://i.imgur.com/1E9bMTt.png',
    'https://images2.imgbox.com/42/c6/j5S0NrcT_o.gif', 
    'https://images2.imgbox.com/d0/42/OIPbVr6w_o.png',
    'https://images2.imgbox.com/0e/c3/Z287fshg_o.png',
    'https://images2.imgbox.com/50/3e/79xD9awS_o.png',
    'https://images2.imgbox.com/d8/93/k3o0bbkx_o.png',
    'https://images2.imgbox.com/ee/b5/2BIpHnSo_o.png'];
    
    
    var nabor5 = ['https://s5.uploads.ru/Z9AVq.gif', 
    'https://s4.uploads.ru/sp1XK.gif',
    'https://s3.uploads.ru/mrF9x.gif',
    'https://s5.uploads.ru/PTNfq.gif',
    'https://s4.uploads.ru/BOJK1.gif',
    'https://s5.uploads.ru/ePXTR.gif',
    'https://s4.uploads.ru/0baNy.gif',
    'https://s5.uploads.ru/N8dRU.gif',
    'http://i.imgur.com/MvAjE6y.gif',
    'http://sh.uploads.ru/gLSRX.gif',
    'http://i.imgur.com/CdTTqAW.gif',
    'http://i.imgur.com/hRTihwE.gif',
    'http://i.imgur.com/gRufsDX.gif',
    'http://i.imgur.com/mIDSHCq.gif',
    'http://i.imgur.com/AfVqHjI.gif',
    'http://s9.uploads.ru/pYg40.gif',
    'http://i.imgur.com/yXsnTTS.gif', 
    'http://i.imgur.com/tUKk8dG.gif',
    'http://s9.uploads.ru/QJ6jW.gif',
    'https://sh.uploads.ru/MB4lF.gif',
    'https://sg.uploads.ru/UOsQ2.gif',
    'https://sh.uploads.ru/gLSRX.gif',
    'https://s4.uploads.ru/BOJK1.gif',
    'https://s5.uploads.ru/kIRg5.gif',
    'https://i.imgur.com/BBhHMTj.gif',
    'https://i.imgur.com/ZflzTEE.gif',
    'https://i.imgur.com/o4lF9IN.gif',
    'https://i.imgur.com/kX6CbbX.gif',
    'https://i.imgur.com/vZ5Uk5q.gif',
    'https://i.imgur.com/UKfDEOb.gif',
    'https://i.imgur.com/YRpsoHt.gif',
    'https://i.imgur.com/p3Sj8Oa.gif',
    'https://i.imgur.com/RAS5JLQ.gif',
    'https://i.imgur.com/qBFYSj4.gif',
    'https://i.imgur.com/5Xirh8P.gif',
    'https://i.imgur.com/9ExCwR3.gif',
    'https://i.imgur.com/Ram2Kt1.gif'];
    
    $(document).ready(function() {
    $('#smilies-block').addClass('t1');
    $( "#button-smile" ).click(function() {
    	var arr = [ 
    'http://i.imgur.com/ezlov.gif',
    'https://forumupload.ru/uploads/001a/c0/74/4/10224.gif',
    'http://i.imgur.com/rxYcJsl.gif',
    'https://i.imgur.com/M5LIvTj.gif',
    'http://i.imgur.com/I2qCXtk.gif',
    'http://i.imgur.com/UWb5QzV.png',
    'http://i.imgur.com/DeMM1kL.gif',
    'http://i.imgur.com/6PI4mrq.gif',
    'http://i.imgur.com/uNV0i9Y.gif',
    'http://i.imgur.com/1IgYPhE.png',
    'http://i.imgur.com/4XkI6Sv.png',
    'http://i.imgur.com/mH75pMK.png',
    'http://i.imgur.com/xayOPPo.gif',
    'http://i.imgur.com/mF62VhN.png',
    'http://i.imgur.com/8z31unC.png',
    'http://i.imgur.com/rIKUmbl.gif',
    'https://i.imgur.com/W9synTW.gif',
    'https://i.imgur.com/p0drHBz.png',
    'https://i.imgur.com/iKwgLll.png',
    'https://i.imgur.com/V6Ybizi.png',
    'http://i.imgur.com/Axr4Bwr.gif',
    'http://i.imgur.com/btzUxBf.png',
    'http://i.imgur.com/VtN5XaG.png',
    'http://i.imgur.com/i031ndt.png',
    'https://i.imgur.com/Toz6oJC.png',
    'http://i.imgur.com/rGWfutK.png',
    'http://i.imgur.com/Ysydhk2.png',
    'http://i.imgur.com/r3FWowt.png',
    'http://i.imgur.com/Wvb4j7R.gif',
    'http://i.imgur.com/5y1I546.gif',
    'http://i.imgur.com/BC67JL6.png',
    'http://i.imgur.com/27irGrO.gif',
    'http://i.imgur.com/KfT3Wz5.png',
    'http://i.imgur.com/d6yF7zk.gif',
    'http://i.imgur.com/kskibbI.gif',
    'http://i.imgur.com/9kMtvJ0.gif',
    'http://i.imgur.com/aiPhNNB.gif',
    'http://i.imgur.com/7emujF0.gif',
    'http://i.imgur.com/oqzOqRK.gif',
    'http://i.imgur.com/JvloN1l.gif',
    'http://i.imgur.com/8lUGOsU.png',
    'http://i.imgur.com/6Rqv9TW.gif',
    'http://i.imgur.com/GPskYdO.png',
    'http://i.imgur.com/T2tacnH.gif',
    'http://i.imgur.com/uuSWvSJ.png',
    'http://i.imgur.com/mWse3zx.gif',
    'http://i.imgur.com/ItqPiAb.gif',
    'http://i.imgur.com/OiBuNXi.png',
    'http://i.imgur.com/WYrTFpP.gif',
    'http://i.imgur.com/Lfo4Nz2.gif',
    'http://i.imgur.com/vEdbfkX.png',
    'http://i.imgur.com/EHFYg5s.gif',
    'http://i.imgur.com/WAvSZIx.gif',
    'http://i.imgur.com/UTq9gfh.gif',
    'http://i.imgur.com/zcsHaDM.gif',
    'http://i.imgur.com/hK98VvS.png',
    'http://i.imgur.com/eOp8LM6.png',
    'http://i.imgur.com/sUxWd2m.png',
    'http://i.imgur.com/MMKRTwC.gif',
    'http://i.imgur.com/JVKY7FZ.gif',
    'http://i.imgur.com/6hYnkuf.png',
    'http://i.imgur.com/HfPR74A.png',
    'http://i.imgur.com/TvlA6Xs.png',
    'http://i.imgur.com/EmADhY6.gif',
    'http://i.imgur.com/20kq192.gif',
    'http://i.imgur.com/xRPnM12.gif',
    'http://i.imgur.com/1l4uvbj.png',
    'http://i.imgur.com/A5G3WZK.gif',
    'http://i.imgur.com/IikTOEd.gif',
    'http://i.imgur.com/sa1pJNV.gif',
    'http://i.imgur.com/PT58ycH.gif',
    'http://i.imgur.com/bWv9CAA.png',
    'http://i.imgur.com/kw99MBZ.gif',
    'http://i.imgur.com/YafY6Rl.gif',
    'http://i.imgur.com/QWa8Vt7.gif',
    'http://i.imgur.com/DURNHbr.gif',
    'http://i.imgur.com/zSxZEMt.gif',
    'http://i.imgur.com/80B4yao.gif',
    'http://i.imgur.com/IuHHBpw.gif',
    'http://i.imgur.com/H7MLODL.gif',
    'http://i.imgur.com/YgYxq0x.gif',
    'http://i.imgur.com/3bRIdGP.png',
    'http://i.imgur.com/MG5Z0Jx.gif',
    'http://i.imgur.com/OkL0xfv.png',
    'http://i.imgur.com/OgYJHrw.png',
    'https://i.imgur.com/gWVePkm.gif',
    'https://i.imgur.com/ykNmzdF.gif',
    'https://i.imgur.com/6Npj6Uu.png',
    'http://i.imgur.com/jxaigjJ.gif',
    'https://i.imgur.com/hgzEYxe.gif',
    'http://i.imgur.com/ilziSVN.gif',
    'http://i.imgur.com/s9LJ3zX.png',
    'https://i.imgur.com/pF9gccX.gif',
    'http://i.imgur.com/UjlowmE.gif',
    'https://i.imgur.com/kYfQDqC.png',
    'https://i.imgur.com/D1WT3cS.gif',
    'https://i.imgur.com/LrVZgzN.gif',
    'https://i.imgur.com/I2S50KH.png',
    'https://i.imgur.com/3roljEg.gif',
    'https://i.imgur.com/5zXCkaT.png',
    'https://i.imgur.com/k5CMeqJ.png',
    'https://i.imgur.com/wFuOIWH.gif',
    'https://i.imgur.com/MFYqdmK.png',
    'https://i.imgur.com/QsG4EWA.png',
    'https://i.imgur.com/sdbqf8C.gif',
    'https://i.imgur.com/GHwFQse.png',
    'https://i.imgur.com/qgfFSyq.gif',
    'https://i.imgur.com/f2NDwOx.gif',
    'https://i.imgur.com/T5g2EMt.gif',
    'https://i.imgur.com/QqvPT0w.gif',
    'https://i.imgur.com/FLY75R6.gif',
    'https://i.imgur.com/XNvNyPU.gif',
    'https://i.imgur.com/cbAdaML.png',
    'https://i.imgur.com/W3U9j4b.gif',
    'https://i.imgur.com/dfYaPRm.png',
    'https://i.imgur.com/BhVhuqR.gif',
    'https://i.imgur.com/zCtqyc5.png',
    'https://i.imgur.com/Jm5T2Gf.gif',
    'https://i.imgur.com/3unB2Ir.gif',
    'https://i.imgur.com/oSG0G6G.png',
    'https://i.imgur.com/6s9HREl.gif',
    'https://i.imgur.com/z3RC0Hy.gif',
    'https://i.imgur.com/u9lkUwX.gif',
    'https://i.imgur.com/zrNdAOp.gif',
    'https://i.imgur.com/aFA2UfP.png',  
    'https://i.imgur.com/FOfT6ih.png',
    'https://i.imgur.com/H0owiSd.gif',
    'https://i.imgur.com/XoSOLL0.gif',
    'https://i.imgur.com/CGLYiGs.gif', 
    'https://i.imgur.com/qQORobX.png',
    'https://i.imgur.com/TEmHlOc.gif', 
    'https://i.imgur.com/zMPsayl.gif',
    'https://i.imgur.com/nTYWFQD.png',
    'https://i.imgur.com/2R79RFW.png',
    'https://i.imgur.com/WRBlUW9.gif', 
    'https://i.imgur.com/umRuImP.png',  
    'https://i.imgur.com/xErZ3X6.gif', 
    'https://i.imgur.com/jBwXI52.gif', 
    'https://i.imgur.com/19Up1C6.gif', 
    'https://i.imgur.com/4CnqDhm.png', 
    'https://i.imgur.com/zeeuUJh.png',
    'https://i.imgur.com/yKyGE6o.gif', 
    'https://i.imgur.com/7VOJ7Ie.png',  
    'https://i.imgur.com/eTEEa1k.gif',  
    'https://i.imgur.com/b537cEZ.gif', 
    'https://i.imgur.com/Aos5uH3.png',
    'https://i.imgur.com/bkp4YOz.gif',
    'https://i.imgur.com/Pwgi8Cj.gif', 
    'https://i.imgur.com/lZ6Ev3L.gif',
    'https://i.imgur.com/CZEk0K4.png',
    'https://i.imgur.com/uw2ZuGo.gif', 
    'https://i.imgur.com/euCEogx.png', 
    'https://i.imgur.com/34tkVmb.gif', 
    'https://i.imgur.com/KkZbtrC.gif', 
    'https://i.imgur.com/RRH3O6b.gif', 
    'https://i.imgur.com/YGjmWJo.gif', 
    'https://i.imgur.com/AkUZ9j4.png',
    'https://i.imgur.com/U629tW3.gif',
    'https://i.imgur.com/mQtY3jE.gif',
    'https://i.imgur.com/jEZERln.gif', 
    'https://i.imgur.com/fqOzA2j.gif',
    'https://i.imgur.com/R2QECxR.png',
    'https://i.imgur.com/ShjiybV.png', 
    'https://i.imgur.com/AoSPgOG.png',
    'https://i.imgur.com/GpWLkUK.gif',  
    'https://i.imgur.com/syuXJbB.gif',
    'https://i.imgur.com/o3WXSD5.gif', 
    'https://i.imgur.com/qLCRff5.png', 
    'https://i.imgur.com/5tTumke.gif', 
    'https://i.imgur.com/zOIXs6m.gif',  
    'https://i.imgur.com/QKeF3ZU.png',
    'https://i.imgur.com/jnkswrS.gif',
    'https://i.imgur.com/1va3f2G.png',
    'https://i.imgur.com/KGDtFIt.gif',  
    'https://i.imgur.com/9LTmAX0.gif',
    'https://i.imgur.com/puGFhPn.gif', 
    'https://i.imgur.com/RpNTplS.gif',
    'https://i.imgur.com/Rtxnp7f.gif',
    'https://i.imgur.com/G4ykSHX.gif', 
    'https://i.imgur.com/Nd4N1jU.png',
    'https://i.imgur.com/Zttyu9l.png',
    'https://i.imgur.com/Ar2YoCX.gif',
    'https://i.imgur.com/N7DXFfn.png',
    'https://i.imgur.com/hBsxL0E.png', 
    'https://i.imgur.com/u6uVnjr.gif', 
    'https://i.imgur.com/GRETOk9.gif', 
    'https://i.imgur.com/EvOINZ5.png',
    'https://i.imgur.com/n9fFcv1.gif', 
    'https://i.imgur.com/i3hld11.png', 
    'https://i.imgur.com/TTZGQpc.png'];
    	$('#smilies-block').empty();
    	for ( var i = 0, l = arr.length; i < l; i++ ) {
        	$('#smilies-block').prepend('<img src="'+arr[ i ]+'" onclick="smile(\'[img]'+arr[ i ]+'[/img]\')">');
    	}
    });
    
    $('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>pixiecats</a></li><li class="t2"><a>emoji</a></li><li class="t3"><a>person</a></li><li class="t4"><a>meme</a></li><li class="t5"><a>gif</a></li></ul><div class="t2"></div><div class="t3"></div><div class="t4"></div><div class="t5"></div></div>');
    $.each(nabor2, function(i) {
    $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />');
    });
    $.each(nabor3, function(i) {
    $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />');
    });
    $.each(nabor4, function(i) {
    $('div.t4').append('<img src="'+nabor4[i]+'" onclick=smile(\'[img]'+nabor4[i]+'[/img]\') />');
    });
    $.each(nabor5, function(i) {
    $('div.t5').append('<img src="'+nabor5[i]+'" onclick=smile(\'[img]'+nabor5[i]+'[/img]\') />');
    });
    $('ul.tabs.tabs1 li').click(function(){
    var thisClass = this.className.slice(0,2);
    $('div.t1, div.t2, div.t3, div.t4, div.t5').hide();
    $('div.' + thisClass).fadeToggle('slow');
    $('ul.tabs.tabs1 li').removeClass('tab-current');
    $(this).addClass('tab-current');
    }); });
    </script>

    0

    3

    структура style.css

    Код:
    /*************************************************************
    A - SETUP
    **************************************************************/
    
    /* A1 Import the colour scheme
    -------------------------------------------------------------*/
    
    /* A1.1 */
    @import url(style_cs.css);
    
    /*кириллица*/
    
    @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
    @import url('https://fonts.googleapis.com/css2?family=Caveat&family=Comforter+Brush&family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Cormorant+Infant:ital,wght@0,400;0,700;1,400;1,700&family=El+Messiri:wght@500&family=Jost:ital,wght@0,300;0,900;1,300;1,900&family=Montserrat:ital,wght@0,400;0,900;1,400;1,900&family=Reggae+One&family=Rubik+Mono+One&family=Sofia+Sans+Extra+Condensed:ital,wght@0,300;0,900;1,300;1,900&family=Tenor+Sans&family=Yeseva+One&family=Yuji+Boku&family=Zen+Antique&display=swap');
    
    @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
    
    @font-face {
      font-family: 'Air Americana';
      src: url(https://forumstatic.ru/files/001b/c9/d8/35908.ttf);
    }
    
    @font-face {
      font-family: 'TenorSans';
      src: url(https://forumstatic.ru/files/001b/c9/d8/61201.ttf);
    }
    
    @font-face {
      font-family: 'Breamcatcher';
      src: url(https://forumstatic.ru/files/001b/c9/d8/49473.ttf);
    }
    
    @font-face {
      font-family: 'Room Shambles';
      src: url(https://forumstatic.ru/files/001b/c9/d8/33738.ttf);
    }
    
    @font-face {
      font-family: 'Dahlia';
      src: url(https://forumstatic.ru/files/001b/c9/d8/34606.otf);
    }
    
    @font-face {
      font-family: 'Segoe ui semilight';
      src: url(https://forumstatic.ru/files/001b/c9/d8/59598.ttf);
    }
    
    @font-face {
      font-family: 'scratchy';
      src: url(https://forumstatic.ru/files/001b/cb/72/76908.ttf);
    }
    
    @font-face {
      font-family: 'AtomicMarker';
      src: url(https://forumstatic.ru/files/001b/cb/72/14425.otf);
    }
    
    @font-face {
      font-family: 'NaNSuccessTitling';
      src: url(https://forumstatic.ru/files/001b/cb/72/66266.ttf);
    }
    
    
    @font-face {
      font-family: 'Sugar';
      src: url(https://forumstatic.ru/files/001b/ee/37/49297.otf);
    }
    
    
    :root {
      --bg-virus: url(https://forumstatic.ru/files/001b/ee/37/68643.png);
      --header-virus: url(https://forumstatic.ru/files/001b/ee/37/13986.png);
      --guestbgg: url(https://forumstatic.ru/files/001b/ee/37/57736.png);  
      --virusfoot: url(https://forumstatic.ru/files/001b/ee/37/86869.png);
    
      --categoryone-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png);
      --categorytwo-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png);
      --categorythree-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png);
      --categoryfour-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png);
      --categoryfive-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png);
      --categorysix-virus: url(https://forumstatic.ru/files/001b/ee/37/78970.png); 
    
    
      --mainmenu-virus: linear-gradient(180deg, #3a3a3ad9 0%, rgb(58 58 58 / 0%) 100%);
      --iconnew-virus: url(https://i.imgur.com/z5PG4NC.png);
     
      --iconnonew-virus: url(https://i.imgur.com/k3JtSfU.png);
      --spoilericon: url(https://i.imgur.com/z5PG4NC.png);
    
      --plusvirus: url(https://forumstatic.ru/files/001b/c9/d8/87290.svg);
    
      --actubox: (rgba(45, 45, 45, 0.9));
      --tooltip: #5a988a;
      --text2: #5a5a5a;
      --bg-1: #d0d0d0;  
      --bg-2: #dfe1e5;
      --bg-3: #f1f1f1;
      --text: #101010;
      --links: #ab5e59;
      --links-header: #753333;
      --links-2: #222299;
      --scroll-1: #ab5e59;
      --scroll-bg: #141114;
    
      --mainfont-virus: 500 12px/150% 'Raleway';
      --link-font: 28px/150%  'scratchy';
      --link-news: 32px/150% 'AtomicMarker';
    }
    
    /* A2 Deal with browser defaults and wonkiness
    -------------------------------------------------------------*/
    
    /* A2.1 */
    html, body {
        margin: 0 auto 0px;
        padding: 0;
        background: var(--bg-virus) center center / cover fixed;
        background-color: #1c1c1c;
        object-fit: none;
    }
    
    /* 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;
        margin: 14px 0 0px 0px;
        border: none;
    }
    
    /* 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: auto;
      vertical-align: middle
      }
    
    
     /* A3 Text setup
    -------------------------------------------------------------*/
    
    /* A3.1 */
    body {
      font-size: 100.01%;
      }
    
    /* 3.3 */
    .punbb textarea, .punbb optgroup {
        font: var(--mainfont-virus);
        box-sizing: border-box;
        background: var(--bg-1);
        border: 1px inset var(--scroll-1);
        border-radius: 0px;
        color: var(--text);
        font-size: 12px;
    }
    
    .punbb select {
        font: var(--mainfont-virus);
        box-sizing: border-box;
        background: var(--bg-1);
        border: 1px inset var(--scroll-1);
        border-radius: 15px;
        color: var(--text);
        width: 100% !important;
        font-size: 12px;
        height: 25px;
    }
    
    .lastedit {
      display: none;
    }
    
    
    /* A3.4 */
    .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
     /* font-size: 1em;
      font-weight: normal; */
      }
    
    
    /* 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: none
      }
    
    /* A3.11 */
    .punbb optgroup {
      font-weight: bold;
      }
    
      .post-content td {
        border:none transparent !important;
        }
    
    .post-links {
      font-size: 10px!important;
    }
    /* A4 Float clearing and hidden items
    -------------------------------------------------------------*/
    
    /* 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 Basic page layout and borders
    -------------------------------------------------------------*/
    /* A5.1 */
    
    #pun {
        background: var(--bg-1);
        border-radius: 46px;
        width: 999px;
        margin: auto auto 100px;
        top: 56px;
        box-sizing: border-box;
        position: relative;
    }
    
    
    /* A5.2 */
    .punbb {
        font: var(--mainfont-virus);
        text-transform: lowercase;
        height: auto;
        box-sizing: border-box;
        padding: 20px 20px 0 20px;
    }
    
    .punbb .user-avatar .avatar-image {
        border: 2px  #2c507d;
    }
    
    /* A5.3 */
    #pun-redirect, #pun-maint {
      margin: 50px 20% 12px 20%;
      width: auto;
      float: none;
      }
    
    /* A5.4 */
    .punbb .section, .punbb .main {
      margin-bottom: 1em;
      }
    
    /* A5.5 */
    .punbb .category, .punbb .post {
      margin-top: 0.4em;
      }
    
      .category .container thead {
        display: none;
      }
    
    /* A5.6 */
    .punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
      margin-top: 0;
      }
    
    /* 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: none;
      }
    
    /* A5.9 */
    .punbb .container {
      border: none;
      }
    
    /* A5.10 */
    .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {
      padding: 0.5em 1em;
      border: none;
      font-size: 0px;
      }
    
    #pun-index .category h2, #pun-stats h2 {
        height: 56px;
        /* border: 0; */
        /* opacity: 1; */
        /* font-size: 0; */
        width: 999px;
        margin-left: -20px;
    }
    
    #pun-index .category tr {
        display: flex;
        justify-content: space-between;
        border-radius: 20px;
        align-items: center;
        width: 928px;
        margin: 14px;
    }
    
    #pun-index .category tr.inew {
        border: 1px dotted #c7c7c7;
        background: #e0e1e3;
    }
    
    .category-1 h2 {
      background: var(--categorytwo-virus) no-repeat top center;
    }
    
    .category-2 h2 {
      background: var(--categorytwo-virus) no-repeat top center;
    }
    
    
    .category-3 h2 {
      background: var(--categorythree-virus) no-repeat top center;
    }
    
    
    .category-4 h2 {
      background: var(--categoryfour-virus) no-repeat top center;
    }
    
    .category-5 h2 {
      background: var(--categoryfive-virus) no-repeat top center;
    }
    
    
    .category-6 h2 {
      background: var(--categorysix-virus) no-repeat top center;
    }
    
    /*************************************************************
    B - MAIN CONTENT - GENERAL
    **************************************************************/
    
    /* B1 Parsed Content, Signatures and Scroll Boxes
    -------------------------------------------------------------*/
    
    /* B1.1 */
    .punbb .post-content {
      padding: 0;
      margin: 0;
      overflow: hidden;
      text-transform: none;
      text-align: justify;
      }
    
    /* B1.2 */
    .punbb .post-sig dt {
      display: block;
      border: none;
        width: 250px;
      margin: 5px 0;
      }
    
    /* B1.3 */
    .punbb .post-content p {
        margin: 0;
        padding: 0 0 1em 0;
        line-height: 150%  !important;
        text-transform: none;
    }
    
    /* 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 {
        margin: 0.4em 0.8em 1.4em 0.8em;
        padding: 1em 2em 1em 2em;
        border-radius: 25px;
        background: var(--bg-1);
        outline: 1px inset var(--scroll-1);
        outline-offset: -7px;
    }
    
    
    /* B1.9 */
    .punbb .quote-box cite, .punbb .code-box strong.legend {
      display: block;
      font-weight: 500;
      font-size: 12px;
      color: var(--links);
      border-radius: 5px;
      background: var(--bg-2);
      padding: 5px 11px;
      font-style: normal;
      margin-bottom: 10px;
      }
    
    
      #pun-main .code-box .scrollbox pre {
        font: var(--mainfont-virus);
        font-size: 12px;
      }
    
    /* B2 Information boxes
    -------------------------------------------------------------*/
    
    /* B2.1 */
    .punbb .info-box {
      padding: 1.1em 1.7em 1em 1.7em;
      border: none;
      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 Pagination and posting links
    -------------------------------------------------------------*/
    
    /* B3.1 */
    .punbb .linkst {
      float: left;
      position: relative;
      width: 100%;
      font-size: 1.1em;
      height: 0;
      }
    
    /* B3.2 */
    .multipage {
      margin-top: 3em;
      }
    
    /* B3.3 */
    .linkst .pagelink {
      position: absolute;
      top: -4em;
      left: 1em;
      width: 24em;
      }
    
    #pun-main > div.linkst > div.pagelink > strong {
        padding: 0 4px;
    }
    
    #pun-main > div.linksb > div.pagelink > strong {
        padding: 0 4px;
    }
    
    
    /* B3.4 */
    .linkst .postlink {
      position: absolute;
      top: -4em;
      right: 1em;
      width: 16em;
      text-align: right;
      font-weight: bold;
      }
    
    /* B3.5 */
    .punbb .linksb {
        text-align: right;
        padding: 5px 11px;
        font-size: 10px;
    }
    
    /* B3.6 */
    .linksb .pagelink {
      float: left;
      width: auto;
      text-align: left;
      }
    
    /* B3.7 */
    .linksb .postlink {
      float: right;
      width: auto;
      font-weight: bold
      }
    
    /* B3.8 */
    .subscribelink {
      margin-right: 70px;
      }
    
    
      .pa-reg {
        display: none;
      }
    
    /*************************************************************
    C - MAIN CONTENT - SPECIFIC
    **************************************************************/
    
    /* C1 Form layout
    -------------------------------------------------------------*/
    
    /* C1.1 */
    .punbb .formal .container {
      padding: 0.7em 2.3em 1.1em 2.3em;
    }
    
    /* 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 {
      font: var(--mainfont-virus);
      margin: 0 0.6em 0 0
      }
    
    /* C1.4 */
    .punbb fieldset {
      border: none;
      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 {
      font-size: 10px;
      }
    
    /* C1.7 */
    .punbb fieldset fieldset {
      border: 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;
      }
    
    /* 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;
      }
    
    
    /* C2 Table layout
    -------------------------------------------------------------*/
    
    /* C2.1 */
    .punbb .main .tcl {
      /* overflow: hidden; */
      text-align: left;
      width: 0;
    }
    
    
    /* C2.2 */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
        text-align: center;
        font-weight: 400;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 12%;
    }
    
    /* 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: 13%;
      }
    
    
    /* 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: none;
        border-width: 0;
        padding: 0.8em 0em;
    }
    
    /* C2.12 */
    .punbb .main th {
      border: none;
      padding: 0.4em 1em 0.4em 1em;
      }
    
      /* C2.13 */
    .punbb .main .tcl {
        border-left-style: none;
        border-left-width: 0;
        padding-left: 25px;
    }
    
    * html .tclcon {height: 1px}
    
    .punbb tbody.hasicon td.tcl {
        width: 60%;
        padding-left: 30px;
    }
    
    /* C2.15 */
    .punbb div.icon {
      border: none;
      margin-left: -20px;
      }
    
    /* C2.16 
    .punbb  table div.icon {
      float: left;
      display: block; 
      }*/
    
    .punbb .main .tcr {
        overflow: hidden;
        text-align: left;
        font-size: 11px;
        align-items: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 20px 0 90px;
        width: 40%;
        color: #000000;
    }
    
      .punbb .main .tcr a.lastpost-link {
      font-size: 11px;
      font-weight: 800;
      color: #753775;
      }
    
    
      #pun-index .tcr a.lastpost-link:hover {
        color: var(--text)
      }
    
     /* C3 Topics
    -------------------------------------------------------------*/
    
    /* C3.1 */
    .punbb .post .container {
      border: none;
      margin-top: -1px;
      padding-bottom: 1px;
      }
    
    /* C3.2 */
    .punbb .post h3 {
      border: none;
      }
    
    /* C3.3 */
    .punbb .post h3 span {
      padding: 2px 20px;
      display: block;
      border: none;
      }
    
    /* C3.4 */
    a.permalink {
        background: var(--bg-2);
        border-radius: 0 30px 30px 0;
        display: flex;
        justify-content: space-around;
        margin-top: -4px;
        height: 19px;
        padding: 0px 12px;
        border-top: 1px inset var(--scroll-1);
        border-right: 1px inset var(--scroll-1);
        border-bottom: 1px inset var(--scroll-1);
        padding-top: 1px;
    }
    
    .punbb .post h3 strong {
        float: right;
        text-align: right;
        font-weight: 800;
        background: var(--bg-1);
        border-radius: 30px 0 0 30px;
        width: 42px;
        display: flex;
        justify-content: space-around;
        height: 19px;
        margin-top: -4px;
        border: 1px inset var(--scroll-1);
        padding-top: 1px;
    }
    
    /* C3.5 */
    .punbb .post .post-author {
        float: left;
        width: 230px;
        border-radius: 10px;
        outline: 1px dotted #538979;
        /* outline-offset: -6px; */
        overflow: hidden;
        background-color: #f1f1f1;
    }
    
    /* C3.6 */
    .punbb .post .post-author ul, .punbb .post .post-author p {
        padding: 0 0em 1em 0em;
        line-height: 140%;
    }
    
    /* C3.7 */
    .pa-author {
      font-size: 1.1em;
      font-weight: bold;
      }
    
    /* C3.8 */
    .pa-author a {
      text-decoration: none;
      font-weight: 900!important;
      }
    
    .post-author {
        width: 210px;
        height: 100%;
        background: var(--bg-1);
        border-radius: 10px;
    }
    
    .post-author ul {
      line-height: 11px;
      text-align: center;
      width: auto;
    }
    
    .post-author .pa-author {
        text-align: center;
        font-family: TenorSans;
        font-size: 12px;
        text-transform: UPPERcase;
        margin-top: 15px;
        background-color: #f1f1f1;
    }
    
    .post-author li.pa-online {
        position: relative;
        background: url('https://forumstatic.ru/files/001b/ee/37/86668.png') no-repeat;
        height: 14px;
        border: none;
        padding: 0;
        margin-top: -15px!important;
        margin-left: 11px;
        font-size: 0px!important;
        width: 14px;
    }
    
    .post-author li.pa-last-visit {
        position: relative;
        background: url('https://forumstatic.ru/files/001b/ee/37/81050.png') no-repeat;
        height: 14px;
        border: none;
        padding: 0;
        margin-top: -15px!important;
        margin-left: 11px;
        font-size: 0px!important;
        width: 14px;
        filter: opacity(0.4);
    }
    
    
    .pa-title {
      text-align: center;
      font-weight: 500;
      font-size: 9px;
      color: var(--text2)
    }
    
    .pa-avatar {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    .pa-avatar img {
      border-radius: 5px;
      max-width: 180px;
      max-height: 180px;
    }
    
    .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld5 .fld-name {
      display: none;
    }
    
    .pa-fld1 {
      margin-bottom: 8px;
    }
    
    .pa-posts, .pa-respect, .pa-fld3, .pa-fld4, .pa-fld5 {
        font-size: 9px;
        display: inline-block;
        font-weight: 500;
        text-align: center;
        color: var(--text2);
        width: 37px;
        margin: 5px 0;
    }
    
    .post-author .pa-fld4 {
        font-size: 9px;
        display: inline-block;
        font-weight: 500;
        text-align: center;
        color: var(--text2);
        width: 37px;
        margin: 5px 0;
    }
      
    .pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name {
        font-size: 0;
        display: flex;
        height: 16px;
        justify-content: center;
    }
        
    .pa-fld4 .fld-name {
        font-size: 0;
        /* height: 16px; */
        position: absolute;
        display: flex;
        width: 37px;
        justify-content: center;
        margin-top: -15px;
        opacity: .8;
    }
    
    .lz-name {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 8px;
        margin-bottom: 4px;
    }
    
    .pa-online {
        margin-top: 20px;
        font-weight: 700;
        font-size: 10px;
        color: var(--daybg-3);
    }
    
    
    /* C3.9 */
    li.pa-online {
      line-height: 0.8em;
      border: none;
      padding-left: 0.4em;
      }
    
    /* C3.11 */
    .punbb .post-body {
        margin-left: 19.5em;
        border: none;
        padding: 0 0 1px 0;
    }
    
    /* C3.12 */
    .punbb .post-box {
      padding: 1em;
      }
    
    /*C3.13 */
    .punbb fieldset .post-box {
      margin-bottom: 0.8em
      }
    
    /* C3.14 */
    .punbb .post-links {
      margin-left: 19em;
      border: none;
      }
    
    /* C3.15 */
    .punbb .post-links ul {
      padding: 0 1em 0 0;
      height: 2em;
      line-height: 2em;
      margin-left: -19em;
      border: none;
      background: transparent;
      text-align: right;
      margin-bottom: 30px;
    }
    
    /* 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 Moderator menu
    -------------------------------------------------------------*/
    
    /* C4.1 */
    .punbb .modmenu .container {
      padding: 0.5em 1em;
      text-align: right;
      font-size: 10px;
      }
    
    /* 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 Message boxes
    -------------------------------------------------------------*/
    
    /* C5.1 */
    .punbb .info .container {
      padding: 0.8em 1em
      }
    
    /* C5.2 */
    .punbb .info .container .backlink {
      padding-top: 0.8em;
      }
    
    
    /* C6 Profile
    -------------------------------------------------------------*/
    
    /* C6.1 */
    #profile .container {
      padding-left: 18.6em;
      }
    
    /* C6.2 */
    #profilenav {
      float: left;
      width: 14em;
      margin-left: -16.3em;
      display: inline;
      }
    
    /* C6.3 */
    #profilenav li {
      padding-bottom: 0.8em;
      font-weight: bold;
      }
    
    /* C6.4 */
    #viewprofile ul, #profilenav ul {
      border: none;
      padding: 1.5em 18px 0.8em 18px;
      margin: 0 0 1em 0;
      }
    
    /* C6.5 */
    #viewprofile h2, #profilenav h2 {
        border: none;
        margin: 0 14px -0.6em 14px;
        background: var(--bg-1);
        border: 1px inset var(--scroll-1);
        border-radius: 19px;
        padding: 0px 38px;
        font-weight: 700;
        font-size: 12px;
        text-align: center;
    }
    
    
    /* 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 User list
    -------------------------------------------------------------*/
    
    /* C7.1 */
    #pun-userlist .formal, #pun-userlist .formal .container {
      border: none;
      }
    
    /* C7.2 */
    #pun-userlist .usertable .container {
      padding: 0 2.3em 2.3em 2.3em;
      border: none;
      }
    
    /* C7.3 */
    #pun-userlist .usertable table {
      border: none;
      }
    
    
    /*************************************************************
    D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
    **************************************************************/
    
    /* D1 Logo and description
    -------------------------------------------------------------*/
    
    /* D1.1 */
    #pun-title {
      display: none;
      }
    
    /* D1.2 */
    #pun-title h1 {
      display : block;
      height : 40px;
      padding: 2em 1em 0 1em;
      }
    
    /* D1.3 */
    #pun-title .container {
      border: none;
      }
    
    /* D1.4 */
    #pun-title h1 span  {
      display: none;
      }
    
    #pun-title table {
    	border: none;
    	height: 40px;
    	width: 100%;
    }
    
    #pun-title td.title-logo-tdl {
    	border: none;
    	width: 100%;
    }
    
    #pun-title td.title-logo-tdr {
    	border: none;
    	width: 468px;
    }
    
    /* D2 Page navigation
    -------------------------------------------------------------*/
    
    /* 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 Forum navigation
    -------------------------------------------------------------*/
    
    /* D3.1 */
    #pun-navlinks {
        width: 960px;
        text-align: center;
        margin-bottom: -11px;
        margin-top: -8px;
    }
    
    /* D.3 */
    #pun-navlinks li {
      display: inline;
      margin: 0;
      }
    
    /* D3.4 */
    #pun-navlinks li a {
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        color: #a72b30;
        text-transform: uppercase;
        transition: 0.5s;
    }
    
    /* D4 User links
    -------------------------------------------------------------*/
    
    /* D4.1 */
    #pun-ulinks  {
      border: none;
    
      }
    
    /* D4.2 */
    #pun-ulinks .container {
        text-align: center;
        text-transform: lowercase;
        background-color: transparent;
        font-family: var(--mainfont-virus);
        font-size: 10px;
        font-style: normal;
        border: none;
        width: 1000px;
    }
    
    /* D4.3 */
    #pun-ulinks li, #pun-ulinks li a {
        display: inline;
        color: var(--scroll-bg);
    }
    
    /* D4.4 */
    #pun-ulinks li a {
      padding: 0 0.3em 0 0.6em;
      transition: all 0.5s linear 0s;
      }
    
    /* D4.5 */
    #pun-ulinks li.item1, #pun-ulinks li.item1 a {
      border: none;
      }
    
    /* D5 Welcome box and Top Breadcrumbs
    -------------------------------------------------------------*/
    
    /* D5.1 */
    #pun-status, #pun-status .container {
      border: none;
      background-color: transparent;
      }
    
    /* D5.2 */
    #pun-status .container {
      text-align: left;
      margin-top: 0;
      margin-bottom: 24px;
      color: var(--text);
      font-family: var(--mainfont-virus);
      font-size: 10px;
      }
    
      #pun-status .item4 {
        display: none
      }
    
    /* D5.3 */
    #pun-status span {
      border: none;
      white-space: nowrap;
      margin-right: 0.5em;
      }
    
    /* D5.4 */
    #pun-crumbs1 {
      border: none;
      overflow: hidden;
      }
    
    /* D5.5 */
    #pun-crumbs1 p.container {
      font-family: var(--mainfont-virus);
      font-weight: bold;
      font-size: 10px;
      color: var(--text);
      border: none;
      background-color: transparent;
      }
    
    
    /* D5.6 */
    #pun-break1 {
      margin: 0 1em;
      border: none;
      height: 0;
      margin: -2px 1em;
      position: relative;
      z-index: 1;
      }
    

    Отредактировано keeper (2024-09-14 14:26:08)

    0

    4

    структура style.css

    Код:
    /* D6 Announcement
    -------------------------------------------------------------*/
    
    /* D6.1 */
    #pun-announcement h2 {
      padding: 0;
      margin: 0 1em -3.5em 1em;
      border: none;
      position: relative;
      font-weight: bold;
      }
    
    /* D6.2 */
    #pun-announcement h2 span {
        padding: 0em;
        display: none;
    }
    
    /* D6.3 */
    #pun-announcement .container {
        padding: 0em 1em 1em 1em;
        position: absolute;
        top: -42px;
        width: 939px;
    }
    
    /* D7 Statistics
    -------------------------------------------------------------*/
    
    /* D7.1 */
    #pun-stats .container {
        background: transparent;
        height: auto;
        text-align: center;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        width: 936px;
        margin-left: 11px;
    }
    
    /* D7.2 */
    #pun-stats li.item1, #pun-stats li.item2 {
      border: none;
      }
    
    /* D7.3 */
    #pun-stats li.item3, #pun-stats li.item4 {
      border: none;
      }
    
      #pun-stats h2 {
        display: none;
      }
    /* D7.4 */
    li#onlinelist {
      border: none;
      }
    
    /* D7.5 */
    li#onlinelist div {
      border: none;
      }
    
    /* D8 Quick Jump - About - Bottom Breadcrumbs
    -------------------------------------------------------------*/
    
    /* 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: 0px;
        height: 0px;
    }
    
    /* D8.4 */
    #pun-about .container {
        border: none;
        text-align: center;
        line-height: 150%;
        padding: 0.8em 1em;
        position: relative;
        top: 114px;
        z-index: 1;
        font-size: 9px;
    }
    
    /* D8.5 */
    #pun-about p span {
      display:block;
      padding-left: 50%;
      }
    
    /* D8.6 */
    #pun-crumbs2 {
      font-weight: bold;
      overflow: hidden;
      margin-bottom: 0;
      border: none;
      }
    
    /* D8.7 */
    #pun-crumbs2 .container {
      border: none;
      padding: 0.8em 1em;
      font-size: 10px;
      }
    
    /* D8.8 */
    #pun-break4 {
      margin: -2px 1em;
      border: none;
      position: relative;
      height: 0;
      z-index: 1;
      }
    
    /* D8.9 */
    div.punbb-admin #pun-about .container {
      border: none;
      }
    
    
    /* D9 Help file
    -------------------------------------------------------------*/
    
    /* D9.1 */
    #pun-help .formal .info-box h3.legend {
      border: none;
      padding-bottom: 0;
      margin-bottom: 0.8em;
      }
    
    /* D9.2 */
    #pun-help .formal .info-box h3.legend span {
      padding-bottom: 0.6em;
      display: block;
      border: none;
      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;
      }
    
    #pun-index.punbb th,#pun-viewforum.punbb th{
      font-size:0!important;
      color:transparent!important;
      height:0!important;
      padding:0!important;
      border:0!important;
    }
    
    ::-webkit-scrollbar {
      width: 3px;
      height: 3px;
      background-color: var(--scroll-bg);
      border-radius: 10px;
    }
    
      ::-webkit-scrollbar-thumb {
      background-color: var(--scroll-1);
      border-radius: 10px;
    }
    
      ::selection {
        background: var(--links-2);
        color: #101010;
      }
    
    
    .plashesvirus::-webkit-scrollbar-thumb {
      background: var(--scroll-bg);
      border-radius: 10px;
    }
    
    
    .plashesvirus::-webkit-scrollbar {
      background: transparent;
      height: 3px;
    }
    
    /* CS1 Background and text colours
    -------------------------------------------------------------*/
    body {
      background: transparent;
    }
    
    /* CS1.1 */
    .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 {
      background-color: transparent;
      color: var(--text);
      font: var(--mainfont-virus);
      }
    
    
    /* CS1.2 */
    .punbb .main .container, .punbb .post .container, .punbb .post h3 {
      background-color: transparent;
      color: var(--text);
      }
    
    
    /* CS1.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
      background-color: transparent;
      }
    
    /* CS1.4 */
    #pun-title, #pun-title .container, .punbb .modmenu .container {
      background-color: transparent;
      color: var(--text);
      }
    
    
    .punbb .modmenu .container span {
      display: none;
    }
    
    /* CS1.5 */
    .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
      background-color: transparent;
      color: var(--text)
      }
    
    
    /* CS1.6 */
    .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
      background-color: transparent;
      color: var(--text);
      }
    
    #pun-main .post h3 span {
        font-size: 11px;
        background: url(https://forumstatic.ru/files/001b/c9/d8/81136.svg?v=1) no-repeat center 8px;
        height: 17px;
        border-radius: 5px;
        margin-bottom: 10px;
        display: flex;
    }
    
    /* CS1.7 */
    
      li#navlogout a span {
        text-align: right;
      }
    
    .offline li.pa-online strong {
      font-weight: normal
      }
    
    /* CS2 Border colours
    -------------------------------------------------------------*/
    
    
    /* CS2.1 */
    .punbb .container, .punbb .post-body, .post h3, #pun-title {
      border: none;
      }
    
    
    /* CS2.2 */
    .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
    .punbb .category, .punbb .post {
      border: none;
      }
    
    /* CS2.3 */
    #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
      border: none;
      }
    
    /* CS2.4 */
    .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
    .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
      border: none;
      }
    
    /* CS2.5 */
    .punbb th {
      border: none;
      }
    
    /* CS2.6 */
    .punbb .quote-box, .punbb .code-box {
      border: none;
      }
    
    #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
      border: none;
      }
    
    #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
      border: none;
      }
    
    .punbb .divider {
      border: none;
      }
    
    .punbb .formal fieldset .post-box, .punbb .info-box {
      border: none;
      }
    
    li.pa-online {
      border: none;
      }
    
    
    /* CS3 Links
    -------------------------------------------------------------*/
    
    /* CS3.1 */
    .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 {
      color: #a72b73;
      font-weight: 500;
      }
    
    
    .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
      color: var(--links);
      font-weight: 500;
      }
    
    
    /* CS3.2 */
    .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 {
      color: var(--text);
      font-weight: 500;
      }
    
    /* CS3.4 */
    #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
      color: var(--text2);
      text-decoration: none
      }
    
    #pun-pagelinks a:active, #pun-pagelinks a:focus {
      background-color: transparent;
      color: var(--links);
      }
    
    
    /* CS4 Post status icons
     -------------------------------------------------------------*/
    
    div.icon {
      border: none;
    }
    tr.iredirect div.icon {
      border-color: none;
    }
    div.inew {
      border: none; 
    }
    
    #pun-main div.catleft, #pun-main div.catright {display: none}
    
    /*Скрыть список Модераторов на Главной*/
    .punbb .tcl .modlist {
      display: none;
    }
    
    #pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
      display: none;
    }
    
    li#onlinelist div {
        border: none;
        padding: 6px 20px;
        text-align: justify!important;
        color: var(--text);
        font: var(--mainfont-virus);
        font-size: 11px;
        font-weight: 400;
        text-transform: lowercase;
    }
    
    li#onlinelist {
      margin-top: 10px;
      width: 960px;
      color: var(--text);
      font: var(--mainfont-virus);
      font-size: 10px;
      text-transform: lowercase;
    }
    
    
    #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
        /* display: flex; */
        padding-top: 2px;
        padding-bottom: 2px;
        color: var(--text);
        text-transform: lowercase;
        text-align: center;
        font: var(--mainfont-virus);
        font-size: 9px;
        width: 225px;
        /* border: 1px inset #010e1b; */
        border-radius: 5px;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        background: #d4d4d4;
    }
    
    #pun-index .tclcon h3 a {
        color: #442c51;
        padding: 3px 30px;
        font: var(--link-font);
        text-transform: uppercase;
    }
    
    #pun-index .tcl {
        padding: 14px;
    }
    
    #pun-main > div > h2 > span {
        font-size: 0px;
    }
    
    
    /*стиль подфорума*/
    
    .tclcon {
        position: relative;
        padding-left: 15px;
        text-align: justify;
        font-weight: 500;
        font-size: 11px;
        margin: -5px 0px 9px;
        color: #000000;
    }
    
    .tclcon::before {
        content: "";
        position: absolute;
        left: 0px;
        height: 100%;
    }
    
    #pun .user-avatar .avatar-image {
        width: 26px;
        height: 26px;
        filter: grayscale(1);
        opacity: .5;
    }
    
    #pun-index .user-avatar {
      display: block
    }
    
    #pun-navlinks .container {
        background-color: transparent;
        color: var(--daybg-1);
        text-transform: lowercase;
        font: var(--text);
        display: inline-block;
        margin: 0px;
        position: relative;
        height: auto;
        word-spacing: 20px;
        top: -19px;
    }
    
    #pun-main .pagelink {
        font: var(--mainfont-virus);
        font-style: normal;
        font-weight: 400;
        font-size: 9px;
        text-align: justify;
        color: var(--text);
        margin-top: 10px;
    }
    
    
      #pun-main .postlink {
      color: var(--links);
      font-size: 10px;
      }
    
    
      .linksb a, .linkst a {
      background: var(--bg-3);
      padding: 4px 8px;
      border-radius: 306px;
      transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
      }
    
    
      .linksb a:hover, .linkst a:hover {
      color: #9e9896 !important;
      background: #1f395b !important;
      }
    
    .punbb table Div.icon {
        float: left;
        display: block;
        width: 38px;
        height: 70px;
        border-style: none;
        position: relative;
        z-index: 1;
        margin-left: -15px;
        margin-top: 3px;
        background: var(--iconnonew-virus) no-repeat;
    }
    
    .punbb table div.inew {
        background: var(--iconnew-virus) no-repeat;
    }
    
    .tclcon .byuser {
        display: block;
        color: var(--text)!important;
        margin-top: 4px !important;
    }
    
    #pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
      background: var(--text);
      background-position-y: 93px;
      display: block;
      float: left;
      height: 6px;
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
      position: relative;
      width: 6px;
      border-radius: 100%;
      box-sizing: border-box;
    }
    
    
    #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
      background: var(--links)!important;
    }
    
    
    #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
      background: var(--text);
    }
    
    
    #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
      background: var(--text);
    }
    
    
    #pun-viewforum .forum a, #pun-messages a .forum, #pun-searchtopics .forum a {
      color: #b12b30;
    }
    
    
    #pun-viewforum .forum a:hover, #pun-messages a:hover .forum, #pun-searchtopics .forum a:hover {
      color: var(--links);
    }
    
    
    #pun-viewforum .tcr, #pun-messages .tcr, #pun-searchtopics .tcr {
      color: var(--links);
    }
    
    
     /*кнопки*/
    .go-up, .go-down {
        cursor: pointer;
        display: none;
        margin-bottom: 160px;
        margin-left: 1045px !important;
        opacity: 1;
        position: fixed;
        z-index: 9999;
        padding: 0px 0px;
        transition: transform 1s cubic-bezier(0.72, -0.01, 0, 1) 0s;
        width: 34px;
        height: 34px;
    }
    
    .go-up {
        top: 50%;
    }
    
    .go-down {
        top: 54%;
    }
    
    .go-up:hover, .go-down:hover {
        transform: scale(1.2)
    }
    
    /*ползунок размер шрифта*/
    .FNTslider {
        position: absolute;
        z-index: 99;
        background: var(--bg-1);
        width: 110px;
        height: 4px;
        margin: 3px 5px;
        border: solid 1px var(--scroll-1);
        border-radius: 10px;
        left: 852px;
    }
    
    .FNTslider .before {
        height: 3px;
        border: solid 1px  var(--scroll-1);
        border-right: none 0;
        position: absolute;
        background: var(--scroll-1);
        margin: -1px 0px;
        border-radius: 5px;
    }
    
    .FNTslider .thumb {
        width: 9px;
        height: 9px;
        position: relative;
        top: -6px;
        background: var(--bg-1);
        cursor: pointer;
        border: 3px solid var(--scroll-1);
        border-radius: 10px;
    }
    
    
    
    /*разделитель тем*/
    .td-divider {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-left: -10px;
    }
    
    
    .td-divider span {
        background: #1f395b;
        font-size: 12px;
        padding: 0px;
        border-radius: 5px;
        color: #a29996;
        font-weight: 400;
        text-align: center;
        width: 960px;
        position: absolute;
        left: 18px;
    }
    
     /*это интересно*/
    
    div#pun-live-rusff {
        display: none;
    }
    
    
    /*кнопки*/
    
    #file_upload_input {
      padding: 10px 10px 0px 10px!important;
    }
    
    input.button, #pa-edit strong a {
        font: var(--mainfont-virus);
        background: var(--links) !important;
        color: var(--bg-3) !important;
        padding: 4px 8px;
        border-radius: 5px;
        font-size: 10px !important;
        font-weight: 500 !important;
        text-transform: lowercase;
        border: none !important;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
    }
    
    input.button:hover, #pa-edit strong a:hover {
      background: var(--bg-3) !important;
      color: var(--links)!important;
    }
    
    #pun-main .formal textarea {padding: 10px;}
    
    input, textarea, input:active, textarea:active, :focus  {
      outline: none;
    }  
    
    .topic a.sharelink {
      display: none;
    }
    
    .punbb div.icon {
      float: left;
      display: block;
      width: 60px;
      height: 60px;}
    
    .tc2 .user-avatar, .tcr .user-avatar {
      display: none;
    }
    
    /*ссылки в подфорумы и подфорумы*/
    
    .virusdescription {
        font-size: 9px;
        line-height: 13px;
        margin-left: 41px;
    }
    
    .viruslinks {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        height: 12px;
        border-radius: 0px 0px 5px 5px;
        font-weight: 500;
        font-size: 10px;
        padding: 5px 0px;
        color: var(--scroll-1);
    }
    
    .viruslinks a {
        color: var(--links-header) !important;
    }
    
    #onlinelist a {
      color: #783775;
    }
    
    
    #onlinelist a:hover {
      color: var(--links-2);
    }
    
    #onlinelist a[href$="/online.php"], #onlinelist a[href$="/userlist.php"] {
      color: #753775!important;
    }
    
    #onlinelist a[href$="/online.php"]:hover, #onlinelist a[href$="/userlist.php"]:hover {
      color: var(--text)!important;
    }
    
    
    .punbb .section h2 span, #pun-stats h2 span, #pun-debug h2 span, .punbb h1 span, #post-form > h2, .punbb legend span {
      font-weight: 700;
      font-size: 12px!important;
      font-style: normal;
      text-align: center;
      display: block;
      margin: auto;
      height: 17px;
      color: var(--text);
    }
    
    #pun-main > div.forum > div > table > tbody > tr:nth-child(1) > td.tcl {
        width: 50%;
    }
    
    #pun-main > div.forum > div > table > tbody > tr:nth-child(2) > td.tcl {
        width: 50%;
    }
    
    
    #post > fieldset:nth-child(2) > legend {
      display: none;
    }
    
    #pun-main h1 span {
      display: none;
    }
    
    #pun .post-content .spoiler-box > div {
        padding: 4px 10px;
        border-radius: 8px;
        background: var(--bg-2);
        color: var(--links);
        font-weight: 500;
        font-size: 11px;
        text-align: center;
    }
    
    #pun .post-content .spoiler-box > div.visible:before {
      transform: rotate(180deg);
    }
    
    #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: 9999;
      border-radius: 15px;
      background: var(--bg-3);
      box-shadow: none!important;
      -webkit-box-shadow: none!important;
      -moz-box-shadow: none!important;
      -khtml-box-shadow: none!important;
    }
    
    
    
    .pa-respect a[href*="&v=0&cod"], .pa-respect a[href*="&v=1&cod"] {
        display: inline-block;
        position: absolute;
        margin-top: -4px;
        margin-left: -11px;
    }
    
    .pa-respect a[href*="&v=1&cod"] img, .pa-respect a[href*="&v=0&cod"] img {
      visibility: hidden;
      /*размеры для картинок  +/- */
      height: 10px;
      width: 10px;
    }
    .pa-respect a[href*="&v=1&cod"] {
        background: var(--plusvirus) center 100% no-repeat; /*картинка для  + */
        opacity: .7;
    }
    
    
    .pa-respect a[href*="&v=0&cod"] {
      background: var(--plusvirus) center  100% no-repeat; /*картинка для  - */
    }
    
    .punbb input {
        background: var(--bg-2);
        color: var(--text);
        height: 23px;
        border-radius: 196px;
        border: 1px inset var(--scroll-1);
        padding: 0 10px;
    }
    
    #font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, #spoiler-area {
        color: var(--text);
        border: 1px solid var(--scroll-1) !important;
        background: var(--bg-1);
        border-radius: 0 0 5px 5px;
        padding: 10px !important;
        margin-top: -18px;
    }
    
    #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
      top: 70px !important;
    }
    
    #font-area {
      height: 200px;
      overflow-y: auto;
    }
    
    .pun-modal .modal-inner {
      background: var(--bg-2);
      border-radius: 5px;
      margin: auto;
      top: -100px;
    }
    
    td#button-graffiti_rusff {
      display: none !important;
    }
    
    td#button-files_rusff {
      display: none !important;
    }
    
    #rep_form .tcl {
        width: 20%!important;
    }
    
    li.pa-ip {
        font-size: 7px;
        margin-top: 5px;
        color: #7a7a7a;
    }
    
    /*страница репутации*/
    
    #pun-main > div.section > div > table > tbody > tr {
        width: 955px;
        font-size: 11px;
    }
    
    #pun-main > div.section > div > table > tbody > tr > td.tcr {
        width: 355px!important;
    }
    
    /*отключить пожаловаться и поделиться*/
    
    li.pl-share { 
        display: none!important; 
    } 
     
    li.pl-reports { 
        display: none!important; 
    }
    
    #pun-main > div.linksb > div.postlink > span.closed  { 
        display: none; 
    }
    
    #messages > fieldset > div > div > table {
        width: 673px;
    }
    
    #pun-main > div.topic > div > div > div.post-author > ul {
        color: var(--text);
    }
    
    
    /*всплывающие подсказки при наведении*/
    #tooltip {
        position: absolute;
        background: var(--tooltip);
        z-index: 999;
        max-width: 180px;
        border: none;
        border-radius: 15px;
        font-family: 'Mulish';
        font-size: 10px;
        display: none;
        color: #ffffff;
        text-align: center;
        padding: 5px 10px;
        text-transform: lowercase;
    }
    
    /*маска*/
    #mask_dialog .inner {
        background: var(--bg-1);
        border-radius: 10px;
    }
    
    .punbb .user-avatar .isonline {
        background: #3b253d !important;
    }
    
    .scrollbox {
        min-height: 1em !important;
    }
    
    hr {
        border-top: 1px inset var(--links);
        height: 0px;
        margin-bottom: 1em !important;
    }
    
    
    /*лз*/
    .lz1 {
        color: var(--text2);
        font-size: 9px;
        font-weight: 500;
        width: 229px;
        margin-left: 1px;
        margin-top: 1px;
        line-height: 11px;
        padding: 4px 0;
        /* border-top: 1px dotted #df840b; */
        /* border-bottom: 1px dotted var(--scroll-1); */
    }
    
    .lz2 {
        margin: 4px 0 0 0;
        font-size: 9px;
        font-weight: 400;
        color: var(--scroll-bg);
        width: 210px;
        margin-left: 10px;
        line-height: 12px;
    }
    
    .pa-posts .fld-name:before {
        content: "";
        display: flex;
        background: url(https://forumstatic.ru/files/001b/ee/37/28070.png) no-repeat;
        width: 14px;
        height: 14px;
        justify-content: center;
        align-items: center;
        filter: opacity(0.4);
    }
    
    .pa-fld3 .fld-name:before {
        content: "";
        display: block;
        background: url(https://forumstatic.ru/files/001b/ee/37/99133.png) no-repeat;
        width: 16px;
        height: 16px;
    }
    
    .pa-fld4 .fld-name:before {
        content: "";
        display: block;
        background: url(https://forumstatic.ru/files/001b/ee/37/70217.png) no-repeat;
        width: 16px;
        height: 16px;
    }
    
    .pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
        content: "";
        display: flex;
        background: url(https://forumstatic.ru/files/001b/ee/37/89379.png) no-repeat;
        width: 14px;
        height: 14px;
        justify-content: center;
        align-items: center;
        filter: opacity(0.4);
    }
    
    .ls {
        position: absolute;
        table-layout: fixed;
        margin-left: 210px;
        margin-top: -19px;
        padding: 4px 0 0px 0;
        border-radius: 16px;
        width: 30px;
        height: 30px;
    }
    
    .ls img {
        max-height: 30px;
    }
    
    /*откл подар*/
    li.pa-gifts {
        display: none;
    }
    
    /*переключение раскладки*/
    #button-transL {
        background-image: url(https://forumupload.ru/uploads/000f/09/5e/6201/44477.png);
    }
    
    /************************* 
    Стиль для Быстрой смены аккаунтов 
    Deff 
    *************************/ 
    /*Cкрытие формы входа без клика*/ 
    #pun-navlinks a:not(.NextShow)+span.odd{ 
    display:none!important; 
    }
    #pun-navlinks #New-exit img{ 
    position:absolute; 
    margin: 0; 
    width: 20px; 
    height:auto;
    opacity:.92;
    }
    #pun-navlinks #New-exit:hover{
     opacity: .4;
    }
    /*Стиль доп-иконки Выход!*/ 
    .punbb #pun-navlinks a#New-exit {
      position:absolute;
      z-index:100000!important;
      margin-top: 6px!important;
      margin-left: 30px!important;
      float:none!important;
    }
    .punbb #pun-navlinks a#New-exit:before {
        content:none;
    }
    
    .punbb #pun-navlinks #form-login input {
        text-align: center;
        height: auto;
        text-rendering: auto;
        padding: 5px 5px 3px 5px;
        color: #fff!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;
        rgb(250, 255, 189): ;
        /* background-color: rgb(250, 255, 189); */
    }
    
    .punbb #form-login #fld1, #form-login #fld2 {
        background-color: rgb(37 37 37);
    }
    
    .punbb #pun-navlinks #form-login input.button[type="submit"] {
        outline: none;
        box-shadow: none!important;
        color: #EFEFEF!important;
        background: var(--links) !IMPORTANT;
        cursor: pointer;
        padding: 2px 10px 3px 10px!important;
        font-weight: 600!important;
        margin-top: 10px!important;
        height: 33px;
        box-sizing: border-box;
        transition: .36s;
        vertical-align: middle;
        border-radius: 30px;
        width: 100px;
    }
    
    .punbb #pun-navlinks #form-login input.button[type="submit"]:hover{
    background-color: #988E4B!important;
    box-shadow: none!important;
    border: 2px inset #A29489!important;
    transition:.66s;
    }
    /*Стиль формы входа*/ 
    .punbb #pun-navlinks #form-login {
        word-spacing: normal!important;
        letter-spacing: normal!important;
        text-shadow: 1px 1px 0 rgb(0 0 0);
        display: block;
        font: normal normal 400 11px/normal Tahoma;
        color: #E7EAF0;
        text-transform: none;
        position: absolute!important;
        left: 0px;
        top: 10px;
        z-index: 100000!important;
        padding: 7px 12px;
        background: rgb(36 36 36);
        background-size: 36px auto;
        border-radius: 15px 15px;
        text-align: center;
        box-shadow: 0 0 0em rgb(23 23 13 / 99%);
    }
    
    #pun-navlinks #navlogin #form-login { 
     margin-left: -43px/*Подвижки формы влево от вход*/ 
    } 
    #pun-navlinks #navlogout #form-login { 
     margin-left:  -43px/*Подвижки формы влево от выход*/ 
    } 
    .ismoderator #pun-navlinks #navlogout #form-login {
      margin-left:  -43px!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;*/
    color: #EFF4F2!important;
    cursor:pointer; 
    font: normal normal 400 9.5px/normal Tahoma!important;
    letter-spacing: .5px!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 inset 2px!important; 
    } 
    /*Форма слево(с Никами) */ 
    #List-UserNames {
        position: absolute;
        margin-top: -7px;
        min-height: 90px;
        width: 220px;
        right: 101%;
        padding: 12px 19px 12px 17px;
        background: rgb(36 36 37);
        border-radius: 15px;
        text-align: center;
        /* box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99); */
    }
    
    /*Стиль контейнера под список Ников*/ 
    .punbb #List-UserNames ul{
    padding:0;
    overflow:hidden; 
    overflow-y:auto; 
    min-height:36px; 
    max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
    } 
    .punbb #List-UserNames li {
    display: block!important;
    position: relative;
    background: #2F2F2F;
    text-align: left;
    box-shadow: 2px 2px 1px rgba(84,106,107,.7);
    padding-left: 5px!important;
    font: normal normal 700 11px/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: .9;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31);
    } 
    .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: #919190; 
    border: 1px solid #919190; 
    box-shadow: none; 
    } 
    #List-UserNames ul::-webkit-scrollbar-thumb { 
    background-color: #bdbdbc; 
    border: 2px solid #888887; 
    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; 
    color:#fff; 
    font: normal normal
     
    700 10.56px/normal Verdana; 
    text-shadow:1px 1px 1px rgba(0,0,0,.6); 
    } 
    /*Текст при отсутствии запомненных Ников!*/ 
    #List-UserNames ul:empty:before{ 
    display:inline-block; 
    content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
    } 
    /*Кнопка выход-2*/ 
    #navlogin #exit-2 { 
    display:none; 
    } 
    #navlogin #form-login, 
    #pun-navlinks #navlogout .Rega, 
    #pun-navlinks #navlogout .Forgot { 
    background-image:none!important;
      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: #2f2f2f !important;
        border-radius: 6px;
        text-shadow: none!important;
        color: #282828!important;
        background-color: #C5C3C3;
        font: normal normal 400 11px/normal Arial!important;
        /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
        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: #E7EAF0;
    } 
    /*Кликалка слево, чуть выше инпута*/ 
    #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; 
    } 
    /************************* 
    //Конец Стиля для Быстрой смены аккаунтов 
    *************************/
    
    /*личная страница*/
    
    .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: 20px !important; 
    	left: 50%;
    	margin-left: -300px;
    	width:860px;
    	position: fixed;
    	z-index: 101;
    	}
    
    #pun .reveal-modal.xlarge {
        width: 862px;
        margin-left: -455px;
        box-sizing: border-box;
        top: 13% !important;
    }
    	
    .reveal-modal .close-reveal-modal {
    	font-size: 30px;
    	line-height: .5;
    	position: absolute;
    	top: 0px;
    	right: -80px;
    	color: #aaa;
    	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    	font-weight: bold;
    	cursor: pointer;
            text-decoration: none;
    }
    
    .personal_page-wrap {
      background: url(https://forumstatic.ru/files/001b/cd/92/23799.png);
      width: 862px;
      border-radius: 20px;
      padding: 25px;
      border-box: box-sizing;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 25px;
    }
    
    .personal_page-item {
      border-radius: 20px;
      background: rgba(68,68,68,.06);
      padding: 20px 10px;
      border: 1px solid #8d8d8d;
    }
    
    .personal_page-item.left {
      width: 180px;
      text-align: center;
    }
    
    .personal_page-inner {
      background: #ffffff;
      border-radius: 25px;
      padding: 20px 25px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 15px;
      color: #7c7c7c;
      position: relative;
    }
    
    .personal_page-inner a {
      color: #de8e0a
    }
    
    .personal_page-inner a:hover {
      color: #7c7c7c
    }
    
    .personal_page-inner h5 {
      color: #de8e0a;
      font: normal 23px sugar;
      padding: 0;
      margin: -34px 0 0 0;
    }
    
    .personal_page-inner h6 {
      font: normal 18px sugar;
      padding: 0;
      margin: -10px 0 0 0;
    }
    
    .personal_page-inner .page_ava {
      border-radius: 25px;
      width: 100px;
      height: 100px;
      object-fit: cover;
    }
    
    .mini_quote {
      font: 400 9px/150% raleway;
      text-align: justify;
      overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    
    .personal_page-item.right {
      border-radius: 0px;
      background: transparent;
      padding: 0px;
      border: none;
      flex: 1;
      display: flex;
      gap: 25px;
      flex-wrap: wrap;
    }
    
    .personal_page-item.episodes {
      flex: 1
    }
    
    .personal_page-item.right h5 {
      color: #7c7c7c;
      font-size: 20px;
      top: 22px;
      position: absolute;
    }
    
    .episodes .personal_page-inner {
      height: 215px;
    }
    
    .personal_page-scroller {
      overflow-y: auto;
    }
    
    .personal_page-scroller.episodes {
      box-sizing: border-box;
      width: 100%;
    }
    
    .epsodes_item {
      background: #f7f7f7;
      padding: 6px 20px 6px 30px;
      border-radius: 15px;
      font: 400 8px/150% raleway;
      display: flex;
      flex-direction: column;
      gap: 1px;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      justify-content: center;
    }
    
    .epsodes_item + .epsodes_item {
      margin-top: 15px
    }
    
    .epsodes_item:before {
      content: "";
      background: #c9bda4;
      width: 6px;
      height: 6px;
      border-radius: 100%;
      display: block;
      position: absolute;
      left: 15px;
    }
    
    .epsodes_item a {
      font-size: 12px;
      font-weight: 500;
    }
    
    .personal_page-item.collection .personal_page-inner {
      background: #c1c1c1;
    }
    
    .personal_page-scroller.collections {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 10px
    }
    
    .personal_page-scroller img.nope {
      opacity: .45
    }
    
    
    .personal_page-item.icons {
      flex: auto;
    }
    
    .personal_page-item.icons .personal_page-inner {
      height: auto;
      padding: 15px 0px 0;
      background: transparent;
    }
    
    .personal_page-scroller.icons {
      width: 555px;
      height: 24px;
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
    
    .personal_page-links {
      position: absolute;
      width: 180px;
      display: flex;
      gap: 15px;
      justify-content: center;
      margin-top: 50px
    }
    

    0

    5

    цвета style_cs.css

    Код:
    /*шапка*/
    .headvirus {
        background: var(--header-virus);
        width: 999px;
        height: 258px;
        margin: -70px 0 0 -20px!important;
        border-radius: 20px 20px 0 0;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
    }
    
    
    /*футер*/
    div#html-footer {
        background: var(--virusfoot);
        position: relative;
        height: 81px;
        width: 999px;
        left: -20px;
        bottom: -14px;
        border-radius: 0;
    }
    
    /*админский подфорум*/
    tr#forum_f28 {
        background: #ebebeb;
        opacity: .6;
    }
    
    
    /*вип партнерка*/
    
    .vippartners {
        margin-top: 5px !important;
        filter: grayscale(1);
        opacity: .5;
        transition: all 0.3s ease-in-out 0s;
    }
    
    .vippartners:hover {
        opacity: 1;
        filter: none;
    }
    
    
    /*шапка*/
    .welcome {
        font-size: 10px;
        margin: 90px 50px 0px 370px !important;
        position: absolute;
    }
    
    .actzag {
        font-family: 'Air Americana';
        color: #69ab9a;
        position: absolute;
        margin-left: 410px !important;
        letter-spacing: 1px;
        font-size: 48px;
    }
    
    /*вкладки*/
    .tabs_container {
      flex-wrap: wrap;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
    }
    
    .hide, .tab_content {
      display:none;
    }
    
    .hide + label {
        padding: 6px 7px 4px 9px;
        display: inline-block;
        background-color: var(--daybg-3);
        order: 0;
        margin: 0px 4px;
        border-radius: 27px;
        z-index: 1;
        font-weight: 700;
        font-size: 10px;
        color: var(--text2);
        transition: 0.2s ease-in-out;
    }
    
    .hide:checked + label {
        background-color: var(--links-header);
        z-index: 1;
        color: #FFFFFF;
    }
    
    .tab_content {
        margin-top: -15px !important;
        margin-left: 0px !important;
        width: 720px;
        border-radius: 20px;
        padding: 25px 8px 0px;
    }
    
    .hide:checked + label + .tab_content {
        display: block;
        order: 2;
        margin-left: -8px !important;
    }
    
     /*ссылки*/
    
    .spirit-navigation {
        display: inline-block;
        padding: 5px 10px 7px;
        position: absolute;
        width: 112px;
        height: 16px;
        z-index: 9999;
        background: #adadad;
        border-radius: 5px;
        font-size: 9px;
        text-align: center;
        transition: all 0.3s ease-in-out 0s;
        color: #1e1e1e;
        top: 344px;
        left: 385px;
        z-index: 1;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 900;
    }
    
    
    .spirit-navigation:hover {
      background: var(--links);
        color: #000000;
    }
    
    #navigblock {
        position: absolute;
        top: 31px;
        left: 315px;
        width: 132px;
        display: block;
    }
    
    #navigblock a{
      color: #ffffff;
    }
    
    #navigblock a:hover{
      color: #000000;
    }
    
    .sslka {
        padding: 15px 0 0;
        border-radius: 0px 0px 15px 15px;
        background: var(--scroll-bg);
        z-index: 0;
        position: relative;
    }
    
    #pun .sslka a {
        background: var(--scroll-bg);
        white-space: nowrap;
        text-align: center;
        transition: all 0.3s linear 0s;
        display: block;
        font-size: 10px;
        padding: 7px;
        border-radius: 15px;
        transition: 0.5s;
    }
    
    #pun .sslka a:hover {
      background: var(--links);
    }
    
    
    /*внешности и имена*/
    
    .namedefault {
        text-transform: lowercase;
        border-bottom: 1px dotted #dfdfdf;
        margin-bottom: 8px !important;
        width: inherit;
        display: flex;
        flex-wrap: wrap;
    }
    
    .namemane {
        text-transform: lowercase;
        padding: 10px 6px 9px;
        background: #f3f3f3;
        border-radius: 15px;
        border: 13px solid var(--bg-2);
        height: 435px;
        outline: 1px dotted var(--scroll-1);
        outline-offset: -7px;
        overflow-x: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 300px;
        overflow-y: overlay;
    }
    
    span.face {
        text-transform: lowercase;
        font-size: 9px;
        font-weight: 500;
        line-height: 13px;
        min-width: 270px;
    }
    
    .facedefault {
        text-transform: lowercase;
        border-bottom: 1px dotted #dfdfdf;
        margin-bottom: 8px !important;
        width: fit-content;
        display: flex;
        flex-wrap: wrap;
    }
    
    .facemane {
        text-transform: lowercase;
        padding: 10px 6px 9px;
        background: #f1f1f1;
        border-radius: 15px;
        border: 1px dotted #252526;
        height: 221px;
        /* outline: 1px inset var(--scroll-1); */
        outline-offset: -7px;
        overflow-x: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 300px;
    }
    
    .facecontainer {
        display: flex;
        width: 706px;
        justify-content: space-evenly;
    }
    
    .faceabc {
        padding: 15px 6px 9px;
        font-family: TenorSans;
        font-size: 20px;
        text-align: center;
        height: 25px;
    }
    
    .facemf {
        text-transform: lowercase;
        background: #f3f3f3;
        /* border-radius: 70px; */
        /* border: 6px inset #df840b; */
        /* outline: 1px inset #df840b; */
        outline-offset: -7px;
        position: absolute;
        width: 18px;
        height: 18px;
        text-align: center;
        font-weight: 900;
        margin-top: -39px !important;
    }
    
    /*гостевая*/
    
    span.guestdata {
        font-size: 10px;
        background: #9ab8ae;
        display: flex;
        justify-content: space-around;
        /* border-radius: 30px; */
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    .guestbg {
        font-size: 10px;
        background: var(--guestbgg) no-repeat;
        position: relative;
        left: 6px;
        top: 6px;
    }
    
    
    .guestcon {
        font-size: 11px !important;
        padding: 160px 18px 32px 28px;
        width: fit-content;
        display: flex;
        gap: 13px;
        line-height: 17px;
    }
    
    
    .guestconteiner {
        font-size: 10px;
        padding: 0px 0 0 15px;
        width: 291px;
        margin-top: -9px !important;
        margin-left: 12px !important;
    }
    
    .guestface {
        font-size: 11px;
        padding: 2px 7px 1px 7px;
        position: relative;
        top: 15px;
        background: #f1f1f1;
        border: 1px inset #9ab8ae;
        width: fit-content;
        /* left: 187px; */
        border-radius: 5px;
        font-weight: 500;
        color: var(--text);
    }
    
    .guest {
        font-size: 10px;
        width: 690px;
        background: var(--bg-2);
        border-radius: 23px;
        outline: 1px inset var(--scroll-1);
        outline-offset: -7px;
    }
    
    .guesmane {
        font-size: 10px;
        padding: 10px 15px;
        width: 250px;
        border: 1px dotted #417c6a;
        border-radius: 10px;
        overflow-x: auto;
        height: 210px;
        text-transform: lowercase;
        background-color: #f1f1f1;
    }
    
    /*стикерпаки*/
    
    #wrapper {width:455px;}
    /* вкладки доп смайлов */
    ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
    ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
    div.t2,div.t3,div.t4,div.t5{display: none; overflow-y: auto; max-height: 200px; width: 455px;}
    div.t1{overflow-y: auto; max-height: 200px;}
    
     .tabs{height:15px;line-height:21px;margin:0 0px 6px;list-style:none; text-align: center}
    
     .tabs li{float:left;cursor:pointer;}
    
    .tabs li a {
        background: var(--bg-2);
        border: 1px solid var(--scroll-1);
        width: 70px !important;
        text-transform: lowercase;
        color: var(--scroll-bg);
        font-family: var(--mainfont-virus);
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: 1px;
        display: inline-block;
        height: 20px;
        border-radius: 30px;
        margin-left: 3px;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
    }
    
    .tabs li a:hover {
      background: var(--links) !important;
      color: var(--bg-1) !important;}
    
    .tabs li.active a {
        border-radius: 1px;
        text-transform: uppercase;
        background-color:#cacaca !important;
    color: #4f5253;
    }
    
    /*банк*/
    .bankmane {
        text-transform: lowercase;
        padding: 10px 6px 9px;
        background: var(--bg-2);
        border-radius: 15px;
        border: 13px inset var(--bg-1);
        height: 534px;
        outline: 1px inset var(--scroll-1);
        outline-offset: -7px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 471px;
    }
    
    .bankdefault {
        text-transform: lowercase;
        border-bottom: 1px inset var(--scroll-1);
        margin-bottom: 8px !important;
        width: inherit;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    
    span.bank {
        text-transform: lowercase;
        font-size: 10px;
        font-weight: 500;
        line-height: 13px;
    }
    
    /*артефакты*/
    
    .catalog {
        text-transform: lowercase;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px;
        display: flex;
        width: 629px;
        align-items: center;
        gap: 8px;
        border-bottom: 1px inset var(--scroll-1);
    }
    
    .art {
        border-radius: 20px;
        background: var(--bg-1);
        outline: 1px inset var(--scroll-1);
        outline-offset: -7px;
        height: 350px;
        padding: 16px;
        width: 633px;
        margin-left: 12px !important;
        overflow-x: auto;
        border: 10px solid var(--bg-2);
    }
    
    .catalogimg {
        min-width: 50px;
        min-height: 50px;
    }
    
    /*таро*/
    
    .arttaro {
        border-radius: 20px;
        background: var(--bg-2);
        outline: 1px inset var(--scroll-1);
        outline-offset: -7px;
        height: 372px;
        padding: 16px;
        width: 633px;
        margin-left: 12px !important;
        overflow-x: auto;
        border: 10px solid var(--bg-2);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
        text-align: left;
    }
    
    .arttaro span {
        display: block;
        background: var(--scroll-1);
        border-radius: 16px;
        font: 700 10px Raleway;
        text-align: center;
        padding: 3px 0 4px;
        margin: 5px;
        width: inherit;
    }
    
    .catalogcard {
        text-transform: lowercase;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px;
        display: flex;
        gap: 8px;
        border: 1px inset var(--scroll-1);
        width: 191px;
        height: 148px;
        align-items: center;
        padding: 6px 5px;
        border-radius: 10px;
        background: var(--bg-1);
    }
    
    /*плашки в шапке*/
    .plashesvirus {
        display: flex;
        gap: 12px;
        justify-content: right;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    
    .plash {
        width: fit-content;
        padding: 5px 14px 4px 14px;
        background: #000000;
        border-radius: 100px;
        font-weight: 700;
        color: var(--bg-1);
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
        font-size: 8px;
        text-transform: uppercase;
    }
    
    .plash:hover {
        background: var(--scroll-1);
        color: #fff;
    }
    
    .plash2 {
        width: fit-content;
        padding: 5px 14px 4px 14px;
        background: #636363;
        border-radius: 100px;
        font-weight: 700;
        color: var(--bg-1);
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
        font-size: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    .plash2:hover {
        background: var(--scroll-1);
        color: #fff;
    }
    
    .plash3 {
        width: fit-content;
        padding: 5px 14px 4px 14px;
        background: #4b5183;
        border-radius: 100px;
        font-weight: 600;
        color: var(--bg-1);
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
        font-size: 11px;
    }
    
    .plash3:hover {
        background: var(--scroll-1);
        color: #fff;
    }
    
    /*партнеры*/
    .partners {
        position: relative;
        width: 367px;
        height: 68px;
        top: 10px;
        left: 595px;
        overflow-y: auto;
        overflow-x: hidden;;
    }
    
    .partners img {
        filter: grayscale(100%);
        opacity: 0.3;
        transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s !important;
    }
    
    .partners img:hover {
        filter: none;
        opacity: 1;
    }
    
    /*неписи*/
    .nps-main {
        display: flex;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }
    
    
    .nps {
        width: 335px;
        height: 450px;
        outline: 1px inset #81ad97;
        outline-offset: -6px;
        overflow: hidden;
        border-radius: 10px;
        background: #f1f1f1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        font-size: 10px;
        font-weight: 700;
        color: var(--text2);
        text-transform: uppercase;
    }
    
    .npstext {
        width: 290px;
        overflow-y: auto;
        height: 160px;
        font-size: 11px;
        font-weight: 500;
        margin-bottom: 10px !important;
        text-transform: initial !important;
    }
    
    .nps img {
    border-radius: 5px;
    }
    
    /*достижения*/
    .dos-main {
        display: flex;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: center;
    }
    
    
    .dos {
        width: 160px;
        height: 180px;
        outline: 1px inset var(--scroll-1);
        outline-offset: -6px;
        overflow: hidden;
        border-radius: 15px;
        background: var(--bg-2);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        font-size: 10px;
        font-weight: 700;
        color: var(--text2);
        text-transform: uppercase;
    }
    
    .dostext {
        width: 140px;
        overflow-y: auto;
        height: 150px;
        font-size: 10px;
        font-weight: 200;
        margin-bottom: 10px !important;
        text-transform: initial !important;
    }
    
    .nps img {
    border-radius: 15px;
    }
    
    
    /*дейлики*/
    
    .day {
        display: flex;
        gap: 33px;
        border-radius: 20px;
        outline: 1px inset var(--scroll-1);
        outline-offset: -6px;
        overflow: hidden;
        height: 200px;
        width: 637px;
        padding: 24px;
        background: var(--bg-2);
        margin-left: 9px !important;
    }
    
    .calendar {
        border-right: 1px inset var(--scroll-1);
        padding-right: 16px;
        line-height: 25px;
    }
    
    .prizes {
        display: flex;
        flex-direction: column;
    }
    
    /*магазин*/
    
    .icons img {
        max-height: 20px;
    }
    
    
    .store {
        /*display: flex;*/
        gap: 33px;
        border-radius: 20px;
        outline: 1px inset var(--scroll-1);
        outline-offset: -6px;
        overflow: hidden;
        width: 637px;
        padding: 24px;
        background: var(--bg-2);
        margin-left: 9px !important;
        flex-direction: column;
        gap: 15px;
    }
    
    .icons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    
    
    .billets {
        display: flex;
        gap: 7px;
        flex-wrap: wrap;
        justify-content: space-evenly;
        height: 172px;
        overflow: auto;
    }
    
    .cards {
        display: flex;
        gap: 18px;
        flex-wrap: wrap;
        justify-content: center;
        /*height: 164px;*/
        overflow: auto;
    }
    
    .zag {
        text-align: center;
        font-size: 60px;
        font-family: Santa Catarina;
        height: 66px;
        padding-top: 20px;
        margin-bottom: -29px !important;
    }
    
    
    
    /*хроно от душика*/
    @import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
    
    .f_timeline-wrap {
      --tfont: TenorSans; /* шрифт заголовков */
      --tfont2: pt sans; /* шрифт текстовок */
      --border: #df840b; /* öâåò áîðäåðà */
      --tcolor: #df840b; /* öâåò ññûëîê è êðóãëÿøêîâ */
      --tcolor2: #353C39; /* öâåò òåêñòà */
    }
    
    .f_timeline-wrap a {
      color: var(--tcolor) !important;
    }
    
    .f_timeline-wrap a:hover {
      color: var(--tcolor2) !important;
    }
    
    .f_timeline-wrap {
      width: 100%;
      color: #333;
      font-family: var(--tfont);
    }
    
    .f_timeline-year {
      font-weight: 700 !important;
      font-size: 28px !important;
      height: 70px;
      display: flex;
      align-items: center;
      margin: 0px;
      padding: 0;
      position: relative;
    }
    
    .f_timeline-year .f_timeline-mark:before {
      background: transparent;
      content: "";
      width: 15px;
      height: 70px;
      border: none;
      border-radius: 0;
      top: 0;
      bottom: -25px;
      position: absolute;
      border-top: 3px solid var(--border);
      border-bottom: 3px solid var(--border);
      box-sizing: border-box;
    }
    .f_timeline-year .f_timeline-mark:after {
      content: "";
      height: 20px;
      top: 70px;
    }
    
    .f_timeline-year + .f_timeline-item {
      margin-top: 24px
    }
    
    .f_timeline-year:first-child .f_timeline-mark:before {
     border-top: 0px solid var(--border);
    }
    
    .f_timeline-item {
      padding-left: 40px;
      padding-top: 4px;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }
    
    .f_timeline-mark {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 15px;
    }
    
    .f_timeline-mark:before {
      background: var(--tcolor);
      border: 3px solid transparent;
      border-radius: 100%;
      content: "";
      display: block;
      height: 9px;
      position: absolute;
      top: 4px;
      left: 0;
      width: 9px;
    }
    
    .f_timeline-mark:after {
      content: "";
      width: 3px;
      background: var(--border);
      display: block;
      position: absolute;
      top: 26px;
      bottom: 0;
      left: 6px;
    }
    .f_timeline-mark:last-child .f_timeline-mark:after {
      content: none;
    }
    
    .f_timeline-item span {
      display: block;
      font-weight: 700;
      font-size: 12px;
    }
    
    .f_timeline-item a {
      font-weight: 700;
      font-size: 18px;
    }
    
    .f_timeline-item p {
      padding: 0;
      margin: 0;
      font: 500 12px/150% var(--tfont2) !important
      padding-bottom: 30px !important;
      margin-top: 5px!important;
    }
    
    .f_timeline-item.closed .f_timeline-mark:before, .f_timeline-item.closed span, .f_timeline-item.closed a, .f_timeline-item.closed p {
      opacity: .65;
      filter: sepia(100%)
    }
    
    .f_timeline-item:last-child .f_timeline-mark:after {
      content: none;
    }
    

    0

    6

    [html]<center class=""><div class="field">
    <div class="text">
    <div class="menulinks">
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=37#p55">сюжет</a>
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=34#p52">faq</a>
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=32#p49">остров</a>
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=32#p50">вакансии</a>
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=22#p36">розыск</a>
              <a class="menulink " href="https://incident.rusff.me/viewtopic.php?id=31#p48">внешности</a>
            </div>
    <p>Услышав впервые от Малдера "I want to believe", захотел ли и ты поверить вместе с бравым агентом ФБР или презрительно ухмыльнулся, мол "да что ты знаешь, малец, это тебе не единороги, чтобы я верил в их существование". Заглядывая к нам в гости ты сможешь во всеуслышание заявить о своём истинном отношении к НЛО и тем невероятным вещам, которые могут свершиться после его крушения.</p>
    <p> Люди заражаются неизвестными прежде болячками, обретают способности, которые даже не во всех сериалах от CW и SYFY показывали, на полях появляются круги, а в местных заведениях уфологи всех мастей строят свои теории. Рискнёшь ли ты присоединиться к их компании? Спрашивай, интересуйся, придерживай и будь уверен, что скучать здесь не придется, так что не стой на пороге, пока твою любимую внешность не увели у тебя прямо из-под носа.</p><p> В данной теме можно и нужно задавать интересующие вас вопросы, выяснять животрепещущие детали происходящего, а также придерживать для себя, товарищей и врагов всё, что, собственно, только можно придержать.
    </p></div>
    <div class="textm">
    Имена, внешности, персонажи по акциям и заявкам придерживаются на срок в <b>4 дня</b>.
    </div>
    <div class="element1">
    <img src="https://i.imgur.com/64Mmadu.gif">
    </div>

    <div class="vnehi">
    <a href="https://incident.rusff.me/profile.php?id=326">florence pugh</a> до 15.09<br>
    <a href="https://incident.rusff.me/profile.php?id=100 ">sebastian stan</a> до 25.09<br>
    <a href="https://incident.rusff.me/profile.php?id=298">tom hiddleston</a> до 21.09<br>
    <br><center>За АМС</center><br>
    <a href="https://incident.rusff.me/profile.php?id=36">crystal reed</a><br>
    <a href="https://incident.rusff.me/profile.php?id=99">inbar lavi</a><br>
    <a href="https://incident.rusff.me/profile.php?id=99">phoebe tonkin</a><br>
    <br>

    </div>

    <div class="names">

    <br>
    </div>
    <style>
    .field {
        width: 661px;
        box-shadow: 0px 0px 5px #000;
        height: 513px;
        border-radius: 5px;
        background: url(https://i.imgur.com/75pBgzQ.png);
    }
    .about1 {
        position: absolute;
        overflow: auto;
        margin-top: 18px;
        width: 322px;
        height: 30px;
        font-family: 'white tie affair';
        font-size: 16px;
    text-transform: lowercase;
        text-align: center;
        margin-left: 292px;
        font-weight: 700;
        color: #8d451b;
        letter-spacing: .04em;
        text-shadow: 1px 1px 2px black;
    }

    .about2 {
            position: absolute;
        overflow: auto;
        margin-top: 38px;
        width: 334px;
        margin-left: 286px;
        height: 20px;
        font-family: alice;
        font-size: 9px;
        text-align: center;
        font-weight: 500;
        color: #87736b;
    }

    .element1 {
    position: absolute;
        overflow: hidden;
        margin-top: 52px;
        margin-left: 23px;
        width: 224px;
        height: 237px;}

    .element2 {
    position: absolute;
    overflow: hidden;
    margin-top: 89px;
    margin-left: 306px;
    width: 250px;
    height: 124px;}

    .text {
    position: absolute;
        overflow: auto;
        margin-top: 63px;
        width: 330px;
        height: 182px;
        margin-left: 273px;
        text-align: justify;
        padding: 3px 10px 3px 5px;
        text-indent: 12px;
        font-size: 10px;
        font-family: 'Philosopher';
        font-weight: normal;
        color: #565656;
    }
    .menulink {     
        font-size: 10px;
        color: #7a746f !important;
        text-align: center !important;
        text-shadow: 0px 0px #000000;
        line-height: 19px;
        background-color: #1c2830;
        border-radius: 3px;
        padding: 1px 5px;
    }
    a.menulink:hover {
        color: #000000 !important;
        background: #623422;
    }

    .menulinks {    padding: 1px 0px 4px 0px;
        text-align: center;}

    .textm {                  position: absolute;
        overflow: auto !important;
        margin-top: 285px;
        width: 625px;
        height: 40px !important;
        margin-left: 8px;
        /* text-align: justify; */
        text-transform: uppercase;
        text-shadow: 0px 0px 10px #000;
        padding: 3px 0px 2px 5px;
        /* text-indent: 12px; */
        font-family: 'Philosopher';
        font-size: 9px !important;
        font-weight: bold !important;
        font-weight: normal;
        color: #3b414a;
    }

    .vnehi{
    margin-left: 52px;}

    .name {
    margin-left: 325px;}

    .vnehi {
        position: absolute;
        overflow: auto;
        font-family: 'Philosopher';
            margin-top: 355px;
        width: 260px;
        height: 110px;
        font-size: 12px;
        padding: 5px;
        text-transform: lowercase;
        text-align: left;
        font-weight: normal;
        color: #5f5853 !important;}

    .names {
       position: absolute;
    font-family: 'Philosopher';
        overflow: auto;
    font-size: 12px;
            margin-top: 355px;
        width: 260px;
        height: 110px;
        margin-left: 373px;
    text-transform: lowercase;
      text-align: left;
        font-weight: normal;
        color: #5f5853 !important;}
       
    .vnehi a, .names a {
    color: #474d53 !important;
        font-weight: bold;
    }

    .vnehi a:hover, .names a:hover {
    color: #6f3322 !important;
        font-weight: bold;
    }
    </style></div></center>[/html]

    0

    7

    [html]<table style="table-layout:fixed;width:100%"><tbody><tr><td style="width:20%"><p><sub><span style="font-size: 86px"><span style="font-family: Yeseva One"><span style="display: block; text-align: right">”</span></span></span></sub></p></td><td><p><span style="display: block; text-align: right"><strong><span style="font-family: Philosopher"><span style="font-size: 24px">INCIDENT:</span><span style="font-size: 16px"> Julio Island</span></span></strong></span></p><hr><p><span style="font-family: Alice"><strong>Mayday, Mayday, Mayday!</strong> Это пилот вертолёта Х-00-34. В нас только что врезался.. я не знаю, что это было, но оно повредило кабину. Мой двигатель не работает, мы горим, я стараюсь спилотировать в океан..<br> <span style="display:inline-block;margin:0em 2.1em;"></span>&nbsp; <span style="display:inline-block;margin:0em 2.1em;"></span><span style="font-size: 12px"> <strong>О, боже, оно летит прямо в центр острова!</strong></span> </span></p></td></tr></tbody></table>

    <table style="table-layout:fixed;width:100%"><tbody><tr><td style="width:20%"><p><img class="postimg" loading="lazy" src="https://i.imgur.com/wYOBHix.gif" alt="https://i.imgur.com/wYOBHix.gif"></p>
                <p><img class="postimg" loading="lazy" src="https://i.imgur.com/9iL98sl.gif" alt="https://i.imgur.com/9iL98sl.gif"></p>
                <p><img class="postimg" loading="lazy" src="https://i.imgur.com/0vf4fqb.gif" alt="https://i.imgur.com/0vf4fqb.gif"></p></td><td style="width:auto"><p><span style="display:inline-block;margin:0em 2.1em;"></span> Прошло уже три года с тех пор, как сообщение было раскручено по всем местным каналам и даже проскочило в федеральные новости. Жизнь острова Хулио, что относится к архипелагу Сан Хуан, происшествие изменило навсегда. Местная полиция занялась крушением вертолёта в Тихом океане, а приехавшие федералы принялись искать останки неизвестного объекта, свалившегося где-то в лесах Хулио. И, конечно, почти сразу каждый уважающий себя уфолог собрал рюкзачок и двинулся в путь, дабы выяснить, что же за НЛО приземлилось в штате Вашингтон.<br> <span style="display:inline-block;margin:0em 2.1em;"></span> Вскоре объявили, что ничего не было найдено, а пилот не справился с управлением, однако, истинно верующих в то, что мы не одни во вселенной, это никак не переубедило. Тут уж подоспели маркетологи, которые решили распиарить остров, некогда известный лишь любовью праздновать Синко де Майо вдали от южных штатов, доведя место до уровня едва не Зоны 51 или Розуэлла. Помогало этому также то, что федералы обустроили в лесу свою базу, оградив часть территории от непрошенных глаз. И, само собой, то, что не всё, происходившее на острове, поддавалось объяснению науки.<br><span style="display:inline-block;margin:0em 2.1em;"></span> Например, бывший владелец Crashdown Cafe (да, очень тематическое место, где вы можете вкусить зелёный милкшейк с названием "кровь пришельца") отошёл от дел, потому что утверждал, что его похищали для экспериментов неизвестные существа, и они не зелёные, а синие — он даже пытался сменить цвет милкшейку, но родня быстро продала кафе, а мужика запроторила в психушку. И неважно, что в этой психушке какое-то время мужчина поджигал всё вокруг, не имея при себе спичек, потом дёргался в конвульсиях, а потом, и правда, утратил разум. Поговаривают, пришельцы действительно прибыли на остров Хулио, пускай и не планировали, но теперь застряли на нём и боже храни того, кто встанет у них на пути, ведь выбраться те с острова не могут.<br><span style="display:inline-block;margin:0em 2.1em;"></span> Поговаривают вообще много чего. Отныне любая ересь, что случается здесь, объясняется влиянием внепланетных умов. Миссис Ринкл кажется, что её кошка с ней разговаривает, — нет, это не старческий маразм, это инопланетные твари добрались до четырёхлапой. Пара школьников подцепила мононуклеоз — ох, они не неразборчивы в связях, а вирус из галактики Орион был внедрён в тела юнцов. Даже, если вечный дебошир и пьянчуга Шони грабанул разливайку за углом от музея "такого-неизвестного-летающего-объекта", то это его инопланетный чёрт попутал. Что уж говорить о бедных владельцах прибережных складских помещений, им присутствие на острове властей на руку никак не играло. Наркотики сами себя на большую землю не переправят.<br> <span style="display:inline-block;margin:0em 2.1em;"></span>&nbsp; Что из этого правда? Всё и ничего с тем одновременно, но у каждого жителя и гостя острова есть возможность разобраться самому, игнорировать происходящее или оказаться в эпицентре событий. Посему, как говорится, думайте сами, решайте сами — иметь или не иметь дело с островом Хулио.</p></td></tr></tbody></table>[/html]

    0

    8

    [html]<div class="quote-box quote-main"><blockquote><p><span style="display: block; text-align: center"><span style="font-family: Philosopher"><strong><span style="font-size: 14px">ЗАНЯТЫЕ ВНЕШНОСТИ И ИМЕНА</span></strong></span></span></p><hr><p><span style="display: block; text-align: center">За одним персонажем может быть закреплена только одна внешность, одно имя и одна фамилия. Регистрация дублей возможна только с согласия игрока, занимающего позицию. <br>Для быстрого поиска имени/внешности воспользуйтесь комбинацией клавиш <strong>ctrl+f</strong>.</span></p></blockquote></div><div class="htmldemo"><div id="spiritworkroom">
    <div class="spiritsecond">
    <div class="tabsi">
        <input id="tab1" type="radio" name="tabsi" checked="">
        <label for="tab1">Внешности</label>

        <input id="tab2" type="radio" name="tabsi">
        <label for="tab2">Имена и фамилии</label>

        <section id="content-tab1">
            <p>
    </p><table td="" width="100%"><tbody><tr><td width="50%">
    <b>ЖЕНСКИЕ ВНЕШНОСТИ</b>
    </td><td td="" width="50%">
    <b>МУЖСКИЕ ВНЕШНОСТИ</b>
    </td></tr>
    <tr>
    <td>A — B — C</td>
    <td>A — B — C</td>
    </tr><tr><td>
    adria arjona — <a href="https://incident.rusff.me/profile.php?id=296">sol siegel</a><br>
    alexandra breckenridge — <a href="https://incident.rusff.me/profile.php?id=328">olivia capshaw</a><br>
    alexandra daddario — <a href="https://incident.rusff.me/profile.php?id=99">croix wallis</a><br>
    ana de armas — <a href="https://incident.rusff.me/profile.php?id=332">cordelia kelly</a><br>
    cemre baysel — <a href="https://incident.rusff.me/profile.php?id=330">ariel leister</a><br>
    conor leslie — <a href="https://incident.rusff.me/profile.php?id=4">rain harlow</a><br>
    </td><td>
    alexander skarsgard — <a href="https://incident.rusff.me/profile.php?id=306">sully gibson</a><br>
    ben barnes — <a href="https://incident.rusff.me/profile.php?id=244">dante ayrton</a><br>
    bill skarsgard — <a href="https://incident.rusff.me/profile.php?id=283">riven kinkade</a><br>
    boyd holbrook— <a href="https://incident.rusff.me/profile.php?id=284">dominic moreau</a><br>
    chad michael murray — <a href="https://incident.rusff.me/profile.php?id=297">kayce hollister</a><br>
    cody fern — <a href="https://incident.rusff.me/profile.php?id=315">noah hades</a><br>
    colin farrell — <a href="https://incident.rusff.me/profile.php?id=324">raphael lewis</a><br>
    </td></tr><tr>
    <td>D — E — F</td>
    <td>D — E — F</td>
    </tr><tr><td>
    eiza gonzalez — <a href="https://incident.rusff.me/profile.php?id=235">mert tanfell</a><br>
    ellie bamber— <a href="https://incident.rusff.me/profile.php?id=274">linnet maxwell</a><br>
    emilia clarke — <a href="https://incident.rusff.me/profile.php?id=322">wendy lewis</a><br>
    emmy rossum — <a href="https://incident.rusff.me/profile.php?id=36">diana carlile</a><br>
    </td><td>
    ed skrein — <a href="https://incident.rusff.me/profile.php?id=5">ricky ribbs</a><br>
    felix mallard — <a href="https://incident.rusff.me/profile.php?id=177">hawl amell</a><br>
    frank grillo — <a href="https://incident.rusff.me/profile.php?id=189">josh murphy</a><br>
    </td></tr><tr>
    <td>G — H — I</td>
    <td>G — H — I</td>
    </tr><tr><td>
    hande ercel — <a href="https://incident.rusff.me/profile.php?id=316">norah hades</a><br>
    </td><td>
    garrett hedlund — <a href="https://incident.rusff.me/profile.php?id=321">richard hetfield</a><br>
    henry cavill — <a href="https://incident.rusff.me/profile.php?id=213">roan ames</a><br>
    ian somerhalder — <a href="https://incident.rusff.me/profile.php?id=174">george cheyne</a><br>
    </td></tr><tr>
    <td>J — K — L</td>
    <td>J — K — L</td>
    </tr><tr><td>
    jade weber — <a href="https://incident.rusff.me/profile.php?id=329">delia lewis</a><br>
    jenna coleman — <a href="https://incident.rusff.me/profile.php?id=188">patricia malone</a><br>
    jessica alexander — <a href="https://incident.rusff.me/profile.php?id=232">bonnie flawsome</a><br>
    kristine froseth — <a href="https://incident.rusff.me/profile.php?id=289">jersey myers</a><br>
    </td><td>
    jacob elordi — <a href="https://incident.rusff.me/profile.php?id=319">evan lacks</a><br>
    jake gyllenhaal — <a href="https://incident.rusff.me/profile.php?id=320">constantin lacks</a><br>
    jensen ackles — <a href="https://incident.rusff.me/profile.php?id=327">phil heart</a><br>
    joe keery — <a href="https://incident.rusff.me/profile.php?id=208">jonny darco</a><br>
    jon bernthal — <a href="https://incident.rusff.me/profile.php?id=226">travis zayne</a><br>
    louis hofmann — <a href="https://incident.rusff.me/profile.php?id=275">neal reyes</a><br>
    </td></tr><tr>
    <td>M — N — O</td>
    <td>M — N — O</td>
    </tr><tr><td>
    maya hawke — <a href="https://incident.rusff.me/profile.php?id=132">cornelia dixon</a><br>
    madelaine petsch — <a href="https://incident.rusff.me/profile.php?id=243">ivy ayrton</a><br>
    madchen amick — <a href="https://incident.rusff.me/profile.php?id=326">rogue marshall</a><br>
    margot robbie — <a href="https://incident.rusff.me/profile.php?id=245">aerika earhart</a><br>
    melisa aslı pamuk — <a href="https://incident.rusff.me/profile.php?id=214">ophelia kingsley</a><br>
    melissa barrera — <a href="https://incident.rusff.me/profile.php?id=216">blake corwin</a><br>
    mia kirshner — <a href="https://incident.rusff.me/profile.php?id=221">merle teufel</a><br>
    minka kelly — <a href="https://incident.rusff.me/profile.php?id=294">oaklynn carter</a><br>
    nicole kidman — <a href="https://incident.rusff.me/profile.php?id=220">dagmar teufel</a><br>
    odette annable — <a href="https://incident.rusff.me/profile.php?id=65">samantha greymark</a><br>
    </td><td>
    manny montana — <a href="https://incident.rusff.me/profile.php?id=287">mateo morales</a><br>
    </td></tr>
    <tr><td>P — Q — R</td>
    <td>P — Q — R</td>
    </tr><tr><td>
    priscilla quintana — <a href="https://incident.rusff.me/profile.php?id=227">inez yoshida</a><br>
    </td><td>
    pedro pascal — <a href="https://incident.rusff.me/profile.php?id=304">jeffrey ashford</a><br>
    phoenix raei — <a href="https://incident.rusff.me/profile.php?id=88">amir javadi</a><br>
    ryan gosling — <a href="https://incident.rusff.me/profile.php?id=323">william hetfield</a><br>
    richard madden — <a href="https://incident.rusff.me/profile.php?id=100">cameron kingsley</a><br>
    </td></tr>
    <tr><td>S — T — U</td>
    <td>S — T — U</td>
    </tr><tr><td>
    sadie sink — <a href="https://incident.rusff.me/profile.php?id=310">eileen more</a><br>
    scarlett johansson — <a href="https://incident.rusff.me/profile.php?id=286">martha corder</a><br>
    </td><td>
    sergey goroshko — <a href="https://incident.rusff.me/profile.php?id=298">luke oginski</a><br>
    sterling k.brown — <a href="https://incident.rusff.me/profile.php?id=299">marcus ingram </a><br>
    tom holland — <a href="https://incident.rusff.me/profile.php?id=318">martin marsh</a><br>
    tom pelphrey — <a href="https://incident.rusff.me/profile.php?id=8">zach taylor</a><br>
    </td></tr>
    <tr><td>V — W — X</td>
    <td>V — W — X</td>
    </tr><tr><td>

    </td><td>

    </td></tr>
    <tr><td>Y — Z</td>
    <td>Y — Z</td>
    </tr><tr><td>

    </td><td>
    name surname — <a href="https://incident.rusff.me/">name surname</a><br>
    name surname — <a href="https://incident.rusff.me/">name surname</a><br>
    </td></tr>
    </tbody></table>
            <p></p>
        </section> 
        <section id="content-tab2">
            <p>
    </p><table td="" width="100%"><tbody><tr><td width="50%">
    <b>NAME</b>
    </td><td td="" width="50%">
    <b>SURNAME</b>
    </td></tr>
    <tr>
    <td>A — B — C</td>
    <td>A — B — C</td>
    </tr><tr><td>
    abigail [f] — <a href="https://incident.rusff.me/profile.php?id=316">эбигейл</a><br>
    aerika [f] — <a href="https://incident.rusff.me/profile.php?id=245">эрика</a><br>
    alice [f] — <a href="https://incident.rusff.me/profile.php?id=172">элис</a><br>
    amir [m] — <a href="https://incident.rusff.me/profile.php?id=88">амир</a><br>
    ariel [f] — <a href="https://incident.rusff.me/profile.php?id=330">ariel leister</a><br>
    blake [f] — <a href="https://incident.rusff.me/profile.php?id=216">блэйк</a><br>
    bonnie [f] — <a href="https://incident.rusff.me/profile.php?id=232">бонни</a><br>
    cameron [m] — <a href="https://incident.rusff.me/profile.php?id=100">кэмерон</a><br>
    constantin [m] — <a href="https://incident.rusff.me/profile.php?id=320">константин</a><br>
    cordelia [f] — <a href="https://incident.rusff.me/profile.php?id=332">cordelia kelly</a><br>
    cornelia [f] — <a href="https://incident.rusff.me/profile.php?id=132">корнелия</a><br>
    croix [f] — <a href="https://incident.rusff.me/profile.php?id=99">крой</a><br>
    </td><td>
    amell — <a href="https://incident.rusff.me/profile.php?id=177">амелл</a><br>
    ames — <a href="https://incident.rusff.me/profile.php?id=213">эймс</a><br>
    ashford — <a href="https://incident.rusff.me/profile.php?id=304">эшфорд</a><br>
    ayrton — <a href="https://incident.rusff.me/profile.php?id=244">эртон</a><br>
    capshaw — <a href="https://incident.rusff.me/profile.php?id=328">кэпшоу</a><br>
    carlile — <a href="https://incident.rusff.me/profile.php?id=218">карлайл</a><br>
    carter — <a href="https://incident.rusff.me/profile.php?id=294">картер</a><br>
    cheyne — <a href="ссылка на профиль">чейни</a><br>
    corder — <a href="https://incident.rusff.me/profile.php?id=286">кордер</a><br>
    corwin — <a href="https://incident.rusff.me/profile.php?id=216">корвин</a><br>
    </td></tr><tr>
    <td>D — E — F</td>
    <td>D — E — F</td>
    </tr><tr><td>
    dagmar [f] — <a href="https://incident.rusff.me/profile.php?id=220">дагмар</a><br>
    dante [m] — <a href="https://incident.rusff.me/profile.php?id=244">данте</a><br>
    delia [f] — <a href="https://incident.rusff.me/profile.php?id=329">делия</a><br>
    diana [f] — <a href="https://incident.rusff.me/profile.php?id=218">диана</a><br>
    dominic [m] — <a href="https://incident.rusff.me/profile.php?id=284">доминик</a><br>
    eileen [f] — <a href="https://incident.rusff.me/profile.php?id=310">эйлин</a><br>
    evan [m] — <a href="https://incident.rusff.me/profile.php?id=319"></a>эван<br>
    </td><td>
    darco — <a href="https://incident.rusff.me/profile.php?id=208">дарко</a><br>
    dixon — <a href="https://incident.rusff.me/profile.php?id=132">диксон</a><br>
    earhart — <a href="https://incident.rusff.me/profile.php?id=245">эрхарт</a><br>
    flawsome — <a href="https://incident.rusff.me/profile.php?id=105">флосом</a><br>
    </td></tr><tr>
    <td>G — H — I</td>
    <td>G — H — I</td>
    </tr><tr><td>
    george [m] — <a href="https://incident.rusff.me/profile.php?id=174">джордж</a><br>
    greymark — <a href="https://incident.rusff.me/profile.php?id=65">greymark</a><br>
    hawk [m] — <a href="https://incident.rusff.me/profile.php?id=177">хоук</a><br>
    hetfield — <a href="https://incident.rusff.me/profile.php?id=323">хэтфилд</a><br>
    inez [f] — <a href="https://incident.rusff.me/profile.php?id=227">инес</a><br>
    ivy [f] — <a href="https://incident.rusff.me/profile.php?id=243">айви</a><br>
    </td><td>
    gibson — <a href="https://incident.rusff.me/profile.php?id=306">гибсон</a><br>
    hades — <a href="https://incident.rusff.me/profile.php?id=315">хейдс</a><br>
    harlow — <a href="https://incident.rusff.me/profile.php?id=4">харлоу</a><br>
    heart — <a href="https://incident.rusff.me/profile.php?id=327">харт</a><br>
    hollister — <a href="https://incident.rusff.me/profile.php?id=297">холлистер</a><br>
    ingram — <a href="https://incident.rusff.me/profile.php?id=299">ингрэм</a><br>
    </td></tr><tr>
    <td>J — K — L</td>
    <td>J — K — L</td>
    </tr><tr><td>
    james [m] — <a href="https://incident.rusff.me/profile.php?id=48">джеймс</a><br>
    jeffrey [m] — <a href="https://incident.rusff.me/profile.php?id=304">джеффри</a><br>
    jersey [f] — <a href="https://incident.rusff.me/profile.php?id=289">джерси</a><br>
    jonny [m] — <a href="https://incident.rusff.me/profile.php?id=208">джонни</a><br>
    josh [m] — <a href="https://incident.rusff.me/profile.php?id=189"> джош</a><br>
    kate [f] — <a href="https://incident.rusff.me/profile.php?id=16">кейт</a><br>
    kayce [m] — <a href="https://incident.rusff.me/profile.php?id=297">кейс</a><br>
    linnet  [f] — <a href="https://incident.rusff.me/profile.php?id=274">линнет</a><br>
    lilian [f] — <a href="https://incident.rusff.me/profile.php?id=36">лилиан</a><br>
    luka [m] — <a href="https://incident.rusff.me/profile.php?id=298">лука</a><br>

    </td><td>
    jackson — <a href="https://incident.rusff.me/profile.php?id=151">джексон</a><br>
    javadi — <a href="https://incident.rusff.me/profile.php?id=88">джавади</a><br>
    kelly — <a href="https://incident.rusff.me/profile.php?id=332">cordelia kelly</a><br>
    kingsley — <a href="https://incident.rusff.me/profile.php?id=100">кингсли</a><br>
    kinkade — <a href="https://incident.rusff.me/profile.php?id=283">кинкейд</a><br>
    lacks — <a href="https://incident.rusff.me/profile.php?id=319"></a>лакс<br>
    leister — <a href="https://incident.rusff.me/profile.php?id=330">ariel leister</a><br>
    lewis — <a href="https://incident.rusff.me/profile.php?id=322">льюис</a><br>
    <br>
    </td></tr><tr>
    <td>M — N — O</td>
    <td>M — N — O</td>
    </tr><tr><td>
    marcus [m] — <a href="https://incident.rusff.me/profile.php?id=299">маркус</a><br>
    martha [f] — <a href="https://incident.rusff.me/profile.php?id=286">марта</a><br>
    martin [m] — <a href="https://incident.rusff.me/profile.php?id=318">мартин</a><br>
    mateo [m] — <a href="https://incident.rusff.me/profile.php?id=287">матео</a><br>
    merle [f] — <a href="https://incident.rusff.me/profile.php?id=221">мерл</a><br>
    mert [f] — <a href="https://incident.rusff.me/profile.php?id=235">мерт</a><br>
    neal [m] — <a href="https://incident.rusff.me/profile.php?id=275">нил</a><br>
    noah [m] — <a href="https://incident.rusff.me/profile.php?id=315">ноэ</a><br>
    norah [m] — <a href="https://incident.rusff.me/profile.php?id=316">нора</a><br>
    oaklynn [f] — <a href="https://incident.rusff.me/profile.php?id=294">оклин</a><br>
    olivia [f] — <a href="https://incident.rusff.me/profile.php?id=328">оливия</a><br>
    ophelia [f] — <a href="https://incident.rusff.me/profile.php?id=214">офелия</a><br>
    </td><td>
    malone — <a href="https://incident.rusff.me/profile.php?id=188">малоун</a><br>
    marsh — <a href="https://incident.rusff.me/profile.php?id=318">марш</a><br>
    marshall — <a href="https://incident.rusff.me/profile.php?id=326">маршалл</a><br>
    maxwell — <a href="https://incident.rusff.me/profile.php?id=274">максвелл</a><br>
    morales — <a href="https://incident.rusff.me/profile.php?id=287">моралес</a><br>
    moreau — <a href="https://incident.rusff.me/profile.php?id=284">моро</a><br>
    more — <a href="https://incident.rusff.me/profile.php?id=310">мор</a><br>
    murphy <a href="https://incident.rusff.me/profile.php?id=189"> мёрфи</a><br>
    myers — <a href="https://incident.rusff.me/profile.php?id=289">майерс</a><br>
    oginski — <a href="https://incident.rusff.me/profile.php?id=298">огинский</a><br>
    </td></tr>
    <tr><td>P — Q — R</td>
    <td>P — Q — R</td>
    </tr><tr><td>
    patricia [f] — <a href="https://incident.rusff.me/profile.php?id=188">патриша</a><br>
    phil [m] — <a href="https://incident.rusff.me/profile.php?id=327">фил</a><br>
    philip [m] — <a href="https://incident.rusff.me/profile.php?id=327">фил</a><br>
    rain [f] — <a href="https://incident.rusff.me/profile.php?id=4">рейн</a><br>
    raphael [m] — <a href="https://incident.rusff.me/profile.php?id=324">рафаэль</a><br>
    richard [m] — <a href="https://incident.rusff.me/profile.php?id=321">ричард</a><br>
    ricky [m] — <a href="https://incident.rusff.me/profile.php?id=5">рикки</a><br>
    riven [m] — <a href="https://incident.rusff.me/profile.php?id=283">ривен</a><br>
    roan [m] — <a href="https://incident.rusff.me/profile.php?id=213">роан</a><br>
    rogue [f] — <a href="https://incident.rusff.me/profile.php?id=326">роуг</a><br>
    </td><td>
    reyes — <a href="https://incident.rusff.me/profile.php?id=275">рэйс</a><br>
    ribbs — <a href="https://incident.rusff.me/profile.php?id=5">риббс</a><br>
    </td></tr>
    <tr><td>S — T — U</td>
    <td>S — T — U</td>
    </tr><tr><td>
    samantha [f] — <a href="https://incident.rusff.me/profile.php?id=65">samantha</a><br>
    sol [f] — <a href="https://incident.rusff.me/profile.php?id=296">сол</a><br>
    sully [m] — <a href="https://incident.rusff.me/profile.php?id=306">салли</a><br>
    travis [m] — <a href="https://incident.rusff.me/profile.php?id=226">тревис</a><br>
    </td><td>
    siegel — <a href="https://incident.rusff.me/profile.php?id=296">сигел</a><br>
    tanfell — <a href="https://incident.rusff.me/profile.php?id=235">танфелл</a><br>
    taylor — <a href="https://incident.rusff.me/profile.php?id=8">тэйлор</a><br>
    teufel — <a href="https://incident.rusff.me/profile.php?id=221">тойфель</a><br>
    </td></tr>
    <tr><td>V — W — X</td>
    <td>V — W — X</td>
    </tr><tr><td>
    wendy [f] — <a href="https://incident.rusff.me/profile.php?id=322">венди</a><br>
    william [m] — <a href="https://incident.rusff.me/profile.php?id=323">уильям</a><br>
    </td><td>
    wallis — <a href="https://incident.rusff.me/profile.php?id=99">уоллис</a><br>
    </td></tr>
    <tr><td>Y — Z</td>
    <td>Y — Z</td>
    </tr><tr><td>
    zachary «zach» [m] — <a href="https://incident.rusff.me/profile.php?id=8">закари «зак»</a><br>
    </td><td>
    yoshida — <a href="https://incident.rusff.me/profile.php?id=227">йошида</a><br>
    zayne — <a href="https://incident.rusff.me/profile.php?id=226">зейн</a><br>
    </td></tr>
    </tbody></table>

            <p></p>
        </section>
    </div>
      </div>
    </div>
    <div class="clearer"></div>
    <style>/* код от вещего духа */
    @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
    @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

    #spiritworkroom {width: 640px;
    height: 700px;
    margin:auto;}

    .spiritfirst {float: left;
      margin: 10px;
    width: 190px;
    height: 490px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    border: 5px solid #fefefe}

    .spiritfirstpic {margin:auto;
    width: 190px;
    height: 490px;}

    .spiritfirsttitle {font-family: playfair display;
    font-weight: 900;
    width: 190px;
    color: #dfdfdf;
    text-shadow: 1px 1px 0px #000;
    font-size: 18px;
    height: 73px;
    margin: -80px 0 0 0px;
    z-index: 10;
    position: relative;
    padding-left: 10px;
    background: rgba(0,0,0,.65);
    transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}

    .spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
      font-family: pt sans;
    font-weight: normal;
    color: #cecece;
    text-shadow: 1px 1px 0px #333;
    font-size: 9px;
    display: block;
    text-align: right;
    letter-spacing: 1px;
    margin-top:4px;
    margin-right: 20px}

    .spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
    margin-left: -10px}

    .spiritfirsttext {
    z-index:8;
    position: relative;
    background: rgba(0,0,0,.65);
    width: 190px;
    margin: 0px 0 0 0px;
    font-family: pt sans;
    font-size: 10px;
    text-align: justify;
    padding: 1px 0px;
      color: #efefef;}

    .spiritfirsttext about {margin: 10px 15px;
    display: block;
    box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
    padding-top:10px}
    .spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: -100px;
    margin-left: 0px}
    .spiritfirsttext subtitle {
      text-align: center;
      display: block;
      width: 190px;
      font-size: 9px;
      font-family: pt sans;
      color: #999;
      opacity: 0;
      transform: translate(0,400px);
      transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
    }

    .spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
    }
    .spiritfirst:hover subtitle {opacity:1;
      transform: translate(0,0px)}

    .spiritsecond {
           background: url(https://forumstatic.ru/files/0014/e8/8c/29009.jpg);
        width: 645px;
        margin: 0px;
        height: 680px;
        border-radius: 20px;
        box-shadow: 0px 1px 5px 1px;
        border: solid 1px #696565;
        margin-top: 9px;
        position: absolute;
    }

    .tabsi {
    padding: 0px;
    margin: 0 auto;
    }

    .tabsi>section {
    display: none;
        padding: 15px 15px 15px 60px;
        height: 570px;
        overflow-y: auto;
        margin-right: 3px;
        color: #646464;
        font-family: 'Philosopher';
        font-size: 12px;
        text-align: left;
    }
    .tabsi>section>p {
    margin: 0 0 5px;
    line-height: 1.5;
    color: #383838;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    }

    @keyframes fadeIn {
    from {
        transform: translate(-400px,0);
        transform-origin: 50% 0%;
    }
    to {
        transform: translate(0px,0);
    }
    }

    .tabsi>input {
    display: none;
    position: absolute;
    }

    .tabsi>label:first-of-type {box-shadow: none}

    .tabsi>label {
          display: inline-grid;
        margin: 0 -3px 0px;
        padding: 17px 0px;
        font-weight: 600;
        text-align: center;
        color: #616971;
        border-bottom: solid 1px #3c2d2d;
        width: 320px;
        left: 6px;
        top: 0px;
        position: relative;
        cursor: pointer;
        font-family: philosopher;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: lighter;
        box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset;
    }
    .tabsi>label:after {content: "";
    display: block;
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

    .tabsi>label:hover:after {transform: scaleX(1);}
    .tabsi>label:hover {
    color:  #1f4062;
    cursor: pointer;
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
    }

    .tabsi>input:checked+label {
        color: #b85116;
    }
    .tabsi>input:checked+label:after {content: "";
    display: block;
    position:absolute;
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

    #tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
    display: block;
    }
    #tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
    display: block;
    }</style></div>
                </div>[/html]

    0

    9

    sentry
    horror
    mysticism
    fantasy
    fantasy
    real

    0

    10

    гиф элементы в шапке

    цвета

    Код:
    .rain{
    display: block;
        position: absolute;
        opacity: 1;
        margin-top: 38px !important;
        margin-left: 511px !important;
    }
    .rain2{
    display: block;
        position: absolute;
        opacity: 1;
        margin-top: 9px !important;
        margin-left: 234px !important;
    }

    HTML верх

    Код:
    <!-- тарелка-->
    <div class="rain">
    <img src="https://i.imgur.com/PVMH4qG.gif">
    </div>
    
    <!-- дождь -->
    <div class="rain2">
    <img src="https://i.imgur.com/w4iUYRv.gif">
    </div>

    0

    11

    плашка если она нужна

    Код:
    <div class="plashlz"><img src="https://i.imgur.com/Ly3dgEw.png"><upper>You are not alone</upper><lower>You will survive</lower></div>

    0

    12

    кнопки вверх-вниз
    HTML низ

    Код:
    <!--кнопки вверх вниз-->
    <div class="go-up" id='ToTop'><img src="https://i.imgur.com/5VztOOe.png" border="0" /></div>
    <div class="go-down" id='OnBottom'><img src="https://i.imgur.com/Bi4tr1G.png" border="0" /></div>
    <style>
    .go-up,.go-down {
    display:none;
    position:fixed; /*позиционируем*/
    margin-left: 985px !important;
    z-index:9999; /*показываем поверх все элементов на странице*/
    cursor:pointer;
    opacity:1; /*прозрачность*/
    margin-bottom: 90px; /*отступ снизу (можно не указывать)*/
    width:121px; /*ширина кнопки*/
    height:60px; /*высота кнопки*/
    }
    .go-up {
    bottom:35%; /*положение от низа окна браузера верхняя кнопка*/
    }
    .go-down {
    bottom:27%; /*положение от низа окна браузера нижняя кнопка кнопка*/
    }
    .go-down:hover,.go-up:hover {
    opacity:1;
    }
    </style>
    <!--кнопки вверх вниз-->
    <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>

    0


    Вы здесь » archives » incident: julio island » дизайн


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