Здесь делается вжух 🪄

терпсихора сидела на холодной, отполированной деревянной скамье в мужской раздевалке, не отрывая взгляда от образчиков мужской красоты, не скрытых от неё тряпками, которые принято носить в обществе для соблюдения приличий. здесь, в полумраке, смешанном с запахом хлорки и пота, от её ненасытных глаз ничто не могло ускользнуть. а вот она оставалась невидимой. в этом была её проклятая привилегия и её вечная боль. вот уже два десятка лет она не общалась с людьми глаза в глаза, не чувствовала тепла чужой руки, не слышала своего имени, произнесенного вслух. её не видели. она словно была отделена от мира стеклом. читать дальше

Sound Of The Machine

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

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


Вы здесь » Sound Of The Machine » the angel of the odd: » битвин дизайн осенний


битвин дизайн осенний

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

1

Код:
<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/***************************
        Настройки!
***************************/
FORUM._NUMpa_fld = 6;    // Номер.Доп.поля,
FORUM._color_fld = "inherit";	// Цвет шрифта,
FORUM.includeFirstPost = 0;	// 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 1;    //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[4]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)

f8	:-[0],  //the purloined letter:
f9	:-[0],  //the oblong box:
f7	:-[0],  //ms. found in a bottle:
f17	:-[0]	//архив эпизодов (не доигранные) //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:2px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld6 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->


<! -- скрипт навигации выпадающим окном [основа скрипт вкладок https://imagiart.ru/, переработка вещего духа] --> 
<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton" title="навигация">navigation</div>
<div id="navigblock" style="display:none"><div class="sslka">
<!-- важные ссылки -->
<a href="https://btwn.rusff.me/viewtopic.php?id=812#p130765">ГОСТЕВАЯ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=6">ФАК</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=5">СПИСКИ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=10">НУЖНЫЕ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=11">ШАБЛОН АНКЕТЫ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=8">ХОТИМ ВИДЕТЬ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=9">ХОЧУ К ВАМ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=20">ВОПРОСЫ К АДМИНИСТРАЦИИ</a> 
<a href="https://btwn.rusff.me/viewtopic.php?id=14">ОФОРМЛЕНИЕ ПРОФИЛЯ</a>
<a href="https://btwn.rusff.me/viewtopic.php?id=13">БАНК</a>
</div></div>


<!-- Всплывающее окно с информацией ч.1 © sadhaka -->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<!-------------------- личная страница ---------------------------------->
<div id="character" class="reveal-modal xlarge main container">
<div class='modal_wrap'></div>
</div>
<!-- фиксированное окно, плавный выезд, доработано Vandra --> 
<script type="text/javascript">
$(document).ready(function () {
    $(".modal-link").click(function (e) {
        e.preventDefault();
        var modId = $(this).attr('id');
        let modal = $("#character");
        modal.css({
            "top": "-100vh",
            "visibility": "hidden",
            "transition": "none"
        }).removeClass("open");
                $('.modal_wrap').empty(); 
        $.get('pages/' + modId, function (data) {
            $('.modal_wrap').html($(data).find('.character').html());
            $('.pp-profile > a').after('<a class="edit-page" href="/admin_pages.php?edit_page='+modId+'" title="Редактировать страницу"></a>');
            requestAnimationFrame(() => {
                modal.css({
                    "visibility": "visible",
                    "transition": "top 0.3s ease"
                });
                requestAnimationFrame(() => {
                    modal.addClass("open");
                });
            });
        });
    });
    $(document).on("click", ".close-reveal-modal", function () {
        let modal = $("#character");
        modal.css("top", "-100vh");
        setTimeout(() => {
            modal.removeClass("open").css({ 
                "visibility": "hidden", 
                "transition": "none" 
            });
        }, 400);
    });
});
</script>

<!--// БЫСТРОПЛЮСЫ v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>



<!--КНОПКИ ВВЕРХ ВНИЗ-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/73/d1/74509.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/73/d1/12272.png" border="0" /></div>



<!-- УБИРАЕТ ЗАЯВКИ НА РОЛЬ -->
<style>#pun-ulinks #Rz{display:none}</style>


<!-- НАЧАЛО. скрытие подфорума -->
<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f9{display:none}</style>")
</script>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f19{display:none}</style>")
</script>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f17{display:none}</style>")
</script>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f16{display:none}</style>")
</script>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f20{display:none}</style>")
</script>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f26{display:none}</style>")
</script>

<!-- КОНЕЦ. скрытие подфорума -->


<!-- Пиар-вход v.2 -->
    <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
    <script type="text/javascript">
    PR.nick = 'The owl ghost'; //Ник PR-аккаунта
    PR.pass = '1111'; //Пароль PR-аккаунта
    PR.btn_text = 'adv.'; //Надпись на кнопке PR-входа(или ссылка на картинку);
    PR.set();</script>

<!---------------------------- Быстрая смена аккаунта  ---------------------------->
<script type="text/javascript">
  New_EXiT = 'https://forumstatic.ru/files/001c/51/c9/98994.png'; //Дополнительная Иконка выход;
</script>
<script data="367825"  src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>


<!------------------------- Мгновенные уведомления © Alex_63, Deff 2019 ------------------------>
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
/*.pun-modal.unread-notifications .modal-inner.section {background: rgba(228, 228, 228, 0.92)!important;*/}
</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019-->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [4,18]}); // ID важных тем (через запятую)
</script>

<!-- УБРАТЬ ГРАНИЦЫ ТАБЛ -->
<style type="text/css">
.post-content td {
border:none transparent !important;
}
</style>


<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!— конец —>


<!-- УБРАТЬ НАЗВАНИЕ ФОРУМА -->
<style type="text/css">
#pun-title h1 span {display: none;}
</style>


<!--ВЫДЕЛИТЬ КОД. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = '<img src="https://forumstatic.ru/files/001b/73/d1/72169.png"> выделить и скопировать' //текст ссылки</script>
<!-- конец -->


<!---------------------------- БЫСТРЫЙ ПЕРЕНОС СОО РЕГУЛИРОВКА ФОНА -------------------------->
<style type="text/css">
.punbb .pun-modal .section h2,
.punbb .pun-modal .section h1 {
    background: #000000!important;
    border: solid 1px #1e1e1e!important;
    box-shadow: inset 0px 0px 0px 0px #9d9d9d;
    font-size: 12px!important;
    line-height: 20px!important;
    font-family: 'Rubik'!important;
    text-transform: uppercase;
    font-weight: 400;
    color: #e8e8e8 !important;
    letter-spacing: 0.3px;
    background-color: #000000 !important;
}
.punbb .pun-modal .section .container { background:#e0e0e0!important;  box-shadow:inset 0px 0px 0px 0px #ffffff; }
.Select_Topics tbody tr:nth-child(2n) td{  background: #e0e0e0; }
</style>


<!-- КАТЕГОРИИ -->
<script type="text/javascript">
$(document).ready(function(){
myarray=new Array(
"01", "https://forumstatic.ru/files/001b/73/d1/40908.png",
"02", "https://forumstatic.ru/files/001b/73/d1/22660.png",
"03", "https://forumstatic.ru/files/001b/73/d1/85429.png",
"04", "https://forumstatic.ru/files/001b/73/d1/26929.png",
"05", "https://forumstatic.ru/files/001b/73/d1/84999.png",
"06", "https://forumstatic.ru/files/001b/73/d1/91375.png"
//Последний элемент без запятой!  
)
       $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"55px",
   "width":"1050px",
   "background-color": "transparent",
   "margin-bottom": "15px",
   "margin-left": "-25px",
   "margin-top": "-5px",
   "background-image":"url("+myarray[q+1]+")",
   "background-repeat":"no-repeat"       //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>
<!-- Конец -->





<!-- СМЕНА АВАТАРА ПРЯМО В ТЕМЕ © Deff, Alex_63 -->
<script>var NoChangeAvatar = ["PR"]; /* Имя Ника для Пиар Аккаунта(дабы не менял)*/;</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0014/cc/0a/82168.js"></script>
<style type="text/css">
.pun-modal.change_avatar_theme .modal-inner {
    background: #cecdcd;
    width: 702px;
max-height: 300px!important;
    max-width: 701px!important;
    padding: 0;
    border-radius: 0;
    border: none!important;
    overflow: hidden;
    box-shadow: none;
}

.pun-modal.change_avatar_theme .modal-inner h2 {
    padding-top: 8px!important;
    padding-bottom: 3px!important;
    border-radius: 0!important;
    margin: 0!important;
    }
#pun-main > div.pun-modal.change_avatar_theme > div.modal-inner.section > div {
    border: 1px solid black;
    border-top: none;
}

.punbb .pun-modal.change_avatar_theme .modal-inner h2>span {
    margin-top: -4px!important;
}</style>



<style>.pa-online{display:none!important;}</style>
<style>.pa-last-visit{display:none!important;}</style>

<!-- Скрытие профиля в теме тегом © Alex_63 -->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website{display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-links ul,.post.hideprofile h3>span{margin-left:0!important}</style>
<script>
FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
$().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>


<!-- ОТКЛЮЧЕНИЕ РЕАКЦИЙ -->
<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>
<!-- ОТКЛЮЧЕНИЕ РЕАКЦИЙ -->


<!---------------------------- переключатель ---------------------------->
<ul id="stylelist"></ul>

<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [{
    class: 'standart',
    name: 'standart'
}, 
 {
    class: 'dark',
    name: 'dark'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script> <!-- Смена стиля - END -->

<!--АКТИВИСТЫ-->
<div class="activeweek"><a href="https://btwn.rusff.me/profile.php?id=42" title="агата"><img src="https://upforme.ru/uploads/0016/e6/98/2/244472.png"></a> <a href="https://btwn.rusff.me/profile.php?id=159" title="эстель"><img src="https://upforme.ru/uploads/0016/e6/98/2/186977.png"></a> <a href="https://btwn.rusff.me/profile.php?id=234" title="оуэн"><img src="https://upforme.ru/uploads/0016/e6/98/2/960294.png"></a> <a href="https://btwn.rusff.me/profile.php?id=307" title="ильмо"><img src="https://upforme.ru/uploads/0016/e6/98/2/392954.png"></a> <a href="https://btwn.rusff.me/profile.php?id=407" title="лилит"><img src="https://upforme.ru/uploads/0016/e6/98/2/951441.png"></a></div>
<!--АКТИВИСТЫ-->

<!--ПАРА-->
<div class="coupleweek"><a href="https://btwn.rusff.me/profile.php?id=398" title="барбатос"><img src="https://upforme.ru/uploads/0016/e6/98/2/445267.png"></a> <a href="https://btwn.rusff.me/profile.php?id=399" title="эвелай"><img src="https://upforme.ru/uploads/0016/e6/98/2/87133.png"></a></div>
<!--ПАРА-->

<!--ПОСТ-->
<div class="post-week">терпсихора сидела на холодной, отполированной деревянной скамье в мужской раздевалке, не отрывая взгляда от образчиков мужской красоты, не скрытых от неё тряпками, которые принято носить в обществе для соблюдения приличий. здесь, в полумраке, смешанном с запахом хлорки и пота, от её ненасытных глаз ничто не могло ускользнуть.
а вот она оставалась невидимой.
в этом была её проклятая привилегия и её вечная боль. вот уже два десятка лет она не общалась с людьми глаза в глаза, не чувствовала тепла чужой руки, не слышала своего имени, произнесенного вслух. её не видели. она словно была отделена от мира стеклом. <a href="https://btwn.rusff.me/viewtopic.php?id=971#p160088">читать дальше</a></div>
<!--ПОСТ-->

<!--ЭПИЗОД-->
<div class="episode-week">Li Wei & Shan Lanfen — <a href="https://btwn.rusff.me/viewtopic.php?id=789">Я стану твоим проклятием</a></div>
<!--ЭПИЗОД-->

<!-- НОВОСТНЫЕ ПЛАШКИ -->

<div class="news-buttons">

 <a href="https://btwn.rusff.me/viewtopic.php?id=988" class="news-button active">
    <span class="date">до 29.12</span>
    <div class="text-block">
      <span class="title">тайный санта</span>
      <span class="subtitle">ждем подарки</span>
    </div>
  </a>

 <a href="https://btwn.rusff.me/viewtopic.php?id=980#p160380" class="news-button active">
    <span class="date">до 14.12</span>
    <div class="text-block">
      <span class="title">пазломания #5</span>
      <span class="subtitle">чародейки: мы едины</span>
    </div>
  </a>

  <a href="https://btwn.rusff.me/viewtopic.php?id=14#p17" class="news-button active">
    <span class="date">до 01.03</span>
    <div class="text-block">
      <span class="title">сезонное оформление</span>
      <span class="subtitle">лимитированные комплекты</span>
    </div>
  </a>

0

2

Код:
<!-- Быстрое редактирование постов © Alex_63 // V.3 -->
<script>
var YesForumEdit=[ 2,3,4,6,7,8,10,11,12,14,21,24,25  ]; //Форумы с редактированием
if(YesForumEdit.indexOf(+FORUM.topic.forum_id)!=-1)
document.write('<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"><'+'/'+'script>');
</script>


<!-- Индикатор активности пользователя © Alex_63 -->
<style>
.indOnline, .indOffline {
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: inset 0 0 0px rgba(255, 255, 255, 0.9);
}
.indOnline {
  background-color: #778292;
}
.indOffline {
  background-color: #00000036;
}
</style>
<script type="text/javascript">
$('.post-author:not(.online)').find('.pa-author>a').addClass('offline');
$('.post-author.online').find('.pa-author>a').addClass('online');
$('.post').each(function(){
  var PostAuthorLogin = $(this).find('li.pa-author>a').text();
  var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
  $(this).find('.pa-author>a.online').after('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' балуется'+activeTime+'" />');
  $(this).find('.pa-author>a.offline').after('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' стоит в углу" />');
});
</script>
<!-- //End//-Индикатор активности пользователя © Alex_63 -->

<!--подсказка элементам -->
<script type="text/javascript">
$('li.pa-posts span.fld-name').attr('title', 'сообщения');
$('li.pa-respect span.fld-name').attr('title', 'репутация');
$('.pa-fld7 a').attr('title', 'twitter');
$('.pa-fld8 a').attr('title', 'instagram');
</script>

<!-- лапслок для песенок на балансике -->
<script type="text/javascript">
$(document).ready(function(){

$("#form-buttons #button-right").after('<td id="button-lower" title="Лапслок для треков"><img onclick="bbcode(\'[lower]\',\'[/lower]\')" src="https://forumstatic.ru/files/001b/af/a2/68706.png"/></td>');

});
</script>
<style>.custom_tag.custom_tag_lower {
    text-transform: lowercase;
}</style>
<!-- КОНЕЦ лапслок для песенок на балансике -->



<!---------- меняем текст навигации ---------->
<script type="text/javascript">
var itemMass = new Array("forum", "forensics", "evidence", "dossier", "msg.", "ams.", "join-us", "log in", "escape");
var itemIdMass = new Array("navindex", "navuserlist", "navsearch", "navprofile", "navpm", "navadmin", "navregister", "navlogin", "navlogout");
for(i=0; i<itemIdMass.length; i++){
if(document.getElementById(itemIdMass[i])){
    var str = document.getElementById(itemIdMass[i]).firstChild.firstChild
    str.innerHTML=itemMass[i];
}
}
</script>
<!--- конец --->


<!--КНОПКИ ВВЕРХ ВНИЗ Ч2-->
<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>





<!-- ССЫЛКА НА АВТОРСКИЙ ПОСТ // v.3 © Alex_63 -->
<script type="text/javascript">
$('.quote-box>cite:contains("#")').each(function() {
  var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
  if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');}
  else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</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>


<!-- РЕГУЛИРОВКА РАЗМЕРА ШРИФТА © Alex_63 -->
<style>
.FNTslider {
    border-radius: 0px;
    position: relative;
    z-index: 1000;
    background: #e9e9e9;
    width: 110px;
    height: 5px;
    margin: 17px 5px;
    border: solid 1px #2a2a2a78;
    float: right;
    margin-right: 10%;
}

.FNTslider .before {
    height: 5px;
    border: solid 0px #2a2a2a;
    border-right: none 0;
    border-radius: 0px 0 0 0px;
    position: absolute;
    background: #202122;
    margin-top: 0px;
}

.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 0;
  position: relative;
  top: -4px;
  background: #919191;
  cursor: pointer;
}

</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<!-- ИСКЛЮЧЕНИЕ ИЗ ЦИТИРОВАНИЯ ПОДПИСИ И ОТРЕДАКТИРОВАНО" -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>
<!-- КОНЕЦ -->
 

<!--ОБТЕКАНИЕ-->
<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut"  title="Обтекание" style=\'background-image:url("https://forumstatic.ru/files/001a/fc/23/56403.png")\'></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: rgb(237 238 237);
    border: 1px solid #868686;
    width: auto;
    padding: 8px;
    position: absolute;
    margin-top: -424px;
    margin-left: 40%;
    z-index: 20;
    text-transform: lowercase;
    font-size: 10px;">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/fc/23/50698.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/fc/23/19406.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- КОНЕЦ -->



<!--Переключение раскладки выделенного текста v.2 -->
    <style>#button-transL{background-image:url(https://upforme.ru/uploads/000f/09/5e/6201/44477.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>



<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕД.ПОСТА ПРИ УТЕРЕ by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!-- ПОДСКАЗКИ -->
<script>

$('li.pa-last-visit').attr('title', 'вне баланса');
$('li.pa-online').attr('title', 'балансирует');

</script>


<!-- Аватар по умолчанию -->
    <script type="text/javascript">
    var DefAvtr = 'https://upforme.ru/uploads/001b/73/d1/4/43015.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://upforme.ru/uploads/001b/73/d1/4/43015.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;if($(this).text()=='Гость'){b = GuestAvtr;}
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });$('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>

<!-- Конец -->




<!-- СЧЕТЧИК СИМВОЛОВ -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>


<!-- ЗАМЕНА ТИРЕ -->
<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>


<!-- Черная Подсказка,- инициализируем $.fn.tipsy-->
<script>
$(document).ready(function(){$('*[title]:not(.GamePst)').not('*[title] *[title]').tipsy({gravity:$.fn.tipsy.autoNS})});
$.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
$.catch('.pa-awards img[title]',function(){$('.punbb li.pa-awards img[title]').tipsy({fade:true,gravity:'s award'});});
</script>

<!--Запятая после ника в теме-->
<style type="text/css">
div#topic-users-in a:after {
    content: ',';
}
div#topic-users-in a:last-child::after {
    content: '';
}
</style>

<!--Запятая после ника--> 
<script type="text/javascript"> 
function to(username) 
{insert('[b]' + username + '[/b]' + ', ');} 
</script>

<!-- УБИРАЕМ ЛИШНЮЮ СТРОКУ ПОСЛЕ ЦИТАТЫ / © Alex_63 -->
    <script type="text/javascript">$('.post-content').each(function(){$(this).html($(this).html().replace(/<\/div><p><br><br>/g,'</div><p>'));});</script>

<script><!--ЦИФРА НОВЫХ СОО -->
var clr=($("#navpm a").css("color"));var chng="&nbsp;(";
var subs="</span><span style=\"color:"+clr+";\" id=\"news_messag\">(";
$("#navpm a").html($("#navpm a").html().replace(chng,subs));
$("#news_messag").appendTo("#navpm");
</script>


<!-- НОВЫЕ СОО ССЫЛКА -->
<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">
    var A=[1,2,3,5]
    $(".post .post-author li").each(function (){
    for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
    $(this).html($(this).html().replace(/^[^:]*:/,''));}};});
    </script>

<style type="text/css">
  /*СКРЫТЬ ТЕМЫ БЕЗ ОТВЕТОВ*/
#pun-ulinks .item3 {display:none!important;}
  /*СКРЫТЬ МОИ ЗАГРУЗКИ*/
#pun-ulinks .item5 {display: none!important;}
 </style>


<!--СКРЫТЬ "ПОЖАЛОВАТЬСЯ"-->
<style type="text/css">
.pun-live-rusff {display:none!important;}
</style>
<!--КОНЕЦ-->

<!--СКРЫТЬ "ЭТО ИНТЕРЕСНО"-->
<style type="text/css">
#pun-live-rusff {display:none!important;}
</style>
<!--КОНЕЦ-->

<!-- ОТКЛЮЧЕНИЕ ВЛОЖЕНИЙ В ФОРМЕ ОТВЕТА -->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>
<!--КОНЕЦ-->

<!-- ОТКЛЮЧЕНИЕ ГРАФФИТИ В ФОРМЕ ОТВЕТА -->
<script type="text/javascript">
RusffCore.sets.graffiti = false;
</script>
<!--КОНЕЦ-->


<!--- СКРЫТЬ rss-atom --->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!--КОНЕЦ-->

<!-- СКРЫТЬ ПОДЕЛИТЬСЯ -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!--КОНЕЦ-->




    <!--ТЕГ АБЗАЦ -->
    <style>#button-indent {background:url(https://s7.uploads.ru/t/mnkgq.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:0em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
    $('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
    </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 oldIMG="<td id=\"button-image\" title=\"Быстрая загрузка\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:2;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!-- ГЛЮК-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>


<!--РЕПУТАЦИЯ БЕЗ ОБНОВЛЕНИЯ-->
<script> 
if($('#pun-viewtopic').length && !$('#navawards').length) 
FORUM.PartnerVote = function() { return true; }; 
</script>
<!-- конец -->



<!-------------------------— РАЗДЕЛЕНИЕ ТЕМ ВАЖНЫЕ И ТЕМЫ -------------------------->
<script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
<!-— КОНЕЦ -->

<script>
var supermod = new Array("Landon Derry")

var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
    if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
        mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}

function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")

while(pos>pos2 && pos2!=-1){
    pos1=pos2
    pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
    pos2=str.length-1
    pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script>


<!-- УНИВЕРСАЛЬНЫЙ СКРИПТ ЗАМЕНЫ © Alex_63 -->
    <script type="text/javascript">
    function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}

    Change("#pun-status .container .item1","Привет","О, ты снова выжил");
    Change("#pun-status .container .item2","Ваш последний визит:","Последний раз ты был тут, но обещал не возвращаться");
    Change("#onlinelist.item5 a","Активны","Балуются");
    Change('#pun-stats h2','Статистика форума','06');
    Change('li.pa-online','Активен', 'ищет баланс');
    </script>

<!-- СТИКЕРЫ -->
<script src="https://forumstatic.ru/files/001c/74/49/39593.js?v=2"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/74/49/25171.txt?v=42");
});
</script>

<!-- МАСКА ПРОФИЛЯ -->
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['the purloined letter:', 'ms. found in a bottle:', 'the oblong box:', 'архив эпизодов (не доигранные)', 'the fall of the house of usher:', 'архив анкет'],
    forumAccessExtended: {
        'the purloined letter:': ['битвинята'],
        'the devil in the belfry:': ['битвинята', 'непринятые'],
        'the fall of the house of usher:': ['битвинята'],
        'ms. found in a bottle:': ['битвинята'],
        'the spectacles:': ['битвинята'],
        'the oblong box:': ['битвинята'],
        'the oval portrait:': ['битвинята'],
        'архив эпизодов (не доигранные)': ['битвинята'],
        'архив анкет': ['битвинята']
    },
    changeList: {

        'pafld2': {
            title: 'лз',
            description: 'личное звание',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href="ССЫЛКА НА АНКЕТУ ТУТ" class="anketa"> имя на русском, 00 </a><p>текст лз <a href="ССЫЛКА НА ПРОФИЛЬ">для вставки другого игрока</a></p>',
            type: 'html'
        },

        'pafld1': {
            title: 'фон',
            description: 'фон профиля',
            tag: 'bckgr',
            class: 'pa-fld4',
            defaultCode: '<img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ">',
            type: 'html'
        },

        'pafld5': {
            title: 'плашка',
            description: 'плашка',
            tag: 'plash',
            class: 'pa-fld5',
            defaultCode: '<div class="plashkadura" style="background: #000"> <p>ваш текст</br>ваш текст для второй строки</p>',
            type: 'html'
        }

    },
    userFields: ['pa-fld4', 'pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-online', 'pa-fld3', 'pa-fld5', 'pa-fld6', 'pa-awards']
});
</script>


<!--СКРЫТЬ МОДЕРА-->
<script>
var supermod = new Array("Cassian Mirel")

var mod=document.getElementsByTagName("span")
var str
for(x in mod) if(mod[x].className=="modlist"){
for(y in supermod)
    if((pos=mod[x].innerHTML.indexOf(supermod[y]))!=-1)
        mod[x].innerHTML=remName(mod[x].innerHTML,pos)
}

function remName(str,pos){
var pos1=str.indexOf("<A href"),pos2=str.indexOf("<A href",pos1+1)
if(pos2==-1) return("")

while(pos>pos2 && pos2!=-1){
    pos1=pos2
    pos2=str.indexOf("<A href",pos1+1)
}
if(pos2==-1){
    pos2=str.length-1
    pos1-=2
}
return (str.substring(0,pos1)+str.substring(pos2,str.length))
}
</script>

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


<!-- Проверяем, зашёл ли пользователь в свой профиль © max, the murderer! -->
<script type="text/javascript">
  $(document).ready(function() {
    if (window.location.href.indexOf(UserID) != -1) {
      $('#pun-profile').addClass('self');
    }
    else {
      $('#pun-profile').removeClass('self')
    }
  });
</script>


<!-- ПАРТНЁРЫ -->
<div class="partn"><a href="https://australis.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/5b/cc/68290.png" title="Австралия || фэнтези, мистика, расы, магия, постап."></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/0018/37/c7/5/732786.jpg" title="мистицизм без рас" width="88" height="31"></a> <a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/7ok9BWS.png" title="next door = south korea"></a> <a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" title=“the good place /// визардинг ворлд без постирония“></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/856572.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://eveningstop.rusff.me/" title="кроссовер для уставших" target="_blank"><img src="https://i.imgur.com/vMkJyh4.png" width="88" height="31" border="0"></a> <a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/3/919889.png" title="oddinary" border="0" alt="oddinary"></a> <a href="https://tenebria.ru/" target=_blank> <img src="https://upforme.ru/uploads/001c/77/b6/18/790340.gif" border="0" alt="Tenebria. Legacy of Ashes " width="88" height="31"/></a> <a href="https://homey.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/7a/06/38/138681.png" title="scotland vibe, multilocation"></a> <a href="https://crossfeeling.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/11/e3/2/687617.png" title="crossfeeling" border="1" width="88" height="31"></a> <a href="https://tempusmagicae.rusff.me/" title="Tempus Magicae" target=_blank><img src="https://upforme.ru/uploads/001c/71/c5/2/229708.png"></a> <a href="https://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/1JHaL3K.png" alt="ex libris"></a> <a href="https://kicks-and-giggles.ru/" title="kicks & giggles crossover" target="_blank"><img src="https://upforme.ru/uploads/0019/e7/0f/2/438078.jpg" width="88" height="31" border="0"></a> <a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/836339.jpg"></a> <a href="https://circuscross.rusff.me" target="_blank" title="circus cross" ><img src="https://upforme.ru/uploads/001c/5b/2f/486/644335.png"></a> <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://upforme.ru/uploads/0019/7e/db/2/163253.gif" border="0"/></a> <a href="https://billboard.rusff.me/"><img src="https://upforme.ru/uploads/001a/f6/b2/2/803079.png" title="южная корея, мультилокация"></a> <a href="https://nxvrlnd.rusff.me/" title="neverland: south korea, multilocation" target="_blank"><img src="https://upforme.ru/uploads/001c/23/e3/10/313312.png"></a> <a href="https://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/EXSZ0B8.png" alt="Return to eden"></a> <a href="https://sacramento.rusff.me/" target="_blank"><img src="https://i.imgur.com/5hb3s55.png" title="Sacramento"></a> <a href="https://soullove.ru" target=_blank> <img src="https://upforme.ru/uploads/000e/5d/50/6/44758.gif" border="0" alt="soul love"></a> <a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://upforme.ru/uploads/001c/38/b6/4/363538.gif" width="88" height="31" border="0"></a> <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/27521.png" alt="sinistrum"></a> <a href="https://funeralrave.ru/"><img src="https://forumstatic.ru/files/0019/41/eb/61230.png" title="funeral rave"></a> <a href="https://altcross.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/3a/6b/2/622081.png" title="alternative crossover" border="0"width="88" height="31"></a> <a href="https://thehaze.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/d4/18/624/512735.png' title="городская мистика в эврика-спрингс" /></a> <a href="https://cursedland.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/0018/1e/e4/2/798040.jpg" title="cursed land" alt="cursed land" border="0"></a> <a href="https://souldreamate.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/35/8d/3/321130.gif"  title=" souldreamate" width="88" height="31" border="0"></a> <a href="https://wounds.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/44/10/4/839350.png"  title="fog bound" alt="fog bound"></a> <a href="https://player.rusff.me/" target=_blank> <img src="https://upforme.ru/uploads/001c/6a/04/5/420367.png" border="0"  width="88" height="31" title="will you be my player?"></a> <a href="https://mmaleficarum.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0014/d2/5e/70682.png" title="malleus maleficarum: hp dark!au 2008"></a><a href="https://dragonfall.ru/" target="_blank"><img src="https://upforme.ru/uploads/001c/87/49/2/40962.jpg" title="антуражное фэнтези" width="88" height="31"></a> <a href="https://future404.ru" target="_blank"><img src="https://forumstatic.ru/files/001c/1a/06/34880.png" title="киберпанк: постканон, эпизоды, анархия" alt="кибербобр, курвапанк" width="88" height="31"></a> <a href="https://alaskahorror.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001b/ee/37/48175.png" border="0" title="longdark" width="88" height="31"></a> <a href="https://pressf.rusff.me/"><img src="https://upforme.ru/uploads/001c/86/ed/2/852917.png"></a> <a href="https://allfleshrots.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/92/89/4/337928.png" title="all flesh rots"></a> <a href="https://themurmur.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/92/86/4/532434.png" title="the murmur / мистика, свободные расы" /></a> <a href="https://separation.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/0019/b7/cb/35659.gif" title="separation: hp, 3d generation"></a> <a href="https://americafckyeah.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/96/9f/74727.jpg" title="welcome to candy`s!" border="0" width="88" height="31"></a><a href="https://wtscross.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/97/18/61929.png" title="write to survive [crossover]" border="0"width="88" height="31"></a> <a href="https://kakaotalk.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/98/18/8/459778.png" title="kakaotalk" border="0" alt="kakaotalk"></a></div> 


<!-- Перемешать баннеры при перезагрузке © TheBanana, max, the murderer! 2022 -->  
<script>
$(document).ready(function(){
	$('.partn').each(function () {
	    var block = $(this);
	    var banners = (block).children('a');
	    $(banners).sort(function (a, b) {
	        return (-1 + Math.random() * 2);
	    })
	    .appendTo(block).show();
	});
});
</script>





<!-- горизонтальный скролл для указанных контейнеров by Vandra  -->
<script>
function applyHorizontalScroll(containers) {
    $(containers.join(", ")).each(function () {
        if (!this.dataset.scrollApplied) { 
            this.addEventListener("wheel", function (e) {
                e.preventDefault();
                  this.scrollLeft += e.deltaY * (navigator.platform.includes('Mac') ? 12 : 6);
            }, { passive: false }); 
            this.dataset.scrollApplied = "true";
        }
    });
}
$(document).ready(function () {
    const containers = [".gallery", "ppbgs > div", "collection div", ".gallery"];
    applyHorizontalScroll(containers);
    const scrollObserver = new MutationObserver(() => applyHorizontalScroll(containers));
    scrollObserver.observe(document.body, { childList: true, subtree: true });
});

</script>

<!-- текстовые поля вместо строк для ввода в профиле by Vandra  -->
<script>
document.addEventListener("DOMContentLoaded", function () {
    const profileContainer = document.getElementById("profile8");
    if (!profileContainer) return; 
    const profInputs = profileContainer.querySelectorAll("#fld5, #fld1, #fld3, #fld4");
    profInputs.forEach(profInput => {
        const profTextarea = document.createElement("textarea");
        for (let { name, value } of profInput.attributes) {
            profTextarea.setAttribute(name, value);
        }
        profTextarea.value = profInput.value;
        profInput.replaceWith(profTextarea);
    });
});
</script>

<!-- кнопка редактирования лз для админов / © hagalnaud&nothingale -->
 <script type="text/javascript">
var posts = $(".post");
posts.each(function() {
  var senderId = $(this).data("user-id");
  var editLink = $("<a>").attr("href", "/profile.php?section=fields&id=" + senderId).attr("rel", "nofollow").text("AMS");
  var editLi = $("<li>").addClass("editpole").append(editLink);
  $(this).find(".pl-email.pm").after(editLi);
});</script>
<style>li.editpole {display: none!important; float: left;}
.isadmin li.editpole {display: inline-flex!important;}
</style>

0

3

Код:
/*************************************************************
CODES (c); 

**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/


/* A1.1 */
/* A1.1 */
@import url(style_cs.css);

/*кириллица и латиница*/

@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cuprum:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kelly+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

@font-face { font-family: Cinzel; src: local("ljk_Cinzel-Regular"), url(https://forumstatic.ru/files/001a/ff/52/15353.ttf); }
@font-face { font-family: Dark Uvenal Full; src: local("Dark Uvenal Full"), url(https://forumstatic.ru/files/001a/ff/52/16939.otf); }
@font-face { font-family: denistina; src: local("denistina"), url(https://forumstatic.ru/files/001b/73/d1/76445.ttf); }
@font-face { font-family: DeutschGothic; src: local("DeutschGothic"), url(https://forumstatic.ru/files/001c/74/49/42996.ttf); }
@font-face { font-family: Droid1997; src: local("Droid1997"), url(https://forumstatic.ru/files/001b/73/d1/29956.otf); }
@font-face { font-family: festus correct; src: local("festuscorrect-Regular"), url(https://forumstatic.ru/files/001a/ff/52/17857.ttf); }
@font-face { font-family: Fet Regular; src: local("Fet Regular"), url(https://forumstatic.ru/files/001b/73/d1/90547.ttf); }
@font-face { font-family: GoodVibesPro; src: local("GoodVibesPro"), url(https://forumstatic.ru/files/001b/73/d1/99585.ttf); }
@font-face { font-family: KobzarKS; src: local("KobzarKS"), url(https://forumstatic.ru/files/001b/73/d1/75118.otf); }
@font-face { font-family: Kosmos129; src: local("Kosmos129"), url(https://forumstatic.ru/files/001b/73/d1/88309.ttf); }
@font-face { font-family: Lemon Tuesday; src: local("Lemon Tuesday"), url(https://forumstatic.ru/files/001a/ff/52/18224.ttf); }
@font-face { font-family: MADE Likes Script; src: local("MADE Likes Script"), url(https://forumstatic.ru/files/001b/73/d1/34676.otf); }
@font-face { font-family: Novelist; src: local("Novelist"), url(https://forumstatic.ru/files/001b/73/d1/28920.otf); }
@font-face { font-family: Pacifico; src: local("Pacifico"), url(https://forumstatic.ru/files/001b/73/d1/39167.ttf); }
@font-face { font-family: PassionsConflictRUS; src: local("PassionsConflictRUS"), url(https://forumstatic.ru/files/001b/73/d1/52455.otf); }
@font-face { font-family: Sacramento; src: local("Sacramento"), url(https://forumstatic.ru/files/001b/73/d1/25285.ttf); }
@font-face { font-family: TenorSans; src: local("TenorSans"), url(https://forumstatic.ru/files/001b/73/d1/96198.ttf); }
@font-face { font-family: Truetypewriter PolyglOTT; src: local("Truetypewriter PolyglOTT"), url(https://forumstatic.ru/files/001a/ff/52/20322.ttf); }


/*дизайн*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic');
@font-face { font-family: Sagire; src: local("Sagire"), url(https://forumstatic.ru/files/001b/73/d1/52535.otf); }
@font-face { font-family: Nunito; src: local("Nunito"), url(https://forumstatic.ru/files/001b/73/d1/48719.ttf); }
@font-face {font-family: Nunito Regular; 
src: local("Nunito Regular"), url(https://forumstatic.ru/files/001b/73/d1/19167.ttf);}
@font-face {font-family: TheSilverEditorial Regular; 
src: local("TheSilverEditorial Regular"), url(https://forumstatic.ru/files/0016/e6/98/16259.ttf);}
@font-face {font-family: TheSilverEditorial Italic; 
src: local("TheSilverEditorial Italic"), url(https://forumstatic.ru/files/0016/e6/98/54587.ttf);}
@font-face {font-family: LibreCaslonDisplay; 
src: local("LibreCaslonDisplay"), url(https://forumstatic.ru/files/001b/73/d1/20066.ttf);}
@font-face {font-family: Arapey; 
src: local("Arapey"), url(https://forumstatic.ru/files/001c/74/49/56234.ttf);}


@font-face{font-family:icon;src:url(https://forumstatic.ru/files/0018/c6/8a/31035.eot?),url(https://forumstatic.ru/files/0018/c6/8a/53514.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/83952.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:icon2;src:url(https://forumstatic.ru/files/0018/c6/8a/88526.eot?),url(https://forumstatic.ru/files/0018/c6/8a/63027.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/57747.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:icon3;src:url(https://forumstatic.ru/files/0018/c6/8a/74962.eot?),url(https://forumstatic.ru/files/0018/c6/8a/79480.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/93894.ttf) format('truetype');font-weight:400;font-style:normal}

@font-face {
    font-family: 'FontAwesomeRegular';
    src: local('FontAwesome');
    src: url('https://forumstatic.ru/files/001b/b9/fc/18637.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeSolid';
    src: local('FontAwesome');
    src: url('https://forumstatic.ru/files/001b/b9/fc/80497.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesomeBrands';
    src: local('FontAwesome');
    src: url('https://forumstatic.ru/files/001a/ff/52/71247.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {
  --font-symbol: 'Material Symbols Outlined'; /* fix */
    }

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}


/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100%;
  text-align: justify;
  }

/* A3.2 */
.punbb {
  font: normal 11px verdana;
  }

/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: normal 11px verdana;
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-weight: normal;
  }

/* A3.5 НАСТРОЙКА НАДПИСЕЙ АДМИН МЕНЮ*/
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 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 {
  margin: auto;
  position: relative;
  float: center;
  width : 1050px;
  border-radius: 42px 42px;
}
 

/* A5.2 */
.punbb {
height: auto;
  width : 1030px;
margin-left: 10px;
  }


/* 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;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

.punbb #pun-stats {
  margin-left: 15px;
  }


/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none none none;
  border-width: 0px 0px 0px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 0px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 0;
  }

/* A5.11 ОТВЕЧАЕТ ЗА НАДПИСЬ БЫСТРЫЙ ОТВЕТ*/
#pun-main h2 {
font-size: 0px;
}


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 НАСТРОЙКА ЛИНИИ ОТДЕЛЯЮЩЕЙ ПОДПИСЬ*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px dashed #808d8682;
  margin: 20px 0;
  }


/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 1em 1em 1em 1em;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
margin: 10px;
width: auto;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }



/* B1.8 ОФОРМЛЕНИЕ ЦИТАТЫ И КОДА*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0px 20px 5px 20px;
  padding: 0px;
  }

.punbb .post-content .spoiler-box {
 margin: 20px 20px 5px 20px;
  padding: 12px;
  }

#pun .post-content .spoiler-box > div {
    background: transparent;
}

#pun .post-content .spoiler-box > div:before {
    content: "";
    position: absolute;
    background: url(https://forumstatic.ru/files/001b/73/d1/89410.png);
    width: 20px;
    height: 20px;
    margin-left: -24px;
    margin-top: -3px;
}

#pun .post-content .spoiler-box > div.visible:before {
    transform: rotate(180deg);
}


.punbb .answer-box cite {
  background: #dedede;
  position: absolute;
  height: 15px;
  /* padding: 0px 10px 5px 25px; */
  border-radius: 10px 0px 10px 0px; 
  z-index: 0;
}

.punbb .answer-box cite a {
  text-transform: lowercase;
  font-size: 12px;
  font-family: 'Nunito';
  font-weight: bold;
  color: #778292;
}

.punbb .quote-box cite::before {
  content: '';
  background: url(https://forumstatic.ru/files/001b/73/d1/12329.png);
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: -23px;
  иorder-radius: 10px 0px 10px 0px; 
  z-index: 100;
}

.punbb .hide-box cite {
  text-transform: lowercase;
  padding: 2px 5px 5px 21px;
  background: #dedede;
  font-size: 12px;
  font-family: 'Nunito';
  font-weight: bold;
  color: #778292;
}

/* B1.9 ОФОРМЛЕНИЕ ЦИТАТЫ И КОДА*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    width: fit-content;
    /* margin-left: 23px; */
    padding-top: 0px;
    padding-bottom: 5px;
    text-transform: lowercase;
    font-size: 12px;
    font-family: 'Nunito';
    font-weight: bold;
    background: #dedede;
    color: #778292;
    position: relative;
    padding: 0px 10px 5px 25px;
    border-radius: 10px 0px 10px 0px;
}

.punbb .code-box strong.legend a {
  text-transform: lowercase;
  font-size: 12px;
  font-family: 'Nunito';
  font-weight: bold;
  color: #778292;
  background: #dedede;
  height: 15px;
  padding: 0px 7px 7px 5px;
  border-radius: 10px 0px 10px 0px; 
}

.punbb .code-box strong.legend a:hover {
  color: #262323;
}



/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 0px;
  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: -3.1em;
    left: 1em;
    font-size: 10px;
    text-transform: lowercase;;
    font-family: 'Nunito';
    background: #d9d9d996;
    padding: 4px 8px;
    border-radius: 10px;
    color: #000000!important;
  }

/* B3.4 ОТВЕЧАЕТ ЗА ВНЕШНИЙ ВИД ОТВЕТИТЬ*/
.linkst .postlink {
    position: absolute;
    top: -2.5em;
    right: 0em;
    width: 16em;
    text-align: right;
    font-size: 10px;
    text-transform: lowercase;
    font-family: 'Nunito';
}

.linksb a, .linkst a {
    background: #d9d9d996;
    padding: 4px 8px;
    border-radius: 10px;
    color: #000000!important;

}

  .linksb a:hover, .linkst a:hover {
  color: #000000!important;
  background: #4b5b7166!important;
  }





/* B3.5 ОТВЕЧАЕТ ЗА ВНЕШНИЙ ВИД И ОТВЕТИТЬ НИЗ*/
.punbb .linksb {
text-align: right;
  padding: 0.4em 1em 0.5em 1em;
    font-size: 10px;
    text-transform: lowercase;
    font-family: 'Nunito';
  }

/* B3.6 ОТВЕЧАЕТ ЗА ВНЕШНИЙ ВИД СТРАНИЦА НИЗ*/
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-size: 10px;
    text-transform: lowercase;
    font-family: 'Nunito';
  }

.linksb .pagelink:before {
  content: "*";
  font-size: 20px;
  color: #778292!important;
}

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }



/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.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 {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 0px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 ОТВЕЧАЕТ ЗА ВНЕШНИЙ ВИД НАДПИСИ НАПИШИТЕ ВАШЕ СООБЩЕНИЕ*/
.punbb fieldset legend span {padding: 0 5px;margin: 0 0 0 -15px;font-size: 12px;font-weight: 700;font-family: 'Roboto';text-align: center;text-transform: lowercase;color: #000000;}
#post fieldset legend span {padding: 0 5px;margin: 0 0 0 -15px;font-size: 0;font-weight: 700;font-family: 'Roboto';text-align: center;text-transform: lowercase;color: #000000;}
#post fieldset legend span:before {content:'';padding: 0 5px;margin: 0px 0 0 -3px;font-size: 12px;font-weight: 700;font-family: 'Roboto';text-align: center;text-transform: lowercase;color: #000000;}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 3em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box fieldset {
  padding: 0.5em 0em 0.8em 0.8em
  }

.punbb .fs-box p {
  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: 63%;
  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: 60%;
  }

    /* C2.2 */
    .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
      text-align: center;
      width: 5%;
      }

.tc2, .tc3 {
font-size: 10px;
letter-spacing: 0.5px;
font-family: 'Nunito'; 
font-weight: bold;
text-transform: lowercase;
}

.tc2, .tc3 a {
font-family: 'Nunito'; 
font-weight: bold;
text-transform: lowercase;
}

    /* C2.3 */
    .punbb .main .tcr {
      overflow: hidden;
      text-align: left;
      width: 30%;
      text-transform: lowercase;
      }

.tcr .user-avatar {display:none;}

    /* C2.4 */
    #pun-userlist .main .tcl,
    #pun-searchtopics .main .tcl,
    #pun-modviewforum .main .tcl {
      width: 55%
      }

    /* C2.5 */
    #pun-userlist .main .tc2,
    #pun-searchtopics .main .tc2 {
      text-align: left;
      width: 20%;
      }

    /* C2.6 */
    #pun-debug table .tcl {
      width: 15%;
      white-space:normal;
      }

    /* C2.7 */
    #pun-debug .tcr {
      width: 90%;
      white-space: normal;
      }

/* ЗАГОЛОВКИ ФОРУМОВ */
#pun-index .tcl h3 {
    width: 600px;
    font-size: 25px;
    font-family: 'LibreCaslonDisplay';
    font-style: italic;
    text-transform: lowercase;
    text-align: left;
    margin-left: -110px;
    border-bottom: 0px solid #b723234a;
}

#pun-index .tcl h3 a {
  font-weight: 100!important;
    color: #0b0b0b !important;
    margin-left: 110px!important;
  }

#pun-index .tcl h3 a:hover {
    color: #000000; !important;
    transition: 1.5s;
	border: 0px solid #2a2a2a;
  }



/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 13px;
  padding: 10px 0px 0px 0px;
  }


/* C2.15 */
.punbb div.icon {
float: left;
  position: absolute;
  border-style: none;
}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 0px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 0px;
  }

/* C3.3 ОТВЕЧАЕТ ЗА ДАТУ ПОСТА В ТОПИКЕ*/

.punbb .post h3 span {
  display: block;
  margin-left: 39px;
  font-weight: 500;   
  padding-bottom: 10px;
  padding-left: 10px;
  color: #eae9e9 !important;
  border-bottom: 1px dashed #808d8682;
  }

.punbb .post h3 span a {
    color: #262626 !important;
    font-size: 11px;
    text-transform: lowercase;
    font-family: 'Nunito';
}


/* C3.4 ОТВЕЧАЕТ ЗА ЦИФРУ СОО В ТОПИКЕ*/
.punbb .post h3 strong {
  float: right;
  width: 1em;
  text-align: right;
  color: #2a2a2aa8 !important;
  font-size: 12px;
  padding-top: 6px;
  font-family: 'Nunito';
  text-transform: lowercase;
}

.post h3 img {
    margin: 0 7px;
    cursor: pointer;
    opacity: .2;
}


/* C3.4.1 ЛИНИЯ МЕЖДУ ДАТОЙ И НОМЕРОМ*/

#pun-main .topic h3 span {
    display: block;
    height: 10px;
    margin: 0px 0px 0px 0px;
    }

#pun-viewtopic div.post h3 strong {
    line-height: 10px;
    border-radius: 10px;
    margin: 0px 0px 0px 0px;
    }

#pun-main .topic div.post h3 strong {
    line-height: 9px;
    margin: 0px 0px 0px 0px;
    }

#pun-viewtopic div.post h3 strong {
  padding-right: 35px;
  padding-left: 15px;

}

#pun-main .topic div.post h3 strong {
  padding-right: 35px;
  padding-left: 15px;

}

/* C3.5 ПРОФИЛЬ*/
.punbb .post .post-author {
    float: left;
    width: 240px;
    overflow: hidden;
    margin: 20px 0px 0px 0px !important;
    border: 0px dashed #00000078;
    padding-bottom: 10px;
    position: relative;
    background: #ececec;
    z-index: 0;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 0em 0em 0em;
  line-height: 140%;
  }

/* заливка профиля с инфой */

.post .post-author ul {
    background: #f8f8f8;
    width: 200px;
    margin: 10px 20px;
    border-radius: 15px;
}



/* C3.7 НИК1 (ОБЗОР ТЕМЫ, ЕСЛИ НАЖАТЬ ПОСМОТРЕТЬ)*/
.pa-author {
  width: 200px;
  height: 20px;
  margin-left: 0px;
  margin-top: 40px;
  padding-top: 5px!important;
  padding-bottom: 10px!important;
  text-transform: lowercase;
  font-family: 'Nunito';
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0px;
  color: #e2e2e2!important;}


/* C3.8 НИК*/
.pa-author a {
    text-transform: lowercase;
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #000000!important;
  }


.pa-author a:hover, .pa-author a:focus, .pa-author a:active {
   color: #000000!important;
   	background-color: #9ba5ba7d;
}


/* C3.9 СТАТУС*/
li.pa-title {
    font-size: 9px;
    font-family: 'Nunito Regular';
    text-transform: lowercase;
    margin-top: -12px;
    color: #101010;
    width: 200px;
}


/* C3.11 ОТВЕЧАЕТ ЗА РАСПОЛОЖЕНИЕ ТЕКСТА В ПОСТЕ (СДВИГ ОТ ПРОФИЛЯ И Т.Д.)*/
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 20px 10px 50px 10px;
  text-align: justify;
  }

/* C3.12 */
.punbb .post-box {
  font-family: verdana;
  font-size: 11px;
  border-radius: 10px 10px 0px 0px;
  background: #e2e2e2; 
  padding-top: 15px;
  margin-left: 40px; 
  
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 3em;
  }


/* C3.14 ОТВЕЧАЕТ ЗА НАСТРОЙКИ ВИДА ПРОФИЛЬ, ЛС, УДАЛИТЬ, РЕДАКТИРОВАТЬ И Т.Д. */
.punbb .post-links {
  margin-left: 18em;
  text-transform:uppercase;
  font-family:'Nunito Regular';
  font-size:10px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: -28px;
  }

.punbb .post-links a {
  color: #504f4f !important;
    }

.punbb .post-links a:hover {
   background: #4b5b7166;
    }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -17em;
  border-top-style: dashed;
  border-top-width: 0px;
  background: transparent;
  text-align: right;
  }

/* 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: 9px;
  text-transform: uppercase;
  font-family: 'Nunito';
   color: #504f4f !important;
  font-weight: bold;
}

.punbb .modmenu .container a {
  padding: 0.5em 0.1em;
  font-size: 9px;
  text-transform: uppercase;
  font-family: 'Nunito';
  color: #504f4f !important;
  font-weight: bold;
  }

/* 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-style: solid;
  border-width: 0;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

#viewprofile .fld-name {
    display: none;
}

/*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
  }




/* ЛИЧНАЯ СТРАНИЦЫ ОТКРЫТИЕ */ 

.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 {
  position: fixed !important;
  top: -100vh !important;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: top 0.4s ease-out, opacity 0.4s ease-out;
}

.reveal-modal.open {
  top: 150px !important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.reveal-modal.small {
  width: 200px;
}

.reveal-modal.medium {
  width: 400px;
}

.reveal-modal.large {
  width: 600px;
}

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -30px;
  z-index: 104;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  font-weight: bold;
  cursor: pointer;
}






/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 0px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: -20px;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display : block;

  margin: 0px 0px 0px 0px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}


#pun-title TD.title-logo-tdr {
  border: none;
  left: 200px;
  top: 0px;
  width: 468px;
  float: center;
  vertical-align: top;
  position: absolute;
}

#pun-title TABLE {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

/* D2 Page navigation
-------------------------------------------------------------*/

  /* D2.1 */
    #pun-pagelinks {
      position: absolute;
      top: 0px;
      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, #pun-navlinks .container {
border-style: none;
text-align: center;
top: 9px!important;
}



/* D3.2 */
#pun-navlinks .container {
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;}

/* D4 User links
    -------------------------------------------------------------*/

/* D4.1 РАСПОЛОЖЕНИЕ НОВЫЕ СООБЩЕНИЯ*/

#pun-ulinks  {
top: 618px!important;
text-align: center;
padding: 0px 0px;
}
      
      
/* D4.2 */
#pun-ulinks .container {
text-align: center;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px; 
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}


/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 ДВИГАТЬ ПРИВЕТ, ГОСТЬ ТУТ */
#pun-status, #pun-status .container {
    position: absolute;
    color: #242424;
    margin-top: 23px;
    margin-bottom: 0px;
    margin-left: -10px;
    text-align: center;
  }

  #pun-status a, #pun-status .container {
   border-bottom: none;
   color: #000000;
    width: 1050px;
    font-size: 10px;
    font-family: 'Nunito';
    text-transform: lowercase;
  }

/* УЛУЧШИТЬ АККАУНТ */
#pun-status .container .item4 {
float: none;
display:  none;
margin-left: 0px;
margin-top: 5px
}

#pun-status .container .item3 {
float: none;
position: absolute;
display: block;
text-align: center;
margin-left: 400px;
margin-top: 5px;
font-size: 10px;
font-family: 'Nunito';
}

#pun-status .container .item3 a {
 font-size: 10px;
  font-weight: 700;
  color: #6a7484;
}

/* D5.2 */
#pun-status .container {
padding: 5em 1em 1em 1em;}

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 ДВИГАТЬ НАЗВАНИЕ ФОРУМА*/
#pun-crumbs1 p.container {
    border-top: none;
    padding: 15em 0em 0em 1em;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Nunito';
    text-transform: lowercase;
    text-align: left;
}

  #pun-crumbs1 p.container a {
border-top: none;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Nunito';
    text-transform: lowercase;
    text-align: left;
    color: #2f2f2f;
  }

#pun-crumbs1 p.container a:hover {
      background-color: #4b5b7166;
   }


/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 0;
  margin: 10px 1em;
  position: relative;
  z-index: 1;
  }



/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 0 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

   /* D7.1 */
    #pun-stats .container {
      padding: 0.8em 1em
      }

   /* D7.1 */
    #pun-stats .container {
      padding: 0.8em 1em
      }

    /* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
  text-align: center;
  color: #484848;
  font-size: 8px;
  font-weight: 600;
  font-family: 'Nunito';
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0px;
  padding: 10px 10px 10px 10px;
  margin-left: 60px;
  background-color: #fcfcfc00;
  border-radius: 0px;
  }

/* D7.4 */
li#onlinelist a {
  width: 100%;
  line-height: 120%;
  color: #2a312b;
  font-size: 11px;
  font-weight: 200;
  font-family: 'Nunito';
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 15px 10px 0px 0px;
  font-size: 11px;
  font-weight: 00;
  font-family: 'Nunito';
  text-transform: lowercase;

  }

/* 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-top: 0;
  }

/* D8.4 РЕДАКТИРОВАТЬ НАДПИСЬ РЕЙТИНГ ФОРУМОВ*/
#pun-about .container {
  border-top-style: none;
   padding: 1em 1em 4em 1em;
  text-align: center;
  font-size: 7px;
  font-weight: bold;
  font-family: 'Roboto';
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 150%;
  }


/* D8.5 */

#pun-about p span {
    position: absolute;
    margin-top: 165px;
    margin-left: -110px;
     padding: 1em 0em 2em 1em;
    font-size: 7px;
    font-weight: bold;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 150%;
 color: #ffffff;
}

#pun-about p span a {
   color: #f6f6f673;
}


/* D8.6 */
#pun-crumbs2 {
  overflow: hidden;
  margin-bottom: 0;
  }

/* D8.7 ДВИГАТЬ НАЗВАНИЕ ФОРУМА В ФУТЕРЕ*/
#pun-crumbs2 .container {
    border-top: none;
    padding: 1.1em 1em 0em 1em;
    font-size: 12px; 
    font-weight: 600;
    font-family: 'Nunito';
    letter-spacing: 0px;
    text-transform: lowercase;
    text-align: left;
  }

#pun-crumbs2 .container a {
    font-size: 12px; 
    font-weight: 600;
    font-family: 'Nunito';
    letter-spacing: 0px;
    text-transform: lowercase;
    text-align: left;
    color: #2f2f2f;
  }

#pun-crumbs2 .container a:hover {
      background-color: #4b5b7166;
   }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 0px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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;
  }

li#navawards {display: none;} 
#pun-announcement h2 {display: none}
.lastedit {display: none;} 
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}


/* НАСТРОЙКА НИКА ПОИСК СОО */
li.pa-author {
text-transform: lowercase;
font-family: 'Nunito';
font-size: 15px;
text-align: center;
color: #291305!important;
}
/* НАСТРОЙКА НИКА ПОИСК СОО */


#pun-index .tcl .intd .tclcon {font-size: 10px;
background-color: none;
z-index: 1; 
text-align: justify;
padding-left: 28px;
padding-bottom: 10px!important;
width: 500px;
color: #252525;
}
#pun-index .tcl h3 a {color: #291305;}
#pun-index .tcl h3 a:hover  {color: #a05e34; border-bottom: solid 1px ##a05e34;}





/*------------------------СООБЩЕНИЯ И РЕПУТАЦИЯ И ДЕНЬГИ В ОДНУ СТРОКУ-----------------------*/
.pa-posts, .pa-respect, .pa-fld2 {
    display: inline-flex;
    gap: 2px;
    font-size: 7px;
    padding: 0px 5px !important;
    margin-top: 4px !important;
    width: auto;
    text-transform: lowercase;
    line-height: 13px;
    height: auto;
    margin-bottom: 15px;
}

.pa-posts .fld-name:before {
    content: "";
    display: block;
    background: url(https://forumstatic.ru/files/001b/73/d1/96455.png) no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 1px!important;
}

.pa-fld2 .fld-name:before {
    content: "";
    display: block;
    background: url(https://forumstatic.ru/files/001b/73/d1/81508.png) no-repeat;
    width: 10px;
    height: 10px;
      margin-top: 1px!important;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
    content: "";
    display: block;
    background: url(https://forumstatic.ru/files/001b/73/d1/50176.png) no-repeat;
    width: 10px;
    height: 10px;
    margin-top: 1px!important;
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name {
    font-size: 0;
    height: 16px;
    justify-content: center;
    opacity: 0.4;
} 

/*НАСТРОЙКА ПОЛЯ ОСНОВНОЙ АКК*/
   
.pa-fld3 {
    width: 10px;
    text-align: center;
    padding: 10px 0px 10px 0px !important;
    line-height: 0px;
}

.pa-fld3 a {
    position: absolute;
    color: #ff5200 !important;
    text-transform: uppercase;
    font-size: 0px;
    font-weight: 100;
    margin-top: -14px!important;
    margin-left: 83px;
    will-change: transform;
}

.pa-fld3 a:before {
content: "\f005";
    font-family: FontAwesomeSolid;
    font-size: 14px;
    padding: 5px;
    color: #000000;
}


.pa-fld3 a:hover {
    transform: rotate(1.0turn);
    }

/*КОНЕЦ*/

/* СКРЫТЬ НАЗВАНИЯ ПОЛЕЙ И ПЛЮСИК В РЕПЕ*/

.pa-fld5 .fld-name { display: none;}
.pa-fld4 .fld-name { display: none;}
li.pl-reports { 
    display: none!important; 
}

img[alt="+"] {display: none;
}

/* ФОН ПРОФИЛЯ */

.pa-fld4 {
    position: absolute;
    overflow: hidden;
    max-width: 240px;
    left: 0px;
    z-index: -1 !important;
    height: 600px;
    top: -1px;
  
}

.pa-fld4 img {
    max-height: 600px;
    border-radius: 10px;
    width: 240px;
    filter: grayscale(30%)!important;
}

/* ФОН ПО ДЕФОЛТУ */

.pa-author::before {
    background: url(https://forumstatic.ru/files/001b/73/d1/38480.png);
    content: '';
    height: 600px;
    width: 240px;
    z-index: -2;
    position: absolute !important;
    display: block;
    margin-top: -45px;
    margin-left: -20px;
    border-radius: 10px;

}


/* РАЗМЫТИЕ */

li.pa-fld4::after {
    content: '';
    z-index: 10;
    height: 100%;
    top: 2px;
    display: block;
    width: 240px;
    position: absolute;
    background: linear-gradient(0deg, rgb(226 226 226) 60%, rgba(0, 0, 0, 0) 100%);
}

/* ПЛАШКА */

li.pa-fld5 {
    margin-top: -10px;
    width: 200px;
}

li.pa-fld5 img { width: 200px;}

.plashkadura {
width: 200px;
box-sizing: border-box;
display: flex !important;
align-items: center;
    flex-direction: column;
justify-content: center;
text-align: center;
height: 30px;
border-radius: 0 0 0px 0px;
}

.plashkadura p {
  font-size: 7px;
  font-family: Nunito Regular;
  line-height: 120% !important;
  color: #e2e2e2;
  letter-spacing: 0.4px;
  font-weight: 500;
  text-transform: uppercase;
}


/*НАСТРОЙКА ВЫПАДАЮЩЕГО МЕНЮ*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
    background-color: #eaeaea;
    border: solid #c7ced6 1px;
    overflow: auto;
    max-height: 265px;
  margin-top: 23px;
}

/*НАСТРОЙКА ПОЯСНЯЮЩЕГО ТЕКСТА*/
.post-content abbr {
border-bottom: 1px dotted rgba(0,0,0,.5)}

.pa-awards {display: none }

/*НАСТРОЙКА ГОРИЗОНТАЛЬНОЙ ЛИНИИ*/
.post-content hr {border: 0,5px solid #232a2d96;}

/*НАСТРОЙКА НАЗВАНИЯ ТЕМЫ*/
#pun-main h1 {
letter-spacing: 1px;
font-weight: bold;
font-family: tahoma;
font-size: 0px;
text-align: center;
text-transform: uppercase;
color: #00000;}

#pun-live-rusff span.cooltext {display: none;}


/*НАСТРОЙКА ПОЛЯ С ЛЗ*/
   
.pa-fld1 {
    width: 193px;
    color: #000000;
    text-align: center;
    padding: 4px 4px 6px 4px !important;
    margin-left: -1px;
    line-height: 11px;
    font-size: 10px;
    font-family: 'Nunito';
    border-bottom: 1px double #b5b18e47;
}



.post-author .pa-fld1 a.anketa {
    text-transform: lowercase;
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 12px!important;
   line-height: 25px;
    color: #000000c9!important;
}

.post-author .pa-fld1 a.anketa:hover {
    text-transform: lowercase;
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 12px!important;
    color: #b3bbd0!important;
}

.pa-fld1 a {
    width: 172px;
    font-weight: 600;
}

.pa-fld1 a:hover {     
    width: 172px;
      color: #000000!important;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}
/*КОНЕЦ*/


/*ОКОШКО ПОДНЯТЬ РЕПУ*/

#pun-reputation h1 {
    text-align: center;
    font-size: 10px!important;
    line-height: 5px!important;
    font-family: 'Nunito'!important;
    text-transform: uppercase;
    font-weight: 600;
    color: #cecdcd !important;
    letter-spacing: 0px;
    background-color: #000000 !important;
    padding-top: 15px;
    padding-bottom: 25px;
}

/*КОНЕЦ*/


/*ОТСТУП ОТ ЛЕВОГО КРАЯ*/
body{
   padding: 0 10px;
  }
/*КОНЕЦ*/


/*КНОПКА НОВОСТИ*/

.news-buttons {
    position: absolute;
    width: 1020px;
    top: 640px;
    left: 15px;
    display: inline-flex;
    gap: 5px;
    justify-content: center;
}

.news-button {
  width: 225px;        /* фиксированная ширина */
  height: 40px;        /* фиксированная высота */
  border-radius: 5px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;       /* центрирование по высоте */
  gap: 8px;                  /* расстояние между датой и текстом */
  font-family: 'Roboto';
  transition: 0.3s;
}

/* дата теперь слева и крупнее */
.news-button .date {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto';
  flex-shrink: 0;     /* не сжимается */
  min-width: 50px;
  padding-left: 5px;
}

/* блок с текстом */
.news-button .text-block {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

.news-button .title {
  font-family: 'Roboto';
  text-transform: uppercase;
  font-weight: 500!important;
  font-size: 10px;
}

.news-button .subtitle {
  font-size: 8px;
  opacity: 0.8;
  font-family: 'Roboto';
  text-transform: uppercase;
}

/* актуальные */
.news-button.active {
  background: #ab856db8;   /* можно поменять цвет */
  color: #1d1d1d!important;
}

/* неактуальные */
.news-button.expired {
  border: 1px solid #5151513d;
  background: transparent;
  color: #483e34;            /* общий цвет */
  text-decoration: none;     /* убираем стандартное подчёркивание */
}

.news-button.expired .date,
.news-button.expired .title,
.news-button.expired .subtitle {
  color: #282828 !important; /* фиксируем одинаковый цвет для всех текстов */
}

/*КОНЕЦ*/


/*БЫСТРОПЛЮСЫ DEFF*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    cursor: pointer;
    background: url(https://forumstatic.ru/files/001b/73/d1/89004.png) no-repeat;
    /* background-size: 38px auto; */
    position: relative;
    padding-left: 11px;
    padding-top: 32px;
    z-index: 100;
    width: 77px;
    height: 53px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #edeeed;
}
a.noNull {
    padding-left: 12px!important;
}
div .post-rating p>a:hover {
    animation: fave-heart 1s steps(28);
    background-position: -2800px 0px;
    transition: background 1s steps(28);
    color: aliceblue!important;
}

@keyframes fave-heart {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2800px 0;
  }
}
div.post-rating p {
    float: right !important;
    border: 0 !important;
    padding: 3px !important;
    margin: 0px -15px 0px 0px;
}
div.post-vote {
    margin-bottom: 65px;
}

div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 25px;
  margin-top: 40px;
}

/*КОНЕЦ*/

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    top: 545px;
    margin-left: 425px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    background-color: #2a312b00;
    border-radius: 0px;
    height: 15px;
    font-weight: 100!important;
    padding: 5px 0px 10px 0px;
    text-align: center;
    border: 0px dashed #26252529;
    border-bottom: 0px dashed #26252529;
    font-family: 'LibreCaslonDisplay';
    color: #eae8e8;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0px;
    width: 180px;
    transition: all 0.3s ease-in-out 0s;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {width: 180px;
margin-left: 423px;
position: absolute;
top: 240px;             
z-index: 999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
opacity: 1;
padding: 5px;    
background: rgb(0 0 0 / 85%);
border-radius: 0px 0px 0px 0px;
}



/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background: #6986ff00;
white-space: nowrap; 
border: 1px solid #f6f4f354;
margin: 5px auto;
text-align: center;
display: block;
padding: 4px;
text-transform: lowercase;
width: 160px;
font-weight: bold;
color: #ececec;
font-family: 'Nunito';
font-size: 10px;
}


#pun .sslka a:hover {
    background: #806b5d;
    color:#ececec;
    transform:translateX(-0px);
    }

/* КОНЕЦ */



/*КНОПКА*/

.newsplash {
  position: absolute;
  text-decoration: none;
  display: inline-block;
  color: #1c1c1c!important;
  padding: 10px 10px;
  margin: 180px 0px -50px 380px;
  font-family: 'roboto', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-size: 200% auto;
  transition: .5s;
  border: 1px solid;
  border-image: linear-gradient(180deg, #5184ff, #a189ff, #f28cff, #ff8be2);
  border-image-slice: 1;
}


/*КОНЕЦ*/




[data-user-id="964"] .pa-fld1 {width: 179px;}
.punbb .post.new-ajax > * {
    border-width: 0px!important;
}
.section.online-list table {
    font-size: 11px!important;
}

del {
    text-decoration: none!important;
    filter: blur(1px);
     transition-duration: 0.3s;
}
del:hover {
    filter: blur(0px);
     transition-duration: 0.3s;
}



  body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }

  .container {
    margin-top: -15px;
    margin-bottom: 15px;
  }

  .tab {
    display: flex;
  }

  .tab-content {
    display: none;
  }

  .tab-content:target {
    display: block;
  }

  .tab-nav {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    order: -1;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }

  .tab-link {
    display: block;
    padding: 0.5rem 1rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    text-decoration: none;
    color: #0d6efd;
    border: 0;
    border-radius: 0.375rem;
    background: 0 0;
  }

  #content-1:target ~ .tab-nav > [href="#content-1"],
  #content-2:target ~ .tab-nav > [href="#content-2"],
  #content-3:target ~ .tab-nav > [href="#content-3"] {
    cursor: default;
    color: #fff;
    background-color: #0d6efd;
  }


/*ВЫДЕЛЕНИЕ ТЕКУЩЕГО ОТКРЫТОГО ПУНКТА МЕНЮ max, the murderer!*/
#pun-index li#navindex a,
#pun-userlist li#navuserlist a,
#pun-search li#navsearch a,
#pun-profile.self li#navprofile a span,
#pun-messages li#navpm a,
.punbb-admin li#navadmin a,
#pun-register li#navregister a,
#pun-login li#navlogin a {
    color: #ab856d;
}


#pun-index .category { 
border: 0px solid #000; 
border-radius: 0px 0px 0px 0px;
padding: 0px 1px !important;
margin-bottom: 40px;                   
position: relative; 
background-color: #fcfcfc00!important;
}


#pun-index .category table {
    border-radius:0px 0 0px 0px;
    width:1000px;
    border: 1px solid #0000000f;
    margin-left: 0px;
    background-color: #e1e1e1 !important;
    }

.topic a.sharelink {
  display: none;
}

/*КНОПКА ОТКЛЮЧЕНИЯ ПРЕДПРОСМОТРА */
#togglePreview input {
    background: #d9d9d996;
    border:none;
    border-radius: 10px 10px 10px 10px;
    padding: 5px 20px!important;
    color: #000000!important;
    font-size: 11px;
    text-transform: lowercase;
    font-family: 'Nunito';
    margin: 2px -18px 0px 0px!important;
    cursor:pointer;
    }

#togglePreview input:hover {
  color: #000000!important;
  background: #4b5b7166!important;
  transition: 1.5s;
  }

/*КОНЕЦ */

/*СТИЛЬ РАЗДЕЛИТЕЛЯ ВАЖНЫХ ТЕМ */
#pun-main tr.tr-divider {
background-color: #d9d9d996;
 color: #000000!important;
 font-size: 11px;
 text-transform: lowercase;
 font-weight:600;
 text-align: center;
 font-family: 'Nunito';
}
#pun-main .forum table{ table-layout: auto;}
/*КОНЕЦ */



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
/*Стиль доп-иконки Выход!*/ 
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  z-index:100000!important;
  margin-top: 9px !important;
  margin-left: 30px !important;
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position: absolute;
width: 20px;
height: auto;
transition: .63s;
}
#pun-navlinks #New-exit:hover img{
transition: .63s;
 opacity: .42;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto; 
color: #000000!important;  
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px; 
letter-spacing: 0.2; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block!important; 
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
}
.punbb #form-login #fld1:empty,#form-login #fld2:empty,
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: #d4d4d4;
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
box-sizing: border-box;
height:26px;
width:67px;
font-size: 11px!important;
color: #ffffff !important;
background: #2c2c2c!important;
border: 1px outset rgba(161,172,152,.8)!important;
text-align: center;
padding: 0 12px!important;
border-radius: 13px!important;
font-family: Verdana!important;
font-weight: 700!important;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 0.8;
cursor:pointer;

/*border: 2px outset #83693E!important; 
color:#565462!important;
font-weight:700!important; */
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
background: #EFEFEF;
min-height:183px;
border: 1px solid #626262;
border-radius: 0px 0px 6px 6px;
color: #000000;/*BCBCBC;*/
display: block;
font: 11px "Verdana";
left: 0px;
padding: 8px 12px;
margin: 1px 0;
position: absolute !important;
text-align: center;
word-spacing: normal;
white-space: normal;
/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
text-transform: none;
letter-spacing: 0.2px!important; 
top: 10px;
width: 122px;
z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -30px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -30px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -30px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
 margin: 11px 0;
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Verdana!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C!important;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
position:absolute; 
margin-top:-9px; 
min-height:90px; 
width:220px; 
right:100%; 
padding: 12px 19px 12px 17px; 
background: #EFEFEF;
border-color: #626262; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */ 
border-radius:0 0 0px 6px;
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: #2c2c2c;
text-transform:none!important;
text-align: left;
box-shadow: 2px 2px 1px rgb(149, 151, 143);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
letter-spacing: 0.4;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
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; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#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 { 
border: 1px solid #5D6755!important; 
text-shadow: none!important; 
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!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: #000000;
} 
/*Кликалка слева, чуть выше инпута*/ 
#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 Verdana!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

.tipsy {
    pointer-events: none;
}

/*откл подар*/
li.pa-gifts {
    display: none;
}

/*НАСТРОЙКА ОКНА СО ШРИФТАМИ*/

#font-area {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.4em;
}

/* Стили для каждого шрифта - делим на 2 колонки */
#font-area > div {
    width: calc(50% - 5px);
    box-sizing: border-box;
    margin: 5px 0; /* Увеличен интервал между строками */
    font-size: 15px;
}

/* Стили для разделителя - занимает всю ширину */
#font-area > hr,
#font-area > span {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-size: 15px;
}

#font-area > hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 5px 0;
}

#font-area > span {
    display: block;
}

/*ПОИСК СОО ПО ТЕМЕ */

#tuser {
    cursor: pointer !important;
    opacity: 0.4 !important;
    right: 195px !important;
    width: fit-content !important;
    height: auto !important;
    position: absolute !important;
    font-weight: normal !important;
    font-size: 11px !important;
}

#pa-email strong a, .submit-btn, .add-field-btn, .remove-field-btn, .page button, .punbb #sTheme, .punbb #isk {
    background: #d9d9d996 !important;
    border: 0px;
    font-size: 11px;
    text-transform: lowercase;
    font-family: 'Nunito';
    padding: 2px 7px;
    border-radius: 10px;
    height: auto;
    width: auto;
}

0

4

Код:
/*ПРОКРУТКА */
::-webkit-scrollbar {background: #f6f6f6; width: 5px; height: 7px}
::-webkit-scrollbar-thumb {background: #3d3d3d; width: 3px; height: 7px}
::-webkit-scrollbar-corner {background: #000000; }



div#pun-navlinks {position: absolute;width: 100%;height:20px;text-align: center;top: 435px;padding-top: 10px;margin-left: 0px;z-index: 100;}

#pun-category1, #pun-category2, #pun-category3, #pun-category4, #pun-category5, #pun-category6 {
border: 1px solid #a6d0f900;
margin-bottom: 62px;
margin-left: 14px;
  border-radius: 0px;
width: 948px!important;
}


.punbb-admin div#pun-navlinks {
top: 435px;
}


div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;  margin-left: -11px!important;
z-index: 1;
}


/* CS1 СТРУКТУРА И ТЕКСТ*/


/* CS1.1 ТЕКСТ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;
}


/* CS1.2 ТЕКСТ ФОРУМ ТЕМ СООБЩЕНИЙ*/
.punbb th {
border: none !important;
font-family: roboto;
font-size: 0px;
color: #5c4c6f;
font-weight: 600!important;
text-transform: uppercase;
letter-spacing: 1px !important;
text-align: center;
  }

/*КОНЕЦ*/

/* CS1.3 ФОН */
body {background-image: url("https://forumstatic.ru/files/001b/73/d1/57210.png");
background-repeat: no-repeat; /*повтор*/
background-color: #b6c2ce;
background-attachment: fixed!important; /*фиксация*/
background-position: top center; /*расположение*/
background-size: cover; 
}


/* CS1.4 ТЕЛО ФОРУМА */
#pun {box-shadow: 0px 0px 0px  #eaeaea;
background-color: #ececec;
background-position: center; /*расположение*/
background-repeat: repeat-y; /*повтор*/
background-attachment: no-fixed; /*фиксация*/}



/* CS1.5 ШАПКА ФОРУМА */
#pun-title table {background-image : url("https://forumstatic.ru/files/001b/73/d1/65670.png");
background-repeat : no-repeat;
background-position: center; /*расположение*/
height: 630px;
width: 1050px !important;
margin-left: -10px;
margin-top: 80px;
border-radius: 0px 0px 0px 0px;
}

/* CS1.6 ФУТЕР ФОРУМА */
#pun-about p.container {
background-image: url(https://forumstatic.ru/files/001b/73/d1/53415.png);
background-position: center;
background-repeat: no-repeat;
    margin: 0px 0px -80px 0px;
height: 145px; 
width: 1050px !important;
margin-left: -17px;
    overflow-x: hidden;
  border-radius: 0px 0px!important;
}



/* CS2 ССЫЛКИ */

/* CS2.1 НЕ АКТИВНЫЕ */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #punbb-admain a:visited {
  color: #5c6573;
  font-weight: 600;
  text-decoration: none;
}

/* CS2.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: #5c6573;
  transition: 1s;
font-weight: 600;
  text-decoration: none;
}


/* CS2.2.1 ОФОРМЛЕНИЕ ССЫЛОК В ПОДФОРУМЕ */

.punbb .main .tcr a {
  color: #000000;
  font-family: 'Nunito';
    font-size: 9px !important;
    letter-spacing: 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.punbb .main .tcr a:hover {
  color: #000000;
  background-color: #4b5b7166;
  transition: 1s;
}



/* CS2.3. ВЕРХНЯЯ НАВИГАЦИЯ ДО НАВЕДЕНИЯ */
#pun-navlinks a {
    color: #fcfcfc;
    font-family: 'LibreCaslonDisplay';
    font-size: 22px !important;
    text-transform: uppercase;
    font-weight: 400;
	font-style: italic;
}

/* CS2.3.1 ВЕРХНЯЯ НАВИГАЦИЯ В АДМИНКЕ */
.punbb-admin #pun-navlinks a {
    color: #ececec;
    font-family: 'Nunito'!important;
    font-size: 12px!important;
	text-transform: lowercase;
    font-weight: 600;
	font-style: italic;
}


/* CS2.4. ВЕРХНЯЯ НАВИГАЦИЯ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #ab856d; !important;
    transition: 1.5s;
	border: 0px solid #2a2a2a;
}



/* CS2.5. НИЖНЯЯ НАВИГАЦИЯ ДО НАВЕДЕНИЯ */
#pun-ulinks a {
    color: #ecececed;
    font-family: 'Nunito';
    font-size: 8px !important;
    letter-spacing: 0px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 1.0s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s !important;
}


/* CS2.6. НИЖНЯЯ НАВИГАЦИЯ ПОСЛЕ НАВЕДЕНИЯ */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #ecececed !important; 
	background-color: #dbad8b75;
}



/* УБРАТЬ КОЛ-ВО СОО И ТЕМ НА ГЛАВНОЙ СТРАНИЦЕ */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}

/* CS3 ИКОНКИ ТЕМ */

/* CS3.1 СТАРЫЕ*/
.punbb table Div.icon {
    float: left;
    display: block;
    background: url('https://forumstatic.ru/files/001b/73/d1/74034.png') no-repeat;
    margin-left: -5px;
    margin-top: 6px;
    width: 40px;
    height: 40px;
    background-color: #808d8600;
    background-size: contain;
    border-radius: 10px 10px 10px 10px;
}



/* CS3.2 НОВЫЕ */
#pun-index TR.inew Div.icon {
    background: url('https://forumstatic.ru/files/001b/73/d1/24653.png') no-repeat;
    background-size: contain;
}

/* CS3.3 ЗАКРЫТЫЕ*/
tr.iclosed div.icon {
background: url() no-repeat;
background-size: contain;
}

/* CS3.4 ВАЖНЫЕ*/
tr.isticky div.icon {
background: url() no-repeat;
background-size: contain;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
  background: none;
  display: block;
  float: left;
  height: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  position: relative;
  width: 0px;
}

/* CS3.5 ИКОНКИ В ПОДФОРУМЕ*/

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    display: block;
    position: relative;
    float: left;
    height: 10px;
    width: 10px;
    margin-top: 8px;
    margin-right: 8px;
    background: #4b5b7126;
    border-radius: 100%;
}

#pun-viewforum tr.inew div.icon::before {display:none;}
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background-color: #4b5b71ba;
    height: 10px;
    width: 10px;
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background-color: #4b5b71ba;
    height: 10px;
    width: 10px;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background-color: #4b5b71ba;
    height: 10px;
    width: 10px;
}


/* CS5 ПРОЧЕЕ */

/* CS5.1 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;;
  color: #3c3c3c;
  }

/* CS5.3 ЦИТАТЫ И КОД*/
.punbb .quote-box, .punbb .code-box {
    border: 1px solid #dedede !important;
    background-color: #ececec;
    border-radius: 10px ;
}

.punbb .spoiler-box {
    border: 1px solid #dedede !important;
    background-color: #ececec;
    border-radius: 10px ;
}

/* CS5.4 ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА */
.punbb textarea {
    background-color: #eeeeee;
    color: #000000;
    border: 1px double #86868652 !important;
    padding-left: 3px;
}

.punbb select, .punbb input {
background-color: #eeeeee;
color: #000000}



div#html-footer {margin: -42px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: 40px;} /* чем больше значение, тем выше низ */

#pun-about p.container a {
display: hidden;
}
/* CS5.6 ЕЩЕ */

/* НАСТРОЙКА НАВИГАЦИИ */
.forminput {width: 161px;
height: 28px;
font-size: 9px!important;
font-family: 'arial'!important;
font-weight: 600!important;
background-color: #373737!important;
border-style: solid 1px;
border-color: #ffffff8a;
color: #dfd133!important;
padding: 0px 0px 0px 3px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;}


/* ВЫРАВНИВАНИЕ ПАРАМЕТРОВ ПРОФИЛЯ */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -5em}
#pun-main .post-author ul {text-align: center;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container, #pun-crumbs2 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


#pun-reputation div {
background-color: #cecdcd;
border: dashed #49635d 0px;
}

#pun th.tcl {font-size: 0px;}


/* СТРАНИЦА ПРОСМОТРА ПРОФИЛЯ */
#profile-left {
 border: 1px solid #6f6f6f52!important;
 background: #e2e2e299; 
 text-align: center;
}

#profile-right {
 border-top: 1px solid #6f6f6f52!important;
 border-bottom: 1px solid #6f6f6f52!important;
 border-right: 1px solid #6f6f6f52!important;
 background: #e2e2e299;  
}

#viewprofile #profile-right li span:first-of-type:not(li strong span) {
font-family: 'Nunito';
font-weight: 600;
width: 150px;
height: 10px;
padding: 4px 0px 5px 5px;
margin-left: -150px;	
border: 0px solid #6f6f6f52!important;}


#viewprofile td { 
font-size: 10px;
font-family: 'Nunito';
text-transform: lowercase;
}

#viewprofile td a { 
font-size: 11px;
font-family: 'Nunito';
font-weight: 600;
text-transform: lowercase;
}


/*НАСТРОЙКА ПОЛЯ ОСНОВ АКК*/

.pa-fld3 {     
    width: 10px;
    text-align: center;
    padding: 0px 0px 0px 0px !important;
    line-height: 10px;
    }

    .pa-fld3 a{    
    position: absolute;
    color: #ba366b!important;
    text-transform: uppercase;
    font-size: 80px;
    height: 0px;
    font-weight: 100;
    margin-top: -13px!important;
    margin-left: -35px;
    font-family: 'Playfair Display';
    letter-spacing: 0px;

    }


/*ПОДФОРУМ ОПИСАНИЕ*/
.podforuminf {
position: relative;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Nunito';
    color: #141213;
    letter-spacing: 1px;
    font-weight: bold;
}

/*КОНЕЦ*/ 

/*ПОДФОРУМ ССЫЛКИ*/
.podforumssil {
    display: inline-block;
    text-transform: uppercase;
    font-size: 9px;
    font-family: 'Nunito';
    letter-spacing: 1px;
    padding: 1px 5px 2px 3px;
    color: rgb(56 55 54) !important;
    font-weight: 600 !important;
   background-color: #4b5b7166 !important;
}


.podforumssil a {
    color: #3a4a54!important;
}

/*КОНЕЦ*/ 


/*НОВОСТНЫЕ ПЛАШКИ*/
.newsplash1 {
background: url() top no-repeat, url() bottom no-repeat, url() repeat-y;
width: 1000px;
position: absolute !important;
margin-top: -75px !important;
margin-left: -10px!important;
}
.newsplash2 {
background: #14121300;
border: 1px solid #000000; 
width: 170px;
height: 20px;
margin-right: 40px!important;
padding: 5px 25px 5px 25px;
font-size: 10px;
letter-spacing: 0,5px;
font-family: 'Roboto';
color: #ba366b!important;
text-transform: uppercase;
}
.newsplash2 a {color: #ba366b!important;}
.newsplash2 a:hover {color: #ba366b!important;}

/*КОНЕЦ*/ 

/*БАННЕРЫ*/
.partn {
    position: absolute;
    margin-left: 146px !important;
    margin-top: -95px !important;
    width: 760px;
    height: 50px;
    overflow-y: auto;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}



.partn a {
   opacity: 0.4;
   filter: grayscale(50%)!important;
   transition: all .6s cubic-bezier(0.49, -0.31, 0.65, 1.21) 0s;
   }

.vippartn a {
   transition: all .6s cubic-bezier(0.49, -0.31, 0.65, 1.21) 0s;
   }

.partn a:hover, .vippartn a:hover {
   opacity: 1!important;
   filter: none!important;
   }

.partn::-webkit-scrollbar { width: 3px;}
.partn::-webkit-scrollbar-track {background: #1d1d1b;}
.partn::-webkit-scrollbar-thumb {background: #cdd8da;}


.partn a:not(.static) {
    display: none;
}


/*КОНЕЦ*/

/*ОФОРМЛЕНИЕ КНОПОК ОТПРАВИТЬ*/
#pun-main .formsubmit input {
    padding: 5px 5px 5px 5px;
    border: 1px solid #000000;
    text-transform: uppercase;
    font-size: 8px;
    border-radius: 0px;
    font-family: arial;
    font-weight: bold;
    letter-spacing: 1px;
    color: #a8b7b5;
    background-color: #1a1a1a;
}   

#pun-main .formsubmit .button:hover {
background-color: #1a1a1a;
border-radius: 0px;
color: #a8b7b5;
  }

/*КОНЕЦ*/ 


/*РЕДАКТИРУЕТ ЦВЕТ ТЕКСТА ВЫДЕЛЕНИЯ*/

::selection {
    background: #e02f2c29 !important;
   opacity: 0.5;
   color: #242424;
}

/*КОНЕЦ*/ 

#pun-index div.category h2 {
    font-size: 0px;
}

.pa-author a {
  color: #e0e0e0!important;
  }

#pun-searchtopics .pa-author {
  font-size: 10px;
}

#pun-stats h2 {
  text-align: center;
  font-size: 0px;
  font-weight: normal;
}

#image-area-sels, #smilies-area {
  background-color: transparent;
}

td#button-smile {display: none;}

li.pa-avatar.item2 img {
    max-width: 180px;
    border: 0px solid #0000003d;
	border-radius: 10px;
}

/*ОФОРМЛЕНИЕ ПОЛЕЙ В РЕДАКТИРОВАНИИ ПРОФИЛЯ*/
#profilenav {
font-size: 10px;
font-family: 'Roboto'; 
font-weight: 400;
letter-spacing: 0.2px;
text-transform: uppercase; 
}

#profilenav h2 span {
font-size: 12px;
font-family: 'Roboto'; 
font-weight: 400;
letter-spacing: 0.2px;
text-transform: uppercase;
}

/*КОНЕЦ*/

/*ОФОРМЛЕНИЕ ПОЛЕЙ В АДМИНКЕ*/
#pun-adnav {
font-size: 10px;
font-family: 'Roboto'; 
font-weight: 400;
letter-spacing: 0.6px;
text-transform: uppercase; 
}

/*КОНЕЦ*/

.forum .container table .hasicon tr .tcl .intd .tclcon { 
font-size: 11px;
font-family: 'Nunito'; 
text-transform: lowercase;
line-height: 15px;
}

.forum .container table .hasicon tr .tcl .intd .tclcon a{ 
font-size: 12px;
text-transform: lowercase;
color: #2d2c29!important;
font-weight: 800
}

.forum .container table .hasicon tr .tcl .intd .tclcon a:hover {
  background: #B3BBD0!important;
}





/* НАСТРОЙКА НАВИГАЦИИ */
.forminput {
width: 230px;
height: 25px;
font-size: 10px!important;
font-family: 'roboto'!important;
font-weight: 80000!important;
background-color: #eae9e97d!important;
border-style: solid 1px;
border-color: #eae9e9;
color: #000000!important;
padding: 0px 0px 0px 3px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}

/*ФОН ПРОФИЛЯ*/
/* .punbb .post .post-author {
background-image: url("https://forumstatic.ru/files/001b/73/d1/38103.png");
    background-color: #eeeeee00!important;
    margin: 15px 0px 0px -2px!important;
    width: 240px !important;
    border-radius: 0px 0px 0px 0px;
} */


/*КНОПКИ ВВЕРХ/ВНИЗ*/

.go-up,.go-down {
	cursor: pointer;
	display: none;
	height: 20px;
	margin-bottom: 160px;
	opacity: 1;
	position: fixed;
	z-index: 9999;
}

.go-up {
    top: 350px;
    width: 15px;
    height: 50px;
    line-height: 0px;
    border-radius: 0px 10px 10px 0px;
    text-align: center;
    padding-left: 25px;
    background: #bd816a00;
    margin-left: 1040px !important;
}

.go-down {
    top: 497px;
    width: 15px;
    height: 50px;
    line-height: 0px;
    text-align: center;
    padding-left: 25px;
    background: #7883a100;
    border-radius: 0px 10px 10px 0px;
    margin-left: 1040px !important;
}



.go-down:hover,.go-up:hover {
opacity:1;
}

.renoheader {
 background: #eae9e9;
background: url(https://forumstatic.ru/files/001a/ff/52/73848.png) no-repeat;
 }

.renoheaderhover {
width: 1000px; 
height: 320px; 
opacity: 0; 
transition-duration: 1.5s;  
-moz-transition-duration: 1.5s;  
-webkit-transition-duration: 1.5s;  
-o-transition-duration: 1.5s;
margin-top: 38px!important;
margin-left: -10px!important;
position: absolute;
 }

.renoheaderhover:hover {
color: #eae9e9;
width: 1000px; 
height: 320px; 
background-color: #eae9e9;
background: url(https://forumstatic.ru/files/001a/ff/52/73848.png) no-repeat;
opacity: 1;
 }

.renoheadercontent {
width: 1000px; 
height: 320px; 
background: #eae9e9; 
background: url(https://forumstatic.ru/files/001a/ff/52/73848.png) no-repeat;
color: #eae9e9; }

/* icon fonts*/
@font-face {
    font-family: icomoon;
    src: url("https://forumstatic.ru/files/001b/61/c9/55259.ttf") format("truetype");
}
@font-face {
    font-family: fa-thin;
    src: url("https://forumstatic.ru/files/001b/73/d1/69011.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-solid;
    src: url("https://forumstatic.ru/files/001b/73/d1/43250.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-regular;
    src: url("https://forumstatic.ru/files/001b/73/d1/37687.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-light;
    src: url("https://forumstatic.ru/files/001b/73/d1/90046.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-duotone;
    src: url("https://forumstatic.ru/files/001b/73/d1/16351.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-brands;
    src: url("https://forumstatic.ru/files/001b/73/d1/66477.ttf?v=1") format("truetype");
}

/* кнопо4ки */

#form-buttons {
    height: 16px;
    padding: 0px 2px 16px 9px;
    margin-bottom: -1px;
    background: rgb(238 238 238);
    /* border-radius: 11px 11px 0px 0px; */
    box-shadow: rgb(79 68 67 / 8%) 1px 1px 2px;
    border: 1px solid rgb(134 134 134 / 30%) !important;
}

div#pun-messages #form-buttons {
    width: 711px;}
#form-buttons td {
    height: 33px;
   font-family: fa-regular;
    position: relative;
    opacity: 0.75;
    background-image: none !important;
    color: black;
}
#form-buttons > table {
    border: none;
    background: transparent;
    padding: 0;
}
#form-buttons td img {
    height: 26px!important;
    margin-top: -13px;
    width: 100%;
}
#form-buttons td img {
    display: inline-block;
    margin-left: -21px;
    z-index: 100;
}
#button-font:before {
    content: "\f031";
    font-size: 15px;
}

#button-transL:before {
    content: "\e1bf";
    font-size: 15px;
}

#button-size:before {
    content: "\f894";
    font-size: 15px;
}

#button-bold:before {
    content: "\f032";
    font-size: 15px;
}

#button-italic:before {
    content: "\f033";
    font-size: 15px;
}

#button-underline:before {
    content: "\f0cd";
    font-size: 15px;
}

#button-strike:before {
    content: "\f0cc";
    font-size: 15px;
}

#button-indent:before {
    content: "\f03c";
    font-size: 15px;
}

#button-left:before {
    content: "\f036";
    font-size: 15px;
}

#button-center:before {
    content: "\f037";
    font-size: 15px;
}

#button-right:before {
    content: "\f038";
    font-size: 15px;
}

#button-indpost:before {
    content: "\e0b5";
    font-size: 15px;
}

#button-lower:before {
    content: "\f8f2";
    font-size: 15px;
}

#button-link:before {
    content: "\f0c1";
    font-size: 15px;
}

#button-spoiler:before {
    content: "\e0bf";
    font-size: 15px;
}

#button-image:before {
    content: "\f03e";
    font-size: 15px;
}

#button-video:before {
    content: "\f03d";
    font-size: 15px;
}

#button-hide:before {
    content: "\f070";
    font-size: 15px;
}

#button-quote:before {
    content: "\e1e4";
    font-size: 15px;
}

#button-code:before {
    content: "\f121";
    font-size: 15px;
}

#button-color:before {
    content: "\f53f";
    font-size: 15px;
}

#button-table:before {
    content: "\f00b";
    font-size: 15px;
}

#button-smile:before {
    content: "\e391";
    font-size: 14px;
}

#button-sticker:before {
    content: "\f6b5";
    font-size: 16px;
    font-family: fa-solid;
    margin-top: -4px!important;
    margin-left: -10px!important;
}

#button-keyboard:before {
    content: "\f11c";
    font-size: 15px;
}

#button-addition:before {
    content: "\f013";
    font-size: 15px;
}

#button-files_rusff:before {
    content: "\e9cd";
    font-size: 13px;
}


#floatbut:before {
    content: "\e1b9";
    font-size: 15px;
    position: absolute;
    margin-top: 1px;
    margin-left: -11px;
}


#button-mask:before {
    content: "\f630";
    font-size: 15px;
}


#button-graffiti_rusff:before {
    content: "\eae9";
    font-size: 13px;
}
/* кнопо4ки */




.occupied-list {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  max-width: 600px;
  margin: 0 auto;
}

.occupied-list h2 {
  color: #333;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}

.occupied-list ul {
  list-style-type: none;
  padding: 0;
}

.occupied-list li {
  padding: 5px 0;
}

.celebrity-name {
  font-weight: bold;
}

.character-name {
  color: #555;
}


/* переключение*/
#stylelist [data="standart"] a::before {
    content: "\f0c2";
    font-family: icon;
    font-size: 9px;
    color: #ececec;
}
#stylelist [data="dark"] a::before {
    content: "\f186";
    font-family: FontAwesomeSolid;
    font-size: 10px;
    color: #806b5d;
}

#stylelist a {
    font-size: 0px;
}
ul#stylelist {
    position: absolute;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-left: 505px;
    margin-top: -20px;
    justify-items: center;
}
#stylelist > li.active {
    opacity: 1;
}
#stylelist > li {
    /* opacity: 0.5; */
}
/* переключение*/

/* темный фон*/
body.dark {
    background-image: url(https://forumstatic.ru/files/001b/73/d1/51201.png);
    background-repeat: no-repeat;
    background-color: #2a2a2a;
    background-attachment: fixed!important;
    background-position: top center;
    background-size: cover;
}

/* темный фон*/

/*ЭПИЗОД НЕДЕЛИ*/ 
.episode-week {
    position: absolute;
    text-align: left;
    left: 43px;
    top: 361px;
    width: 550px;
    height: 50px;
    overflow: auto;
    color: #ececec;
    font-size: 10px;
	font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.3;
    font-family: 'Nunito'!important;
}

.episode-week a {
    background: transparent !important;
    display: inline !important;
    color: #ab856d !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
}

/*КОНЕЦ*/ 


/*ПОСТ НЕДЕЛИ*/ 
.post-week {
    position: absolute;
	width: 385px;
    height: 80px;
    left: 41px;
    top: 462px;
    overflow: auto;
    color: #ececec;
    font-size: 9px;
    line-height: 1.3;
	padding-right: 5px;
}

.post-week a {
    display: inline !important;
    color: #ab856d!important;
    text-transform: lowercase !important;
	font-weight: 600 !important;
    font-size: 10px !important;
}


.post-week::-webkit-scrollbar { width: 1px;}
.post-week::-webkit-scrollbar-track {background: #fff;}
.post-week::-webkit-scrollbar-thumb {background: #ab856d;}

/*КОНЕЦ*/ 


/*АКТИВИСТЫ*/ 
    .activeweek {
      position: absolute;
      display: inline-flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      margin-top: 465px!important;
      margin-left: 789px!important;
      z-index: 1;
    }

    .activeweek img {
      width: 35px;
      height: 35px;
      border-radius: 50%;
    }

/*КОНЕЦ*/

/*ПАРА НЕДЕЛИ*/ 
    .coupleweek {
      position: absolute;
      display: inline-flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      margin-top: 360px!important;
      margin-left: 858px!important;
      z-index: 1;
    }


    .coupleweek img {
      width: 35px;
      height: 35px;
      border-radius: 50%;
    }

/*КОНЕЦ*/ 



/* ЛИЧНАЯ СТРАНИЦА */ 

:root {
  --pp-main-bg: 255, 255, 255;
  --pp-second-bg: 229, 229, 229;
  --pp-third-bg: 238, 238, 238;
  --pp-font-color: 0, 0, 0;
  --pp-secondary-color: 66, 64, 63;
}



pptwinks div::-webkit-scrollbar,
ppbgs>div::-webkit-scrollbar,
ppplaques>div::-webkit-scrollbar,
ppachiev div::-webkit-scrollbar,
ppcoupons>div::-webkit-scrollbar,
ppcollections>div::-webkit-scrollbar,
collection div::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

pptwinks div::-webkit-scrollbar-track,
ppbgs>div::-webkit-scrollbar-track,
ppplaques>div::-webkit-scrollbar-track,
ppachiev div::-webkit-scrollbar-track,
ppcoupons>div::-webkit-scrollbar-track,
ppcollections>div::-webkit-scrollbar-track,
collection div::-webkit-scrollbar-track {
  background: rgb(var(--pp-second-bg)) !important;
  border-radius: 10px;
}

.pptwinks div::-webkit-scrollbar-thumb,
.ppbgs>div::-webkit-scrollbar-thumb,
.ppplaques>div::-webkit-scrollbar-thumb,
.ppachiev div::-webkit-scrollbar-thumb,
.ppcoupons>div::-webkit-scrollbar-thumb,
.ppcollections>div::-webkit-scrollbar-thumb,
.collection div::-webkit-scrollbar-thumb {
  background: rgb(var(--pp-font-color)) !important;
  border-radius: 10px;
}



/* ВРЕМЕННЫЙ КУСОК */

.plashkadura {
  width: 200px;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 30px;
  border-radius: 0 0 0px 0px;
}

.plashkadura p {
  font-size: 6px;
  font: Nunito;
  line-height: 120% !important;
  color: #e2e2e2;
  letter-spacing: 0.2px;
  font-weight: bold;
  text-transform: uppercase;
}


/* КОНЕЦ ВРЕМЕННЫЙ КУСОК */


personalpage {
  display: block;
  width: 874px;
  height: 454px;
  border-radius: 10px;
  position: relative;
  overflow: visible;
  background: url(https://forumstatic.ru/files/001c/72/80/29330.png) no-repeat center / 100%;
  margin: auto !important;
}

personalpage::after,
personalpage::before {
  content: '';
  width: 136px;
  height: 136px;
  background: url(https://forumstatic.ru/files/001c/72/80/50278.png) no-repeat center / 100%;
  display: block;
  position: absolute;
}

personalpage::before {
  left: -39px;
  bottom: -41px;
}

personalpage::after {
  right: -27px;
  top: -22px;
}

personalpage * {
  box-sizing: border-box;
}

ppchar {
  width: 125px;
  height: 60px;
  top: 42px;
  left: 52px;
  border-radius: 5px;
  display: block;
  position: absolute;
  box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.4);
  z-index: 3;
}

ppchar img {
  width: 125px;
  height: 40px;
  border-radius: 5px 5px 0 0;
  object-fit: cover;
}

ppname {
  width: 125px;
  height: 20px;
  position: relative;
  border-radius: 0 0 5px 5px;
  background: rgb(var(--pp-main-bg));
  font: 600 10px Nunito;
  text-transform: uppercase;
  margin-top: -2px !important;
  display: flex;
  align-items: center;
  padding-left: 23px;
}

ppsign {
  position: absolute;
  display: block;
  top: 1px;
  left: 4px;
  color: rgb(var(--pp-font-color), .7);
  font-size: 12px;
  font-weight: 100;
}

pptwinks {
  width: 300px;
  height: 320px;
  top: 119px;
  left: 15px;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  background: rgb(var(--pp-main-bg), .7);
  backdrop-filter: blur(7px)
}

pptwinks div {
  width: 138px;
  height: 278px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  overflow: auto;
  margin: 25px 11px 17px !important;
  box-sizing: content-box;
  scrollbar-gutter: stable;
}

pptwinks ppchar {
  position: relative;
  top: 0px;
  left: 0px;
  box-shadow: none;
}

pptwinks a {
  border-bottom: none !important
}

.char_0::before,
.char_1::before {
  top: 5px;
  left: 11px;
  font-family: Verdana;
  font-weight: 700;
  font-size: 12px;
  color: rgb(var(--pp-font-color), .8);
  position: absolute;
}

.char_1::before {
  content: 'твины';
}

.char_0::before {
  content: 'основа';
}

.vtab-wrapper {
  font-family: verdana;
  width: 692px;
  height: 408px;
  bottom: 15px;
  right: 17px;
  border-radius: 5px;
  position: absolute;
  z-index: 2;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
  background: url(https://forumstatic.ru/files/001c/72/80/54802.png) no-repeat center / 100%;
}

.vtab-labels {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: -15px;
  left: 83px;
  gap: 10px;
}

.vtab-labels label {
  background: rgb(var(--pp-main-bg), 1);
  color: rgb(var(--pp-font-color), .5);
  text-align: center;
  cursor: pointer;
  transition: background 0.4s ease-in-out, box-shadow 0.2s ease-in-out, color 0.4s ease-in-out;
  height: 26px;
  width: fit-content;
  border-radius: 100px;
  padding: 5px 16px;
  font-family: Verdana;
  font-weight: 700;
  font-size: 10px;
  text-transform: lowercase;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);

}

.vtab-labels label:hover {
  background: rgb(240 240 240);
}

input[name="vtabset"] {
  display: none;
}

.vtab-content {
  display: none;
  width: 602px;
  height: 344px;
  top: 41px;
  left: 42px;
  position: relative;
}

#vtab1:checked~.vtab-content-wrapper .vtab1,
#vtab2:checked~.vtab-content-wrapper .vtab2,
#vtab3:checked~.vtab-content-wrapper .vtab3 {
  display: block;
}

#vtab1:checked~.vtab-labels label[for="vtab1"],
#vtab2:checked~.vtab-labels label[for="vtab2"],
#vtab3:checked~.vtab-labels label[for="vtab3"] {
  background: rgba(var(--pp-second-bg), 1);
  color: rgb(var(--pp-font-color), 1);
  box-shadow: 3px 4px 12px 0px rgba(0, 0, 0, 0.25);

}

ppabout {
  width: 366px;
  height: 165px;
  border-radius: 5px;
  padding: 8px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgb(var(--pp-third-bg));
}

ppabout p {
  font-weight: 900;
  font-size: 10px !important;
  color: rgb(var(--pp-secondary-color));
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px !important;
}

ppabout p i {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}

ppabout div {
  width: 355px;
  height: 130px;
  overflow: auto;
  scrollbar-gutter: stable;
  font-weight: 400;
  font-size: 10px;
  padding-right: 3px;
  line-height: 150%;
  text-align:left;
  color: rgb(var(--pp-secondary-color));
}

ppplaques {
  width: 222px;
  height: 321px;
  position: absolute;
  right: 0px;
  top: 21px;
  background: rgb(var(--pp-main-bg));
  padding: 5px 2px 5px;
  border-radius: 5px;
}

ppplaques::before {
  content: attr(data-title);
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  color: rgb(var(--pp-font-color), .4);
  position: absolute;
  top: -21px;
  right: 0px;
}


ppplaques>div {
  display: flex;
  flex-direction: column;
  width: 207px;
  height: 302px;
  gap: 4px;
  overflow: auto;
  margin: 4px 7px 8px !important;
}

ppplaques>div>div {
  flex-shrink: 0;
}

ppbgs {
  width: 366px;
  height: 140px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgb(var(--pp-main-bg));
  border-radius: 5px;
}

ppbgs::before {
  content: attr(data-title);
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  color: rgb(var(--pp-font-color), .4);
  position: absolute;
  top: -21px;
  right: 0px;
}


ppbgs>div {
  display: flex;
  width: 350px;
  height: 128px;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 8px 8px 8px !important;
  padding-bottom: 4px;
  white-space: nowrap;
  scroll-behavior: smooth;
}

ppbgs>div>img {
  flex-shrink: 0;
  width: 55px;
  height: 120px;
  object-fit: cover;
}

ppachiev {
  width: 574px;
  height: 341px;
  top: 0px;
  right: -15px;
  padding: 8px 4px 8px 8px;
  background: rgb(var(--pp-main-bg), 1);
  display: block;
  position: relative;
  border-radius: 5px;
}

achievement {
  width: 275px;
  height: 43px;
  border-radius: 10px;
  display: block;
  background: rgb(var(--pp-third-bg));
  padding: 5px 5px 5px 50px;
  position: relative;
  overflow: hidden;
}

achievement img {
  width: 43px;
  height: 43px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
}

achievement img.not {
opacity: 0.6;
filter: blur(1.2px) grayscale(1);
}

achievement span:first-of-type {
  font-weight: 700;
  font-size: 10px;
  display: block;
  margin-bottom: 4px;
}

achievement span:last-of-type {
  font-weight: 400;
  font-size: 9px;
  display: block;
}

ppachiev div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  height: 325px;
  overflow: auto;
}


ppcoupons {
  width: 218px;
  height: 323px;
  position: absolute;
  display: block;
  left: 0px;
  top: 21px;
  background: rgb(var(--pp-main-bg));
  padding: 5px 2px 5px;
  border-radius: 5px;
}

ppcoupons::before {
  content: attr(data-title);
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  color: rgb(var(--pp-font-color), .4);
  position: absolute;
  top: -21px;
  right: 0px;
}


ppcoupons>div {
  display: flex;
  flex-direction: column;
  width: 209px;
  height: 308px;
  padding-right: 2px;
  gap: 4px;
  scrollbar-gutter: stable;
  overflow: auto;
  margin: 4px 5px 8px !important;
}

couponnot {
  width: 202px;
  border-radius: 5px;
  gap: 4px;
  padding: 8px;
  display: flex;
  background: rgb(var(--pp-third-bg));
}

couponyes {
  width: 202px;
  border-radius: 5px;
  gap: 4px;
  padding: 8px;
  display: flex;
  background: #B3BBD0;;
}

coupon i {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}

couponnot span:first-of-type {
  font-weight: 900;
  font-size: 10px;
}

couponyes span:first-of-type {
  font-weight: 900;
  font-size: 10px;
}

couponnot span:last-of-type {
  font-weight: 400;
  font-size: 9px;
 text-align: left;
}

couponyes span:last-of-type {
  font-weight: 400;
  font-size: 9px;
}


ppcollections {
  width: 364px;
  height: 323px;
  position: absolute;
  display: block;
  right: 0px;
  top: 21px;
  padding: 5px 2px 5px;
  border-radius: 5px;
}

ppcollections::before {
  content: attr(data-title);
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  color: rgb(var(--pp-font-color), .4);
  position: absolute;
  top: -21px;
  right: 0px;
}


ppcollections>div {
  display: flex;
  flex-direction: column;
  width: 350px;
  height: 308px;
  padding-right: 2px;
  gap: 4px;
  scrollbar-gutter: stable;
  overflow: auto;
  margin: 4px 5px 8px !important;
}

collection {
  width: 340px;
  height: 105px;
  border-radius: 10px;
  background: rgb(var(--pp-main-bg));
  padding: 8px;
}

collection span:first-of-type {
  font-weight: 700;
  font-size: 12px;
  color: rgb(var(--pp-secondary-color));
  display: block;
}

collection span:last-of-type {
  font-weight: 400;
  font-size: 9px;
  color: rgb(var(--pp-secondary-color));
  display: block;
}

collection div {
  display: flex;
  width: 324px;
  height: 55px;
  padding-bottom: 2px;
  gap: 4px;
  scrollbar-gutter: stable;
  overflow: auto;
  margin: 8px 0px !important;
  white-space: nowrap;
  scroll-behavior: smooth;
}

collection img {
  width: 50px;
  height: 50px;
  border: 0px solid rgba(0, 0, 0, 1) !important;
  object-fit: cover;
}

collection img.not {
opacity: 0.6;
filter: blur(2.0px) grayscale(1);

}

a.edit-link {
    position:absolute;
    margin:35px 0 0 830px;
    display:block;
    font-size:0px;
    border:0px solid;
    border-radius:100%;
    width: 25px;
    height:25px;
    text-align:center;
    line-height:22px;
    z-index:1000;
    }


a.edit-link:before {
content: "\f4ff";
    font-family: FontAwesomeSolid;
    font-size: 13px;
    padding: 5px;
    color: #2d2d2d;
}


/* КАТАЛОГ АЧИВОК */

catalogachiev {
  width: auto;
  height: auto;
  top: 0px;
  right: -15px;
  padding: 8px 4px 8px 8px;
  display: block;
  position: relative;
  border-radius: 5px;
}

achievka {
  width: 255px;
  height: 43px;
  border-radius: 0px;
  display: block;
  padding: 5px 5px 5px 50px;
  position: relative;
  overflow: hidden;
}

achievka img {
  width: 43px;
  height: 43px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
}

achievka img.not {
opacity: 0.6;
filter: blur(1.2px) grayscale(1);
}

achievka span:first-of-type {
  font-weight: 700;
  font-size: 10px;
  display: block;
  margin-bottom: 4px;
}

achievka span:last-of-type {
  font-weight: 400;
  font-size: 9px;
  display: block;
}

catalogachiev div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  height: auto;
  overflow: auto;
}

/* КОНЕЦ */

0


Вы здесь » Sound Of The Machine » the angel of the odd: » битвин дизайн осенний


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