the dome test

Объявление

лучший эпизод: беги дорогая, беги
беги ради папы и мамы, если услышишь шаги, делай круги и зигзаги. беги ради папы и мамы, если услышишь шаги, делай круги и зигзаги. беги ради папы и мамы, если услышишь шаги, делай круги и зигзаги.
фолл ривер, лейквуд, cша; лето 2022
закрытый город, мистика, расы, nc-21
очередность в квестах:
if you see a light - run - nathan dale - до 14.06
do you realize? - jonathan weismann - до 13.06
we could be immortals - noel clarke - до 14.06
aisha Легкая на подъеб. Знает все про людей, охотников и о том, как из людей сделать охотников. Доломает то, что не сломал Бун, как только найдет того негодяя, что стырил ее йогурт. // boone Зацените, как его зажали две дамочки. Поможет ведьмам найти дорогу к ковену, но в постель пускает только одну. В свободное от изучения бестиария время ломает коды с вампирской силой. // madeleine Член совета, который рад всем, даже вампирам и оборотням, хотя ее бывший - тот еще кровосос. Проводит в сюжет и впишет в любой смертельный замут.
лучший пост: рита
Мне не пятнадцать, чтобы переживать из-за всякого рода слухов. Когда ты молодой. Мне не пятнадцать, чтобы переживать из-за всякого рода слухов. Когда ты молодой. Мне не пятнадцать, чтобы переживать из-за всякого...

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

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


Вы здесь » the dome test » архив дизайнов » фиолетовый от Рут


фиолетовый от Рут

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

1

https://forumstatic.ru/files/001b/e7/0b/51249.png

0

2

хтмл-верх

Код:
<!-— Cчётчик Игровых постов, стили -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
Настройки!
***************************/
FORUM._NUMpa_fld = 4;    // Номер.Доп.поля,
FORUM._color_fld = "#423f38"; // Цвет шрифта cчётчика,
FORUM.includeFirstPost = 0; // 0 — не учитывать,1 — учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0;    // 0 — Поле отдельно, 1 — через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[1,11]];	// Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "0b2c4edb58409513fa18e3f016d6fd883cd10345"; //Код подписки;/выдаётся на этапе теста/
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум  //Темы (включаемые, или исключаемые)
f9  : -[0],	// wicked games we play
f10 : -[0]	// meet you on the otherside  //Последний элемент без запятой!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.punbb .table_GamePosts tbody th {color:#fff}#pre_placement>a {right: 36px; top: 0px;}.punbb span.GamePst{padding: 0;color: color: var(--color-sky) !important;}#profile-right strong.GamePst2{color:  color: var(--color-sky) !important;}</style>
<!--//END Cчётчик Игровых постов © Deff-->

<div class="table_bg_home_text">
небольшой город оказывается изолирован от всего мира. люди узнают о существовании сверхов, о которых читали в книгах или смотрели в сериалах. мир переворачивается с ног на голову. 
</div>

<div class="table_bg_home_text2">
нужно научиться сосуществовать, но согласны на это далеко не все. спасибо правительству и ученым за социальный эксперимент.
</div>

<div class="bigdome-all-ab1">
фолл ривер // лейквуд, сша,<br>
март-апрель 2022<br>
городская мистика, расы, 21+
</div>

<!-- очередность сюжета -->
<div id="quest">
<div id="quest-topic">очередность в сюжетных эпизодах</div>
<a href='https://thedome.rusff.me/viewtopic.php?id=1003#p164094'>welcome to the family</a> gm до 04.02<br>
</div>

<!-- *************************************************************** -->
<!-- флуд-->
<div id="ACTIVE">

<div id="flood">
<div id="flood-1">
<a href='https://thedome.rusff.me/profile.php?id=34'><img src="https://i.imgur.com/Bzi47BS.jpg" title="карли"/></a>
</div>

<div id="flood-2">
<a href='https://thedome.rusff.me/profile.php?id=341'><img src="https://forumupload.ru/uploads/001b/60/aa/2/837631.jpg" title="сейди"/></a>
</div>

<div id="flood-3">
<a href='https://thedome.rusff.me/profile.php?id=409'><img src="https://forumupload.ru/uploads/001b/60/aa/278/995121.jpg" title="джей ди"/></a>
</div>

<div id="flood-4">
<a href='https://thedome.rusff.me/profile.php?id=48'><img src="https://forumupload.ru/uploads/001b/60/aa/2/434845.jpg" title="бун"/></a>
</div>
</div>

<!-- лучший пост-->
<div id="b-post">
<div class="best-post-text">
<b>Происходящее в Фолл Ривере напоминало весьма остросюжетную игру, в которой нужно строить башню</b>... <a href="https://thedome.rusff.me/viewtopic.php?id=1316#p209268">пост: рик</a>
</div>
</div>

<!-- эпизод -->
<div id="episode">
все тайное рано или поздно становится явным. чаще рано, чем поздно.<br>
<div id="episode-link"><a href="https://thedome.rusff.me/viewtopic.php?id=1308#p208475">не сжимай моего запястья</a></div>
</div>

<!-- постописцы-->
<div id="activist">
<div id="activist-4">
<a href='https://thedome.rusff.me/profile.php?id=290'><img src="https://forumupload.ru/uploads/001b/60/aa/278/872939.jpg"  title="силь: 7 постов"></a>
</div>

<div id="activist-3">
<a href='https://thedome.rusff.me/profile.php?id=307'><img src="https://i.imgur.com/8MUG5g8.jpg" title="ки: 10 постов"></a>
</div>

<div id="activist-2">
<a href='https://thedome.rusff.me/profile.php?id=387'><img src="https://forumupload.ru/uploads/001b/60/aa/2/789074.jpg"  title="фрэнк: 5 постов"></a>
</div>

<div id="activist-1">
<a href='https://thedome.rusff.me/profile.php?id=278'><img src="https://i.imgur.com/ICnrAdo.jpeg"  title="аиша: 5 постов"></a>
</div>
</div>


<div class="up-navigation">
<a href='https://thedome.rusff.me/viewtopic.php?id=37'>F.A.Q.</a> ❋ <a href='https://thedome.rusff.me/viewtopic.php?id=39'>ПРАВИЛА</a> ❋ <a href='https://thedome.rusff.me/viewtopic.php?id=38'>СЮЖЕТ</a> ❋ <a href='https://thedome.rusff.me/viewtopic.php?id=35'>БЕСТИАРИЙ</a>
</div>
</div>

<div class="ams_wrap">
<span class="ams"><a href="https://thedome.rusff.me/profile.php?id=313">MADELEINE</a><em><center><img src="https://forumupload.ru/uploads/001b/60/aa/278/717213.gif"></center> 
Член совета, который рад всем, даже <b>вампирам и оборотням</b>, хотя ее бывший - тот еще кровосос. Проводит в сюжет и впишет в любой <s>смертельный</s> замут.</em></span>
<br>
<span class="ams"><a href="https://thedome.rusff.me/profile.php?id=48">BOONE</a><em><center><img src="https://forumstatic.ru/files/001b/a8/12/74143.gif"></center> 
Зацените, как его зажали две дамочки. Поможет <b>ведьмам</b> найти дорогу к ковену, но в постель пускает только одну. В свободное от изучения <b>бестиария</b> время ломает коды с вампирской силой.</em></span>
<br>
<span class="ams"><a href="https://thedome.rusff.me/profile.php?id=278">AISHA</a><em><center><img src="https://forumstatic.ru/files/001b/a8/12/69702.gif"></center> 
Легкая на подъеб. Знает все про <b>людей, охотников</b> и о том, как из людей сделать охотников. Доломает то, что не сломал Бун, как только найдет того негодяя, что стырил ее йогурт.</em></span>
</div>

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: var(--color-black);
  border: 0;
  z-index: 99999;
  max-width: 180px;
  border-radius: 2px;
  font-family: Verdana; /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: var(--color-grey); /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<script language="javascript">
var sek = 100000000000000000000;  // Время отображения
var Nrout=$("#KontentRotator2 p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#KontentRotator2 p").hide();
$("#KontentRotator2 p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

<!-- *************************************************************** -->

<!--выделить код--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'тык и готово' //текст ссылки</script>
<!-- конец -->

<!-- *************************************************************** -->

<!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana -->
<script type="text/javascript">
  if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
    $('#pun-profile').addClass('view');
</script>
<style>
#pun-profile.view #profilenav {display: none}
</style>

<!-- поднятие репутации в закрытых темах -->
<script type="text/javascript">// спасибо форуму https://downtown.f-rpg.ru/
if($('pun-viewtopic').length)function changeVisibility(b){$('#'+b).toggle(); return};
</script>

<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script src="https://forumstatic.ru/files/001b/60/c5/24653.js?v=7"></script>
<script type="text/javascript">
PR.nick = 'pr'; //Ник PR-аккаунта
PR.pass = '12345'; //Пароль PR-аккаунта
PR.btn_text = 'пиар'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>


<!------------ личная страничка ------------>
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<!-- конец -->


<!-- Мгновенные уведомления © Alex_63, Deff 2019 -->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb .pun-modal.unread-notifications h2 span{float:none!important}</style>
<style>.pun-modal.unread-notifications .modal-inner>h2{text-align:center!important;}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = 'fd757b73cd2dc7f468064c35c97073e90115e29e'; // Forum token
notifications.key = '6ad73zlyvqo7'; // Subscription key
RusffCore.sets.notifications = false
</script>
<!-- + Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!-- + Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [30,31]}); // ID важных тем (через запятую)
</script>
<!-- +Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!-- + Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!-- конец -->

0

3

хтмл-низ - без кнопки хтмл

Код:
<!-- *************************************************************** -->
<script src="https://forumstatic.ru/files/001b/60/c5/88190.js"></script>

<!-- *************************************************************** -->
<!------------ взаимная реклама ------------>
<script>function getUrlParameterByName( name,href )
{name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( href ); if( results == null ) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " "));}
function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min;}
function copyAdvertisingToClipboard(event, elem) {event.preventDefault(); var url = $(elem).closest('.post').find('.permalink').attr('href'); var $temp = $("<textarea id='temp' style='float:right'>"); $(elem).append($temp); var advertiseCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)]; var text = advertiseCode + '[url=' + url + ']ваша реклама[/url]'; $temp.val(text).select(); document.execCommand("copy"); $temp.remove();}
function addAdvertiseLink(topicId) { var url = window.location.href; if (getUrlParameterByName('id', url) == topicId) { $('.post').each(function() { var $li = $('<li>').attr('class', 'pl-advlink').append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>'); $(this).find('.post-links ul').append($li); }) } }

var advertiseCodes = [];

advertiseCodes.push('[align=center][font=DMS][b][size=25]THE [color=#574f5f]D[/color]OME[/size][/b][/font][/align][align=center][font=Bebas Neue Regular][size=14]МИСТИКА ● РАСЫ ● ЭПИЗОДЫ ● США ● ФОЛЛ-РИВЕР[/size][/font][/align][align=center][url=https://thedome.rusff.me/][img]https://i.imgur.com/Oe6oydV.jpg[/img][/url][/align]'+'\n');

advertiseCodes.push('[align=center][font=DMS][b][size=25]THE [color=#944320]D[/color]OME[/size][/b][/font][/align][align=center][font=Bebas Neue Regular][size=14]МИСТИКА ● РАСЫ ● ЭПИЗОДЫ ● США ● ФОЛЛ-РИВЕР[/size][/font][/align][align=center][url=https://thedome.rusff.me/viewtopic.php?id=34#p208038][img]https://i.imgur.com/ztrppzw.png[/img][/url][/align]'+'\n');

advertiseCodes.push('[align=center][font=DMS][b][size=25]THE [color=#574f5f]D[/color]OME[/size][/b][/font][/align][align=center][font=Bebas Neue Regular][size=14]МИСТИКА ● РАСЫ ● ЭПИЗОДЫ ● США ● ФОЛЛ-РИВЕР[/size][/font][/align][align=center][url=https://thedome.rusff.me/][img]https://i.imgur.com/M67mLKK.png[/img][/url][/align]'+'\n');

advertiseCodes.push('[align=center][font=DMS][b][size=25]THE [color=#944320]D[/color]OME[/size][/b][/font][/align][align=center][font=Bebas Neue Regular][size=14]МИСТИКА ● РАСЫ ● ЭПИЗОДЫ ● США ● ФОЛЛ-РИВЕР[/size][/font][/align][align=center][url=https://thedome.rusff.me/viewtopic.php?id=1076#p177524][img]https://i.imgur.com/88Noqj0.png[/img][/url][/align]'+'\n');
addAdvertiseLink(1303);
</script>
<!------------ конец ------------>

<!-- *************************************************************** -->
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001b/a8/12/66003.png"></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001b/a8/12/31381.png"></div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- *************************************************************** -->
<!----------- МАСКА ------------!>
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['wicked games we play', 'meet you on the otherside', 'the antisocial social club', 'everyone’s a winner', 'art of being a loner', 'done and gone', 'maybe later', 'leave it here'],
    forumAccessExtended: {
        'wicked games we play': ['в городе'],
        'meet you on the otherside': ['в городе'],
        'the antisocial social club': ['в городе'],
        'everyone’s a winner': ['в городе'],
        'art of being a loner': ['в городе'],
        'done and gone': ['в городе'],
        'leave it here': ['в городе'],
        'maybe later': ['в городе']
    },
    changeList: {
        'pafld1': {
            title: 'личное звание',
            description: '',
            tag: 'zvn',
            class: 'pa-fld1',
            defaultCode: '<div class=\'lz\'><a href=\'ссылка\' class=\'ank\'>имя</a><lz>текст</lz><rc>раса</rc></div>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld1', 'pa-fld2', 'pa-posts', 'pa-respect', 'pa-fld3', 'pa-fld4', 'pa-online', 'pa-fld5', 'pa-gifts']
});
</script>

<!-- *************************************************************** -->
<script>
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
UniverСhange("#pun-status > p > span.item2","Ваш","");
</script>

<!-- *************************************************************** -->
<!-- Скрываем профиль в постах © Deff -->
    <script type="text/javascript">
    (function () {
    function addStyle() { /*==123==;
    <style type="text/css">#### .post-author,#### .post-sig{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0 !important}#### .pl-email,#### .pl-website{float:  none}#### .pl-delete {border-left: 1px solid rgba(0,0,0,.2) !important;margin-left: 10px}#### .post-content {margin-top: 20px !important; margin-left: 0 !important}#### .post-box {margin: 0px !important}#### .fntSlidercont { margin-right: -854px !important;}</style>
    ==123==;*/
    } addStyle = addStyle.toString().split('==123==;')[1];
    $('.post .post-content img[alt="hide-autor2"]').each(function(){
       var id = $(this).parents('.post').prop('id');
       $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
    });}());
    </script>

<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], span.offctgr img[title]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>


<script>
$('#pun-navlinks li a').each(function(){
  $(this).attr('title',$(this).text());
});
</script>

<!-- *************************************************************** -->
  <script type="text/javascript">
$(".pa-author").wrap("<div class='authorcont'></div>");
    </script>

<!-- *************************************************************** -->
<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
   changeS('#pun-ulinks .item2','Активные темы','Активные');
   changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
   changeS('#pun-ulinks .item7','Всё прочитано','Прочитано');
   changeS('#pun-stats.section h2','Статистика форума','statistics');
   changeS('.pa-respect span','<span>+','<span>');
   changeS('.pa-posts','Сообщений:','<i class="fas fa-envelope" title="Сообщений"></i>');
   changeS('.pa-fld3','валюта:','<i class="fas fa-coins" title="Банк"></i>');
   changeS('.pa-fld4','посты:','<i class="fas fa-edit" title="Посты"></i>');
   changeS('.pa-respect','Уважение:','<i class="fas fa-heart" title="Репутация"></i>');
</script>

<script type="text/javascript" >
  $('.pa-respect').attr('title','Репутация');
</script>

<!-- *************************************************************** -->
<!-- Замена двойных кавычек на елочки --> 
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());а
</script>

<!-- *************************************************************** -->
<!--замена коротких тире на длинные -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s| )?-(\s| )/g,'$1—$2')})</script>


<script type="text/javascript">$('img[title],a[title]').tipsy({fade: true, gravity: 's'});</script>


<!-- *************************************************************** -->


<!-- *************************************************************** -->
<!--БАННЕРЫ-->
<div class="bannner">
<div id="citaty">
<!-- Ротатор произвольного контента -->
<div id="citaty-text">

<p>«Так грустно читать модные young adult книжки, когда ты в общем-то adult. Там, где мне уже все понятно, героине надо еще четыре главы((»<br>
<a href='https://thedome.rusff.me/profile.php?id=384'>© aoibhinn murphy</a></p>

<p>«— Я с десяти жрал вербену, выкручивал себе суставы на бесконечных тренировках, учил весь ваш бред про плохую нечисть, не для того, чтобы у меня проверяла домашку одинокая, — он ткнул в ее плечо пальцем, — престарелая леди с комплексом спасателя. Ох, ну так и что же делать, Аиша?»<br>
<a href='https://thedome.rusff.me/profile.php?id=386'>© jonathan j. weismann </a></p>

<p>«Он заметил на одном из стволов мох, и с воодушевлением предположил, что там, вероятно находится север. Но более внимательный осмотр выявил, что вообще-то лишайник оплетает дерево по кругу. Ну четыре севера-то точно, блять, не бывает; уж это-то Ричардсон знал.»<br>
<a href='https://thedome.rusff.me/profile.php?id=412'>© leeroy richardson </a></p>

<p>«Блин, поставил самому себе плюсик случайно... Наверное так выглядит отчаяние xD»<br>
<a href='https://thedome.rusff.me/viewtopic.php?id=1095#p188605'>© malcolm guthrie</a></p>

<p>«Вампир, ведьмак, оборотень… и человек. Один лечит, другой – сам себя калечит. Третий – отказом убивает, четвертый – со всех охуевает…»<br>
<a href='https://thedome.rusff.me/viewtopic.php?pid=200097#p200097'>© chace hirsch</a></p>

<p>«Ради Господа Бога Неймар был готов на многое, даже усердно плодиться, как завещал великий порог, или порок, или пророк. Не готов ради Господа Бога он был разве что помирать, принимать обет безтрахания или успокаиваться в стрессовой ситуации по одной только просьбе всяких демонических искуроченных существ.»<br>
<a href='https://thedome.rusff.me/viewtopic.php?id=1154#p202151'>© neymar richardson</a></p>

</div>
</div>

<script language="javascript">
var sek = 100000000000000000000;  // Время отображения
var Nrout=$("#citaty-text p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#citaty-text p").hide();
$("#citaty-text p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>


<div class="banr">
<a href="https://barcross.rusff.me" title="CROSS BAR" target="_blank"><img src="https://forumstatic.ru/files/001b/2c/35/65823.png"></a>
<a href="http://magia-frpg.ru/" target="_blank"><img src="https://forumupload.ru/uploads/001a/fa/19/106/153026.gif" title="MAGIA" border="0" width="88" height="31"></a>
<a href="http://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/XdGEDvu.png" title="seoul // real life"></a>
<a href="https://phoenixlament.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/b3/3e/39239.png" width="88" height="31"></a>
<a href="http://fap.mybb.ru/" target="_blank"><img src="https://forumstatic.ru/files/001b/92/3a/58498.jpg" title="Foggy Albion`s Poison" alt="FAP" width="88" height="31"></a>
<a href="https://wrng.rusff.me/" title="конспирологическая мистика на базе старого-доброго реала" target="_blank"><img src="https://i.imgur.com/VFqBzEy.png" width="88" height="31" border="0"></a>
<a href="http://soullove.ru" target=_blank> <img src="https://forumupload.ru/uploads/000e/5d/50/2/352383.gif" border="0" alt="shadow souls"></a>
<a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a>
<a href="https://arcanus.f-rpg.me/" target="_blank"><img src='https://i.imgur.com/LVuejDi.gif' title="Аркан. Городская мистика"/> 
<a href="http://gemcross.rusff.me/"><img src="https://forumupload.ru/uploads/001b/2f/0f/4/792062.gif" width="88" height="31" border="0" alt="GEMcross"></a>
<a href="https://bostoncrazzy.rusff.me" target="blank"><img src="https://i.imgur.com/DX1cVGT.gif"  title="BOSTON"></a> <a href="http://cursedcreatures.ru/" target="_blank"><img src="https://i.imgur.com/EWAuBrq.gif" title="Portland" border="1" width="88" height="31"></a>
<a href="https://memlane.ru" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/60582.gif" width="88" height="31" border="0"></a>
<a href="https://hpfreakshow.rusff.me/" target=_blank><img src="http://sd.uploads.ru/76dn1.gif" title="HP: Freakshow. ГП 3 поколение. Драмеди, социалка, активная игра"></a>
<a href="https://nobalance.ru//" target="_blank"><img src="https://i.imgur.com/rszB5kt.png" width="88" height="31"></a>
<a href="https://grishaverse.ru/" title="The Grishaverse"><img src="https://forumupload.ru/uploads/001b/19/fa/5/435855.gif"></a> <a target="_blank" href="http://theabyss.rusff.me/" title="the abyss"><img src="https://forumstatic.ru/files/001b/7a/0c/31535.gif" border="0"></a>
<a href=https://outerspace.rusff.me//><img src="https://forumupload.ru/uploads/001a/e8/7f/2/677920.jpg" border="0" alt="Outer Space. Будущее. Космос"width=88  height=31 border></a>
<a href="https://persephone.rusff.me" title="Станция Персефона. Начни с нуля" target="blank"><img src="https://forumupload.ru/uploads/001b/5d/70/5/130860.gif" alt="Станция Персефона" /></a>
<a target="_blank" href="http://domnus.0pk.me"><img src="https://forumupload.ru/uploads/000e/9c/74/1091-1.gif"></a>
<a href="https://lux1980.ru/" target="_blank"> <img src="https://i.imgur.com/MtWRdsS.gif" title="Lux: ante mortem" border="0" alt="Lux: ante mortem"></a>
<a href="https://sunnycross.ru/"><img src="https://i.imgur.com/65znPol.png"></a>
<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>
<a href="http://ravencross.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/85/c5/34116.png"  title="ravencross" width="88" height="31" border="0"></a><a href="https://themostsupernatural.ru" target="_blank" title="Самая Сверхъестественная ролевая игра"><img src="https://forumupload.ru/uploads/0004/e5/0c/706/292980.gif"></a>
<a href="http://gloomywaters.f-rpg.me" target=_blank> <img src="https://forumupload.ru/uploads/0014/d2/94/2/110968.jpg"border="0" title="Gloomy waters are waiting for you"> </a>
<a target="_blank" href="https://arkcity.rusff.me/" title="Ark City: последний оплот человечества"><img src="https://forumstatic.ru/files/0019/eb/83/77713.gif" width="88px" border="0"></a>
<a href="https://after.rolebb.ru" target="_blank"><img src="https://i.imgur.com/3PVLu7S.png"title="Marauders: Aftershocks"border="0"width="88" height="31"></a>  <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/85504.png" title="alluvio maris"></a>
<a href="https://benotafraid.rusff.me/" target=_blank><img src="https://i.imgur.com/10xBJmc.png" border="0" alt="это не страшно" width="88" height="31"></a>
<a href="http://monstrlnd.rusff.me" target="_blank"> <img src="https://forumstatic.ru/files/001b/78/43/67509.gif" title="dear billy" border="0" alt="dear billy"></a>
<a href="https://thelight.rusff.me/"><img src="https://forumstatic.ru/files/001b/d0/ef/62803.gif" border="0" title="постапокалипсис, нетипичные зомби" width="88" height="31"></a>
<a href="https://nightcity.rusff.me/" target=_blank> <img src="https://i.ibb.co/sPLvBFn/banners.gif" border="0" alt="NIGHT CITY VIBE"></a>
<a href="http://lastworldwar.rusff.me/"><img src="https://forumstatic.ru/files/001b/c8/34/60483.gif" title="Naruto: last world war" border="0" width="88" height="31"></a>
<a href="https://goat.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001b/d5/f7/7/778633.png" border="0" alt="поймай козу" width="88" height="31"></a>
<a href="http://darkmatter.rusff.me/" title="TVD DARK MATTER" target="_blank"><img src="https://s8.gifyu.com/images/1lC6-19bf2020cf40182b1.gif"></a><a href="https://farfaraway.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/d1/3c/3/581494.gif"  title="Faraway" alt="Faraway"></a><a href="https://tootem.rusff.me/" target="_blank"> <img src="https://i.imgur.com/IJpRfnN.gif" title="tootem" border="0" alt="tootem"></a><a href="https://blackmore.rusff.me" target="_blank"><img src='https://forumupload.ru/uploads/001a/b6/b3/2/311551.gif' title="Blackmore" /></a><a href="https://incident.rusff.me/" target="_blank"> <img src="https://i.imgur.com/a8oRgRC.gif" title="INCIDENT: Julio Island" border="0" alt="INCIDENT: Julio Island"></a><a href="https://seasonofstorms.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001b/91/28/7/123094.png"  title="Season of storms" alt="Season of storms"></a><a href="http://vsumrake.rusff.me/" target="_blank"><img src="https://i.imgur.com/iOEKKTj.gif" title="ВСЕМ ВЫЙТИ ИЗ СУМРАКА" border="0"width="88" height="31"></a>
</div>
</div>
<!--КОНЕЦ-->

<!-- *************************************************************** -->
<!-- счётчик символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border-radius: 3px; text-transform: uppercase; transition: all 0.5s ease 0s; font-size: 10px !important; border: 1px solid #20201f !important; padding: 3px 5px !important; font-family: arial !important;">Написано символов: <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>

<!-- *************************************************************** -->
<!------------ Быстрое редактирование постов © Alex_63 // V.3 ------------>
<script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script>


<!-- *************************************************************** -->
<!--КНОПКИ ВВЕРХ ВНИЗ-->
    <script type="text/javascript">
    $(function(){
    if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
      else $("#ToTop").fadeIn("slow")
    });
    if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
    $(window).scroll(function(){
      if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
      else $("#OnBottom").fadeIn("slow")
    });
    $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
    $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
    }); </script>


<!------------------------------ДОП ШРИФТЫ----------------------------------->
<script type="text/javascript">
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Gunny Rewritten');
ft_f.push('Intro');
ft_f.push('Christmas ScriptC');
ft_f.push('Marck Script');
ft_f.push('Cuprum');
ft_f.push('Bebas');
ft_f.push('Lemon Tuesday');
ft_f.push('Engine');
ft_f.push('Kobzar KS');
ft_f.push('Zhizn');
ft_f.push('Bradobrei');
ft_f.push('Calligraph');
ft_f.push('Bebas Neue Regular');
ft_f.push('BebasNeue Bold');
ft_f.push('GardensC');
ft_f.push('Deutsch Gothic');
ft_f.push('Roboto Condensed');
ft_f.push('Veles');
ft_f.push('Certege');
ft_f.push('Barkentina');
ft_f.push('American TextC');
ft_f.push('Bernier Shade');
ft_f.push('Eurofurence');
ft_f.push('Leokadia Deco');
ft_f.push('Lionelofparis');
ft_f.push('Montserrat');
ft_f.push('Sunday');
ft_f.push('TM Vinograd');
ft_f.push('TriodPostnaja');
ft_f.push('ZnikomitNo25');
ft_f.push('BebasBold');
ft_f.push('Signerica_Fat');
ft_f.push('DMS');
ft_f.push('HomemadeApple');
ft_f.push('MrDafoe');
ft_f.push('WestAngel');
ft_f.push('melt');
ft_f.push('Louver');
ft_f.push('Comforter');
ft_f.push('BEWARE');
ft_f.push('Adoriademo');
ft_f.push('Halimun');
ft_f.push('murder');
ft_f.push('Sophistica');
ft_f.push('Trovas');
ft_f.push('TABELA');
ft_f.push('SaintGermain');
ft_f.push('Quantum');
ft_f.push('PPRightGothic');
ft_f.push('Lozange');
ft_f.push('Grafika');
ft_f.push('Geiny');
ft_f.push('Freakystory');
ft_f.push('Eastory');


for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

<!-- *************************************************************** -->
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/001b/2a/77/48177.js"></script>


<!-- *************************************************************** -->
<!--Отключение функций "Жалоба, Это интересно, Поделиться, Граффити"-->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
rusffLive.enable = false;
RusffCore.sets.share = false;
RusffCore.sets.graffiti = false;
RusffCore.sets.files.button = false;
</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>

<!-- *************************************************************** -->
<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
    <script type="text/javascript">
    $('.post-content').each(function() {
        var CNT = $(this).html();
        CNT = CNT.replace(/<p><br><\/p>/img,'');
        CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
        CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
        $(this).html(CNT);
    });
    </script>

<!-- *************************************************************** -->
<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/001a/f8/33/71725.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:rgb(187 187 183);border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-332px; margin-left:20%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/f8/33/94029.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/f8/33/73756.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<!-- *************************************************************** -->
<!-- тег абзаца -->
<style>#button-indent {background: url(http://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="insert(\''+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 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>

<!-- *************************************************************** -->
<!--ТЕГ ВСТАВИТЬ КАРТИНКУ ([img] [/img])-->
<script>var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"position:absolute;height14px;margin:-15px 0 0 22px;font-size:8px;\">2</p></b></td>"
$("#button-image").after(oldIMG);</script>

<!-- *************************************************************** -->
<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://i.imgur.com/SyYDMz9.jpg'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://i.imgur.com/SyYDMz9.jpg'; //Ссылка на аватар для Гостя

    $('#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><li class="pa-online" id="guest"></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 type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!-- Конец -->

<!-- *************************************************************** -->
<!-- Индикатор активности пользователя © Alex_63 -->
<script type="text/javascript">
$('.post-author:not(.online)').addClass('offline');
$('.post-author.online').addClass('online2');
$('.post').each(function(){
  var PostAuthorLogin = $(this).find('li.pa-author>a').text();
  var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
  var lastactiveTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
  $(this).find('.post-author.online2').append('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'" />');
  $(this).find('.post-author.offline').append('<img src="/i/blank.gif" class="indOffline" title="Последний визит '+lastactiveTime+' "/>');
});
</script>
<!-- маленько редактуры духа -->

<!-- *************************************************************** -->
<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>

<!-- *************************************************************** -->
<!-- Кнопка отключения мгновенного предпросмотра -->
    <style>#togglePreview{float:right;margin-top:-17px}</style>
    <script type="text/javascript">(function (){
      var a='Включить быстрый предпросмотр';
      var b='Отключить быстрый предпросмотр';
      var d='_PreviewToggle';
      setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
      getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
      $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
      var x = ParseContent;
      window.togglePreview = function(sel){//alert(sel.value);
        if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
        if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
      }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
    }())
    </script>

<!-- *************************************************************** -->
<!-- Кликабельность ника в постах Гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2')});</script>

<!-- *************************************************************** -->
<!--Кнопка "текст по ширине"-->
<style>
#button-mybb {background-image:url('https://forumstatic.ru/files/0019/fe/68/66129.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(8).innerHTML="<img src='/i/blank.gif' id='button-mybb' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>

<!-- *************************************************************** -->
<!-- Отключение сокращения ссылок -->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</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>

<!-- *************************************************************** -->
<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!------------ конец ------------>


<!-- *************************************************************** -->


    <div id="character" class="reveal-modal xlarge main container">
    <div class='modal_wrap'></div>
    <a class="close-reveal-modal">✖</a>
    </div>

    <script type="text/javascript">
    function showTab(elem){
        $(".menu span").removeClass("tabactive");
        $(elem).addClass("tabactive");
        $("div.submenutext").hide();
        var activeDiv = $(elem).attr("alt");
        $("div."+activeDiv).fadeIn();
        return false;
    }
    $(".modal-link").click(function() {
            var modId = $(this).attr('id');
    $('.modal_wrap').html('');
    $.get('pages/'+modId, function (data){
        $('.modal_wrap').html($(data).find('.character').html());
    });
    $(".submenutext").hide();
    $(".submenutext:first").show();
    });
    </script>


<script type="text/javascript">$(function() {$('.team_awards img, .team_gifts img').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>

<!-- *************************************************************** -->



<!-- *************************************************************** -->
<!-- спойлер персональной информации v.3 © deff, alex_63
<script type="text/javascript" src="https://forumstatic.ru/files/001a/cf/3c/28604.js"></script> 
<script>if(GroupID!=1)$('.private-spoiler').remove()</script>
<script>if(UserID!=2)$('.private-spoiler').remove()</script> -->


<!-- *************************************************************** -->
<script type="text/javascript">
function smls_blkCnt (){}smls_blkCnt = smls_blkCnt.toString().split('!~!;')[1];
$('#smls-blk').one('hover',function () {
  $(smls_blkCnt).appendTo(this);
});
</script>




<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], span.offctgr img[title]'); 
var allTitle = title.length;
for (i=0; i<allTitle; i++){
    title[i].removeAttribute('title');
}
</script>


<script>
$('#pun-navlinks li a').each(function(){
  $(this).attr('title',$(this).text());
});
</script>

<!-- *************************************************************** -->
<!-- скрипт озвучивания поста -->
<script language="javascript">
    $(document).ready(function(){$('.post').map(function (){
    var ii = $(this).attr('id'),ws = window.speechSynthesis,p = $('.post-content>*:not(.post-sig)',this).text(),col=$('a.permalink').css('color');$.trim(p);
    $('a.sharelink',this).before('<b class="material-icons" id="t-'+ii+'" style="float:right;margin-left:0.3em;margin-top:0px;cursor:pointer;color:'+col+'" original-title="Прослушать текст">слушать</b>');
    var spi=(s,im,t)=>$(s).text(im).attr('original-title',t);$('#t-'+ii).tipsy({live:!0,fade:!0,gravity:'ne'}).on('click touchend',function(e){e.preventDefault();
    if (!ws){$.jGrowl(UserLogin+', данный браузер не поддерживает синтез речи',{position:'center',life:4e3});}else{var ms = new SpeechSynthesisUtterance(p);ms.onend = function(){spi('#t-'+ii,'слушать','Прослушать текст')};
    if(!speechSynthesis.speaking){setTimeout(function(){ws.speak(ms)},100);spi(this,'стоп','Остановить чтение');}else{setTimeout(function(){ws.cancel();},250);spi(this,'слушать','Прослушать текст');}
    }});});});
</script>
<!-- *************************************************************** -->

0

4

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

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=cyrillic');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans: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=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url(style_cs.css);
@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: 'Modesfa';
src: url('https://forumstatic.ru/files/001b/a8/12/80014.eot?'),
url('https://forumstatic.ru/files/001b/a8/12/15492.woff') format('woff'),
url('https://forumstatic.ru/files/001b/a8/12/12994.ttf') format('truetype'),
url('https://forumstatic.ru/files/001b/a8/12/22937.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'Bizantheum';
    src: url('https://forumstatic.ru/files/001b/a8/12/68889.eot?') format('eot'),
         url('https://forumstatic.ru/files/001b/a8/12/79484.woff') format('woff'),
         url('https://forumstatic.ru/files/001b/a8/12/10827.ttf')  format('truetype'),
         url('https://forumstatic.ru/files/001b/a8/12/94458.svg') format('svg');
    }

@font-face {
  font-family: 'Lol';
  font-style: normal;
  font-weight: 200;
  src: url(https://forumstatic.ru/files/001b/71/36/22249.otf);
}

@font-face {
  font-family: 'Lol';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001b/71/36/66368.otf);
}

@font-face {
  font-family: 'Lol';
  font-style: italic;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001b/71/36/51435.otf);
}

@font-face {
  font-family: 'Lol';
  font-style: normal;
  font-weight: 500;
  src: url(https://forumstatic.ru/files/001b/71/36/80340.otf);
}

@font-face {
  font-family: 'Lol';
  font-style: normal;
  font-weight: 600;
  src: url(https://forumstatic.ru/files/001b/71/36/41727.otf);
}

@font-face {font-family: 'Midline'; 
src: local("Midline"), url(https://forumstatic.ru/files/001b/5a/fd/54557.ttf);}

@font-face {font-family: 'Agoka'; 
src: local("Agoka"), url(https://forumstatic.ru/files/001b/5a/fd/43788.otf);}

@font-face {font-family: 'Ampero'; 
src: local("Ampero"), url(https://forumstatic.ru/files/001b/5a/fd/26676.otf);}

@font-face {font-family: 'enge'; 
src: local("enge"), url(https://forumstatic.ru/files/001b/60/c5/77727.ttf);}


@font-face {font-family: 'enge2'; 
src: local("enge2"), url(https://forumstatic.ru/files/001b/60/c5/51392.ttf);}

@font-face {font-family: 'you'; 
src: local("you"), url(https://forumstatic.ru/files/001a/e1/8d/15196.ttf);}

@font-face {font-family: 'Gunny Rewritten'; 
src: local("Gunny Rewritten"), url(https://forumstatic.ru/files/001b/0a/ba/68328.ttf);}

@font-face {font-family: 'Intro'; 
src: local("Intro"), url(https://forumstatic.ru/files/001b/0a/ba/12277.otf);}

@font-face {font-family: 'Christmas ScriptC'; 
src: local("Christmas ScriptC"), url(https://forumstatic.ru/files/001b/0a/ba/26913.ttf);}

@font-face {font-family: 'Marck Script'; 
src: local("Marck Script"), url(https://forumstatic.ru/files/001b/0a/ba/31040.ttf);}

@font-face {font-family: 'Cuprum'; 
src: local("Cuprum"), url(https://forumstatic.ru/files/001b/0a/ba/12813.ttf);}

@font-face {font-family: 'Bebas'; 
src: local("Bebas"), url(https://forumstatic.ru/files/001b/0a/ba/35946.ttf);}

@font-face {font-family: 'Lemon Tuesday'; 
src: local("Lemon Tuesday"), url(https://forumstatic.ru/files/001b/0a/ba/49982.otf);}

@font-face {font-family: 'Engine'; 
src: local("Engine"), url(https://forumstatic.ru/files/001b/0a/ba/97934.otf);}

@font-face {font-family: 'Kobzar KS'; 
src: local("Kobzar KS"), url(https://forumstatic.ru/files/001b/0a/ba/67436.otf);}

@font-face {font-family: 'Zhizn'; 
src: local("Zhizn"), url(https://forumstatic.ru/files/001b/0a/ba/33970.otf);}

@font-face {font-family: 'Bradobrei'; 
src: local("Bradobrei"), url(https://forumstatic.ru/files/001b/0a/ba/46866.otf);}

@font-face {font-family: 'Calligraph'; 
src: local("Calligraph"), url(https://forumstatic.ru/files/001b/0a/ba/95767.ttf);}

@font-face {font-family: 'Bebas Neue Regular'; 
src: local("Bebas Neue Regular"), url(https://forumstatic.ru/files/001b/0a/ba/53955.ttf);}

@font-face {font-family: 'BebasNeue Bold'; 
src: local("BebasNeue Bold"), url(https://forumstatic.ru/files/001b/0a/ba/87148.otf);}

@font-face {font-family: 'GardensC'; 
src: local("GardensC"), url(https://forumstatic.ru/files/001b/0a/ba/56777.otf);}

@font-face {font-family: 'Deutsch Gothic'; 
src: local("Deutsch Gothic"), url(https://forumstatic.ru/files/001b/0a/ba/41841.ttf);}

@font-face {font-family: 'Roboto Condensed'; 
src: local("Roboto Condensed"), url(https://forumstatic.ru/files/001b/0a/ba/21060.ttf);}

@font-face {font-family: 'Veles'; 
src: local("Veles"), url(https://forumstatic.ru/files/001b/0a/ba/41492.otf);}

@font-face {font-family: 'Certege'; 
src: local("Certege"), url(https://forumstatic.ru/files/001b/0a/ba/17984.ttf);}

@font-face {font-family: 'Barkentina'; 
src: local("Barkentina"), url(https://forumstatic.ru/files/001b/0a/ba/20708.otf);}

@font-face {font-family: 'American TextC'; 
src: local("American TextC"), url(https://forumstatic.ru/files/001b/0a/ba/39213.ttf);}

@font-face {font-family: 'Bernier Shade'; 
src: local("Bernier Shade"), url(https://forumstatic.ru/files/001b/0a/ba/32255.otf);}

@font-face {font-family: 'Eurofurence'; 
src: local("Eurofurence"), url(https://forumstatic.ru/files/001b/0a/ba/74562.ttf);}

@font-face {font-family: 'Leokadia Deco'; 
src: local("Leokadia Deco"), url(https://forumstatic.ru/files/001b/0a/ba/36816.ttf);}

@font-face {font-family: 'Lionelofparis'; 
src: local("Lionelofparis"), url(https://forumstatic.ru/files/001b/0a/ba/88883.ttf);}


@font-face {font-family: 'Montserrat'; 
src: local("Montserrat"), url(https://forumstatic.ru/files/001b/0a/ba/38186.ttf);}

@font-face {font-family: 'Sunday'; 
src: local("Sunday"), url(https://forumstatic.ru/files/001b/0a/ba/72022.ttf);}

@font-face {font-family: 'TM Vinograd'; 
src: local("TM Vinograd"), url(https://forumstatic.ru/files/001b/0a/ba/88024.ttf);}

@font-face {font-family: 'TriodPostnaja'; 
src: local("TriodPostnaja"), url(https://forumstatic.ru/files/001b/0a/ba/49049.ttf);}

@font-face {font-family: 'ZnikomitNo25'; 
src: local("ZnikomitNo25"), url(https://forumstatic.ru/files/001b/0a/ba/23740.otf);}


@font-face {font-family: 'gala'; 
src: local("gala"), url(https://forumstatic.ru/files/001b/17/33/11702.ttf);}

@font-face {font-family: 'Calibri'; 
src: local("Calibri"), url(https://forumstatic.ru/files/001b/3c/ea/81489.ttf?v=1);}

@font-face {font-family: 'daunpenh'; 
src: local("daunpenh"), url(https://forumstatic.ru/files/001b/3c/ea/77401.ttf);}

@font-face {font-family: 'DMS'; 
src: local("DMS"), url(https://forumstatic.ru/files/001b/60/aa/71982.ttf);}

@font-face {font-family: 'HomemadeApple'; 
src: local("HomemadeApple"), url(https://forumstatic.ru/files/001b/60/aa/65953.ttf);}

@font-face {font-family: 'MrDafoe'; 
src: local("MrDafoe"), url(https://forumstatic.ru/files/001b/60/aa/24317.ttf);}


@font-face {font-family: 'WestAngel'; 
src: local("WestAngel"), url(https://forumstatic.ru/files/001b/60/aa/65336.ttf);}

@font-face {font-family: 'melt'; 
src: local("melt"), url(https://forumstatic.ru/files/001b/60/aa/94478.ttf);}

@font-face {font-family: 'Louver'; 
src: local("Louver"), url(https://forumstatic.ru/files/001b/60/aa/30190.ttf);}

@font-face {font-family: 'HollowSky'; 
src: local("HollowSky"), url(https://forumstatic.ru/files/001b/60/aa/33881.otf);}

@font-face {font-family: 'Comforter'; 
src: local("Comforter"), url(https://forumstatic.ru/files/001b/60/aa/18506.ttf);}

@font-face {font-family: 'BEWARE'; 
src: local("BEWARE"), url(https://forumstatic.ru/files/001b/60/aa/89463.ttf);}

@font-face {font-family: 'Adoriademo'; 
src: local("Adoriademo"), url(https://forumstatic.ru/files/001b/60/aa/54236.otf);}

@font-face {font-family: 'Halimun'; 
src: local("Halimun"), url(https://forumstatic.ru/files/001b/60/aa/53519.ttf);}

@font-face {font-family: 'murder'; 
src: local("murder"), url(https://forumstatic.ru/files/001b/60/aa/45149.ttf);}

@font-face {font-family: 'Sophistica'; 
src: local("Sophistica"), url(https://forumstatic.ru/files/001b/60/aa/17569.ttf);}

@font-face {font-family: 'Eastory'; 
src: local("Eastory"), url(https://forumstatic.ru/files/001b/93/c8/62867.ttf);}


@font-face {font-family: 'Freakystory'; 
src: local("Freakystory"), url(https://forumstatic.ru/files/001b/60/aa/39910.otf);}


@font-face {font-family: 'Geiny'; 
src: local("Geiny"), url(https://forumstatic.ru/files/001b/60/aa/68048.ttf);}


@font-face {font-family: 'Grafika'; 
src: local("Grafika"), url(https://forumstatic.ru/files/001b/60/aa/94622.otf);}


@font-face {font-family: 'Lozange'; 
src: local("Lozange"), url(https://forumstatic.ru/files/001b/60/aa/69385.otf);}


@font-face {font-family: 'PPRightGothic'; 
src: local("PPRightGothic"), url(https://forumstatic.ru/files/001b/60/aa/60394.otf);}


@font-face {font-family: 'Quantum'; 
src: local("Quantum"), url(https://forumstatic.ru/files/001b/60/aa/55495.ttf);}


@font-face {font-family: 'SaintGermain'; 
src: local("SaintGermain"), url(https://forumstatic.ru/files/001b/60/aa/79641.ttf);}


@font-face {font-family: 'TABELA'; 
src: local("TABELA"), url(https://forumstatic.ru/files/001b/60/aa/57186.otf);}


@font-face {font-family: 'Trovas'; 
src: local("Trovas"), url(https://forumstatic.ru/files/001b/60/aa/12529.otf);}


@font-face {font-family: 'MinionPro-Bold'; 
src: local("MinionPro-Bold"), url(https://forumstatic.ru/files/001b/93/c8/62867.ttf);}



/* 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 {
padding: 0px 20px 0px 20px;
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.01%;
margin-top:25px;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em  verdana, arial, helvetica, sans-serif, calibri;
  }

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

/* A3.5 */
.punbb h1 span, .punbb h2 span {
    font-family: var(--custom);
    letter-spacing: 1px;
    font-size: 12px;
    color: var(--color-red);
    border: 1px solid var(--color-red);
    padding: 3px 10px 4px;
    background: var(--color-grey);
    outline: 5px solid var(--color-grey);
    outline-offset: 0px;
  }

.punbb legend span {

}

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

  }

/* 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;
width: 970px;
   padding: 5px 10px 10px;
         }

    /* A5.2 */
 

    /* A5.3 */
    #pun-redirect {
      background: var(--color-black) fixed top center repeat;
      position: absolute;
      width: 100%;
      height: 125%;
      z-index: 100;
      top: -200px !important;
      left: 0 !important;
      }

#pun-redirect #pun-main {
    margin: 12% 37% 12px 37%;
    background-color: var(--color-grey);
      width: auto;
      float: none;
      position: relative;
      z-index: 1000;
      }

    #pun-redirect #pun-main > a {
color:var(--color-grey) !important
}

/* A5.4 */
.punbb .section, .punbb .main {
  /*margin-bottom: 1em;*/
  }

/* A5.5 */
.punbb .category, .punbb .post {
width: 962px;
  }

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

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

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  }

/* A5.9 */
.punbb .container {
  }

/* A5.10 
 #pun-main h1, .punbb .section h2, #pun-main h2, #pun-debug h2, #pun-stats h2 {
    text-align: left;
    padding: 4px 0px 4px;
    text-transform: lowercase;
    background: var(--color-pink);
    margin: 2px 10px;
  }
*/

#pun-stats h2 span {
    /*display: none;*/
}

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

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

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

/* B1.2 */
.punbb .post-sig dt {
    border-top: 1px solid rgba(0,0,0,.3);
    display: block;
    margin-bottom: 7px;
    margin-top: 15px;
    margin-left: 52px;
    width: 600px;
}

.post-sig dd p, #profile .fs-box dd p  {
   font-size: 10px;
   text-align: center!important;
   line-height: 11px!important;
  }

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 3px 15px 5px 15px !important;
    line-height: 150%;
    text-align: justify;
  }

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

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

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

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
    height: auto!important;
    max-height: 350px;
  }

/* B1.8 */ 
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding: 5px;
    margin: 25px 20px 5px 30px;
  }

.punbb .post-content .spoiler-box {padding: 10px 20px !important;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding: 2px 15px 4px;
    font-size: 11px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    margin-top: -21px!important;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    color: var(--color-pink) !important;
    background-color: var(--color-plum);
    border-radius: 5px;
  }


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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
    position: relative;
    width: 940px;
    font-size: 10px;
    height: 0px;
    margin: 5px 10px;
    background: var(--color-white);
    top: -53px;
  }

/* B3.2 */
.multipage {
 margin-top: 3em;
  }

/* B3.3 */
div.linkst > div.postlink > span > a, .linkst .pagelink, .linksb .pagelink, #pun-main > div.linkst > noindex > div > span.new-topic > a, div.linkst > noindex > div > span.new-poll > a , span.new-topic > a, span.new-poll > a{  text-transform: lowercase; }

/* B3.4 */
.linkst .postlink {
    text-align: center;
    position: relative;
    float: right;
    top: -25px;
    width: 160px!important;
  }

/* B3.5 */
.punbb .linksb {
    position: relative;
    font-size: 11px;
text-transform: lowercase;
    margin: 5px 30px;
  }


/* B3.6 */
.linksb .pagelink {
float: left;  }

/* B3.7 */
.linksb .postlink {
float: right;
    right: 10px;
    width: 16em;
    font-size: 10px;
    text-align: right;
  }

/* B3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em 0.8em 0.5em 0;
    height: 14px !important;
    text-transform: lowercase;
    font-size: 10px !important;
    text-align: right;
  }


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

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

/* C1.1 */
.punbb .formal .container {
    padding: 10px 15px;
    font-size: 11px;
    margin: 8px 0 8px 0;
  }

#profile .formal  {
   width: 574px;
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 22px;
    margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
    margin: 0 0.6em 0 0;
    font-size: 9px;
  }

.punbb .formsubmit a {
color: var(--color-violet);
}

/* C1.4 */
.punbb fieldset {
    padding: 0px 20px;
  }

/* C1.5 */
.punbb fieldset legend {
    color: var(--color-plum);
  }

/* C1.6 */
.punbb fieldset legend span {
     font: 500 10px var(--my-font-4);
  }

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

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

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

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input  {
  width: 64%;
  margin: 0;
  }

/* 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 {
    width: 30%;
padding-left: 20px;
  }

.punbb td div.tclcon {

}

/*свой стиль категории на главной*/
#pun-index td div.tclcon {
    text-align: center;
    background: var(--noise-violet);
    border: 1px solid #1c171a;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: inset 0px 0px 5px 1px rgb(192 191 187 / 40%);
}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  text-transform: lowercase;
    vertical-align: top;
    padding-top: 20px;
    font-size: 11px;
  }

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: center;
    width: 27%;
}

#pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important}

#pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, 
#pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr,
#pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr {

}

#pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod {
    text-align: center;
    width: 15%;
    color: var(--color-dark-red);
    text-transform: lowercase;
    padding: 8px;
}

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


#pun-searchposts .pa-replies{
display:none
}


#pun-respect .main .tcr,  #pun-respect .main .tcl,
#pun-positive .main .tcr,  #pun-positive .main .tcl 
 {
text-align: center;
}

#pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod {
border: none;
color: var(--color-cursor);
}

#pun-userlist .user-avatar .avatar-image {
    height: 35px!important;
    width: 35px!important;
}

/* C2.5 */
#pun-userlist .main .tc2 {}

#pun-searchtopics .main .tc2 {
    text-align: center;
    width: 20%;
    vertical-align: top;
    padding-top: 20px;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 {
    border-radius: 10px;
    text-align: left;
    font-size: 13px;
    max-height: 23px;
    vertical-align: middle;
    padding: 5px;
    font-family: var(--my-font);
    text-align: center;
  }

#pun-index .tcl h3 a {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
}

/* 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 {
   padding: 0.8em 0em;
  }

/* C2.12 */
.punbb .main th {
  }

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

/* C2.14 */
.punbb tbody.hasicon td.tcl {

  }


#pun-searchtopics .user-avatar {    top: -15px!important;}
#pun-viewforum .user-avatar {
    float: right !important;
    padding-bottom: 0px;
    margin: 0px 20px 0px 40px;
    top: -14px!important;
}

.punbb .user-avatar {top: 0px; 
width: 38px!important;}

#pun-viewforum .main .tcl {
width: 35%;
}
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {
    vertical-align: top;
    padding-top: 20px;
    font-size: 10px;
    padding-left: 5px;
}


#pun-viewforum div.icon {
    margin-top: -30px;
}

#pun-searchtopics div.icon {
    margin-top: -35px;
}

#pun-modviewforum div.icon {
    margin-top: 0px!important;
}

#pun-multimove .main .tc2 {
border: none!important;
}

#pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod {
    text-align: center;
    width: 10%;
    color: var(--color-cursor); 
    text-transform: lowercase;
    border-top: 3px solid #a5936d;
}

#pun-message .pun-navlinks {
margin-bottom: -82px!important;
}

#pun-messages .post h3 span {
    color: var(--color-white);
}

#pun-viewforum .forum .tcl .tclcon {
    text-align: left;
    margin-right: 18px;
    padding-left: 40px;
    margin-top: -10px;
    margin-left: 30px;
    color: var(--color-dark);
    text-transform: lowercase;
}

#pun-searchtopics .forum .tcl .tclcon {
    text-align: left;
    padding: 0px 10px 0;
    margin-right: 18px;
    padding-left: 40px;
    margin-top: -10px;
    margin-left: 30px;
}

#pun-modviewforum .main .tcl {
}

#pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr {
    vertical-align: top;
    padding-top: 20px;
}

#pun-modviewforum .forum .tcl .tclcon {
    padding-top: 5px;
    margin-left: 55px;
}

#pun-searchtopics .main .tcr {
    width: 40%!important;
}

#pun-searchtopics .main .tcr, #pun-viewforum .main .tcr {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 20px;
    text-align: right;
    color: var(--color-dark);
}


#pun-searchtopicsem.user-avatar {
    float: right !important;
    padding-left: 15px;
    padding-bottom: 11px;
    margin: -10px 0px 2px 0px;

}

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

/* C3.1 */
.punbb .post .container {
    margin-top: 10px;
    padding-top: 5px;
  }

/* C3.2 */
.punbb .post h3 {
    border-top: 2px dashed var(--color-lav);
    border-bottom: 2px dashed var(--color-lav);
    width: 900px;
    margin: 10px 31px;
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 5px 20px;
    display: block;
    font: 600 11px var(--my-font-2);
    text-transform: uppercase;
  }

.punbb .post h3 span a {
    color: var(--color-plum);
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    color: var(--color-plum);
    padding-right: 20px;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 245px;
    margin-top: 0px;
    margin-left: 25px;
    padding-bottom: 0px;
    overflow: hidden;
  }


.punbb .post .post-author ul {
        width: 245px;
}


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

/* C3.7 */
div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active {
    text-align: center;
    color: var(--color-white)!important;
    text-shadow: 1px 1px 2px var(--color-plum), 0 0 1px var(--color-dark);
     }

div.post-author > p.pa-author, li.pa-author {
        padding: 7px 7px 5px;
    line-height: 1;
}


li.pa-avatar.item2 {
    padding: 5px;
    text-align: center;
    margin-top: -4px;
}

li.pa-avatar.item2 img {
    box-shadow: 0px 0px 6px 2px var(--color-dark);
}

li.pa-fld1 {
   
    margin-top: -145px;
    padding-top: 150px;
}

.pa-awards {    text-align: center;
    color: var(--color-white);
    text-transform: lowercase;
    font-size: 9px;
    margin: 0px 5px 10px;
display:none;}

/* C3.9 */
li.pa-author {
margin-top: -1px;
}

li.pa-title {
    text-align: center;
    font: 600 8px var(--my-font-2);
    color: var(--color-cursor);
    padding: 0px 10px 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }


li.pa-online {
    color: var(--color-white);
    text-transform: lowercase;
    font-size: 9px !important;
    font: var(--my-font-2);
    margin-bottom: -15px;
    margin-top: 57px;
    position: absolute;
    width: 245px;
    text-align: center;
  }

li.pa-online strong {
font-weight: normal!important;
}

/* C3.11 */
.punbb .post-body {
     margin-left: 275px;
    margin-right: 10px;
  }

/* C3.12 */
.punbb .post-box {
  }

#post-preview .post-box {
text-transform: none!important;
}

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

/* C3.14 */
.punbb .post-links {
    padding-bottom: 10px;
    margin: 0 45px;
  }

.punbb .post-links a {
    color: var(--color-dark-red) !important;
  }

/* C3.15 */
.punbb .post-links ul {
    font-size: 11px;
    text-align: right;
  }

.punbb .post-links ul a {
    color: var(--color-grey);
    text-transform: lowercase;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
    text-transform: lowercase;
  }

/* C3.17 */
.pl-email, .pl-website{
  float: left;
  }

.pl-email, .pl-website {padding-right: 50px!important;}

.pl-quote, .pl-delete, .pl-edit {padding-left: 10px!important;}

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 10px 30px;
    font-size: 10px;
    text-transform: lowercase;
    color: var(--color-dark);
    text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 12px;
  line-height: 1em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

#topic-modmenu .container strong #mod-options {
    padding-bottom: 2px;
    text-transform: lowercase;
    font-size: 10px;
}

#topic-users-in { height: 100%;}
#topic-users-in a:last-child:after {content: "";}
#topic-users-in a:after {content: ",";}


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 0.8em 1em;
    color: var(--color-red);
    font-size: 8px;
    text-transform: uppercase;
    font-family: var(--my-font-2);
    font-weight: bold;
    text-align: center;
  }

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
    text-align: center;
    font-family: var(--my-font-4);
    text-transform: lowercase;
    font-size: 8px;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#pun-profile #profile .container {
  padding-left: 18.6em;
    margin-top: 50px;
  }

.adminmain {
margin-top: 10px;
    margin-left: 17px;
    width: 80%;
}

#pun-messages #profile .container {
  padding-left: 18.6em;
width: auto;
  }

#messages .icon {
margin-top: -10px;
}

#pun-main #viewprofile .container {
  }

#pun-messages #form-buttons {
width: auto;
}

#messages .tc2.pmtc22 {width:30%!important;
padding-right: 10px;
}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {    width: 30%!important;
    padding-top: 0px;
    padding-bottom: 20px;}
#messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon {    font-size: 11px;
    padding-top: 20px;
    margin-left: 25px;
    margin-right: 5px;}

#messages .tc3 {
color: var(--color-dark-red);
padding-left: 15px;
    width: 24%!important;
}

#messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] {    margin-top: 20px;
}


#messages .user-avatar {
/*height: auto; 
width: auto; 
display:none;*/
}

/*#pun-profile .formsubmit input {
color: #192c4b; 
}*/


#pun-profile  .main .tc2, #pun-profile  .main .tc3, #pun-profile .main .tcmod {
border:none;
}

.award-description {
color: var(--color-grey);
}

/* 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: 1px;
    padding: 1.5em 18px 0.8em 18px;
    text-transform: lowercase;
    font-size: 9px;
    font-weight: bold;
    margin: 8px 0 1em 0;
  }

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

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

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

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

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
    padding: 5px 2px;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 0px;
  padding: 0em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

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


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

#pun-title td.title-logo-tdr {
	border: none;
	width: 0px;
}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
  }

/* D3.2 */
#pun-navlinks .container {
    position: fixed;
    left: 20px;
    margin-bottom: 20px;
  }

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

/* D3.4 */
#pun-navlinks li a {
    font-size: 16px;
    padding: 0 5px;
    text-transform: lowercase;
    letter-spacing: 3px;
    font-weight: bold;
  }

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

/* D4.1 */
#pun-ulinks {
    margin-top: -50px;
    margin-bottom: 10px;
    z-index: 99;
    position: absolute;
    text-align: center;
    width: 962px;
  }

/* D4.2 */
#pun-ulinks .container {
    text-transform: lowercase;
  }
#pun-ulinks a:hover {
   color: var(--color-lav);
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
  }
#pun-ulinks a {
  color: var(--color-dark-red);
  }


/* D4.4 */
#pun-ulinks li a {
  padding: 0 5px
  }

/* 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 {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    position: absolute;
    padding-left: 120px;
    margin-top: -110px;
    text-transform: lowercase;
    font: 600 9px var(--my-font-2) !important;
    color: var(--color-lav);
    text-shadow: 2px 2px 2px var(--color-dark);
  }

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

/* D5.4 */
#pun-crumbs1 {
    font-weight: normal;
    overflow: hidden;
    height: 25px;
  }


/* D5.5 */
#pun-crumbs1 p.container, #pun-crumbs2 .container{
    text-align: left;
    text-transform: lowercase;
    margin-left: 35px;
    margin-top: 10px;
    font: 600 12px montserrat;
    position: absolute;
}
 

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 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 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  }

/* D6.3 */
#pun-announcement .container {
  /* background: var(--html-bg)!important;*/
    padding: 0px 0 0;
  }

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

/* D7.1 */
#pun-stats .container {
    margin-bottom: -11px;
    padding: 10px 35px;
    font-size: 10px;
    color: var(--color-dark);
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
    text-transform: lowercase;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
    text-transform: lowercase;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }


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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  }

/* D8.5 */
#pun-about p span {
    display: block;
    position: absolute;
    width: 860px;
    height: 9px;
    text-transform: uppercase;
    font-size: 8px;
    margin-left: 33px!important;
    margin-top: 33px!important;
    text-align: center;
  }

/* D8.7 */
#pun-crumbs2 .container {

  }


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


/* 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: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

.admain {
    padding-left: 172px!important;
    margin-bottom: 1em;
}

.editBookmark {baclground:var(--noise)}

.FNTslider .before { 
    height: 3px;
    position: absolute;
    margin-top: 0px;
    background: var(--color-pink);
}
.FNTslider .thumb { 
    width: 5px;
    height: 7px;
    position: relative;
    top: -2px;
    cursor: pointer;
    background: var(--color-cursor);
}
.FNTslider { 
    position: relative;
    width: 110px;
    height: 3px;
    margin: 3.5px 130px 3px 5px;
    float: right;
    background: var(--color-lav);
}

#plng {
color:var(--color-dark)!important;
}

li.pa-awards > a {color: var(--color-white)!important;}

.punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover {
/*color: var(--color-white)!important*/}

#pun-main > div.usertable > div > table > tbody > tr > td.tcl {    padding: 5px 15px 0 0;}

#pun-about > p > span {display:none}

.quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-white)!important}

#awards-content > tr > td.tcl, #pun-main > div.section > div {    padding-left: 10px;}
#pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 0}


#filetable > tbody > tr > td.tcl {padding-top: 10px!important;}

#filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5),
#filetable > tbody > tr > td.tc2.ft-uploaded, 
#filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;}

#filetable > tbody > tr > td.tcr {border:none!important}
#filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;}

#rep_form > table > tbody > tr > td.tc2 {border:none!important}
#rep_form > table > tbody > tr:nth-child(1) > td.tc2 {    padding-top: 0px;
    color: black;}
#rep_form > table > tbody > tr:nth-child(2) > td.tcl {    vertical-align: inherit;}

div.post-links > ul > li.pl-share {display: none!important}

/*div.for > a, td.tcr > a {    font-size: 13px;
    font-family: var(--custom);}*/

.fld-name /*{padding-right:4px}*/
li.pa-fld4.hidePunkt > span,
li.pa-respect.hidePunkt > span.fld-name,
li.pa-posts.hidePunkt > span{padding-right:0px!important}

.pa-posts {
  margin-left: 45px !important;
}
.fa-envelope::before {
  content: "\f099";
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}
.post-author .pa-respect span a[href^="/respect.php?id="]{
font-size:0!important;
}
.pa-fld3::before {
  content: "\f155";
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}
.pa-fld4::before {
  content: "\f1d8";
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}
.pa-respect span.fld-name {
  font-size: 0;
height: 19px;

}
.pa-respect span>a[href^="/respect.php?id="]::before {  
  content: "\f004";
font-family: icon;
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {    margin-top: -10px;}

#pun-userlist .main .tcl,
#pun-userlist .main .tc2,
#pun-userlist .main .tc3 {border: none!important;}

#messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc22 > em > a > span.avatar-image {width: 40px!important;
    height: 40px!important;    margin-left: 10px!important;}

#pun-main {
padding: 0px;
}

div[id*=pun-admin_]> #pun-title >  #title-logo-table > tbody > #title-logo-tr {top:0!important}

#pun-status > p > span.item4.status-right {display:none}

.bubble:after {
    border-color: var(--color-grey) transparent!important;}
.bubble {
    background: var(--color-grey)!important;}

#tags .container {
    background: var(--color-white);
}

.notice {
background: linear-gradient(to right, var(--color-dark-red) 0%,var(--color-lav) 50%, var(--color-white) 50%);
    background-size: 220%;
    background-position-x: 0%;
    height: 16px;
    width: 200px;
    padding: 5px 10px 5px;
    display: inline-block;
    position: relative;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    margin: 3px 4px;
    color: var(--color-pink);
    border-radius: 8px;
  }

.notice max{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:18px;
  font: bold 9px 'open sans';
  text-transform: uppercase;
}

.notice min{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10px;
  font: normal 7px 'open sans';
  text-transform: uppercase;
}
.notice img {
  width: 50px;
  position: absolute;
  left: 2px;
  top: -8px;
  }

.notice:hover {
     background-position-x: -100%;
  color: var(--color-dark-red);
}


/*.pa-fld3:before {
  content: '';
  background:url(https://forumstatic.ru/files/001a/cf/3c/34218.png) center no-repeat;
    filter: invert(1);
    width: 23px;
    height: 13px;
    display: inherit;
    background-position-y: 0px;
}*/

/*.pa-fld4:before {
content: '';
    background: url(https://forumstatic.ru/files/001a/cf/3c/78703.png) center no-repeat;
    filter: invert(1);
    width: 23px;
    height: 13px;
    display: inherit;
    background-position-y: -2px;
}*/


div > table > thead {display:none}
.pl-reports {display:none!important}


#pa-fld5 > strong > img, .pa-fld5 > img { max-height: 40px;}

.tipsy-inner {
margin-top: -2px!important;
  margin-left:-6px!important;}

.tipsy-inner p{
margin: 0px!important;
margin-top: 6px!important;
}

.punbb input, .punbb select, .punbb optgroup, .button {
    font: 1em verdana, arial, helvetica, sans-serif;
    border: 1px solid var(--color-cursor)!important;
font-size: 9px;
}

/*блок наград*/
#awards-content > tr.alt1 > td.tcl {display:none}
#awards-content > tr.alt1 > td:last-child {display:none}

#awards-content > tr > td:nth-child(2) {width:40%}
#awards-content > tr > td:nth-child(3) {width:60%; text-align:left; padding-right: 10px;}

#profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%}


/*аватар гостя в списке*/
.avatar-image[style*="default_avatar.jpg"]{
       background-image:url(https://i.imgur.com/SyYDMz9.jpg)!important;
}

li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld3 > span, li.pa-fld4 > span, li.pa-fld5 > span {display:none}

/*---------GUEST------*/

html {width:100%; border:none!important}

div.theme-img {
    width: 310px;
    padding: 0 10px;
    margin-left: 5px;
    min-height: 120px;
    display: inline-block;
    text-align: center;
}

div.theme-img > img {    max-width: 310px;
    max-height: 110px;}

.theme-text {
    max-width: 313px;
    padding: 0px 10px;
    font-size: 11px;
    text-align: justify;
    display: inline-block;
}

.theme-name1 {    margin: 0px 10px 10px;
    padding: 10px 10px 0px 0;
border-bottom: 1px solid var(--color-dark-red);}

.theme-name {
    font-family: var(--custom2);
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
    }

.theme-subname {
font-size: 10px;
text-align: right;
font-weight: normal;
    margin-top: -1px;
    margin-bottom: 7px;
}

.colortext {
     color: var(--color-cursor);
   }

.theme-back {
/*background: var(--noise);*/
    margin: 5px;
border: 1px solid var(--color-dark-red);
}

.theme-links {
    font-size: 10px;
    text-align: right;
text-transform:lowercase;
}

#pun-ulinks #Rz{display:none}

#cont_1 > img {width:50px; height:50px;}

/*gueat mask*/
div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px;
}

div.post-author.no-avatar > ul > li.pa-avatar {
padding: 10px;
    text-align: center;
    margin-top: 0px;}

div.tclcon > div.for {
    padding: 5px 25px 5px 10px;
}
.for-a {      background: var(--color-red);
    padding: 3px 0 5px!important;
    text-align: center;
    margin: 5px 0px!important;
color: var(--color-white);}

div.for > div > a {color: var(--color-white)!important}

li.pa-hidePunk, li.pa-awards > a, .fld-name > a {
    color: var(--color-lav) !important;
    font: normal 68.75% verdana, arial, helvetica, sans-serif!important;
    font-size: 9px!important;
    letter-spacing: 0px!important;}

li.pa-hidePunk {    text-transform: lowercase;
    text-align: center;
    padding: 10px;}

#post > fieldset > div > p > span > div {width: 888px;}

.punbb textarea, .punbb select, .punbb input {outline: transparent;}

.status_userava>img {vertical-align:middle;
position: absolute;
background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px!important;
    height: 50px!important;
    opacity: 1!important;
    outline: 2px solid var(--color-pink);
    outline-offset: 2px;
    border-radius: 50%;
    background-position: center center;
}
#pun-status > p > span.status_userava {margin-left: 25px;}
#pun-status > p > span.item1 {}
#pun-status > p > span.item2 {}

#ChangeStyle {    
    display: none;
    right: 5px;
    top: 150px;}

#ChangeStyle td {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50px;
/*     outline: 1px solid var(--color-white);
    outline-offset: 1px;*/
}


td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink {display:none}

#pun-reputation > div.inner.post_reputation > h1 {    margin: 7px 10px;}

/*личная страница*/



.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -390px;
	width: 520px;
	position: absolute;
	z-index: 101;
	}

.reveal-modal.xlarge { 
    width: 784px; 
    background: url(https://i.imgur.com/Lqt4tnB.jpg) !important; 
    height: 300px; 
    border: 0
}
	
.reveal-modal .close-reveal-modal {
	line-height: .5;
	position: absolute;
	top: 8px;
	right: -31px;
	color: var(--color-pink);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
  font-size: 30px
}

.menu span {
    cursor: pointer;
    display: block;
    text-align: left;
    flex: 1;
    background: var(--color-white);
    height: 36px;
    color: #121211;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 700 13px var(--my-font-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: solid 3px var(--color-pink);
}

.menu span + span {
  margin-left: 25px
}

.menu-links {
  display: flex;
  justify-content: space-between;
  width: 734px;
  margin-left: 25px;
  margin-top: 25px
}
#submenu {
    display: inline-block;
}

.menu .tabactive {
    background: var(--color-lav);
    border-color: var(--color-pink);
}
#submenu {
	height: 187px;
	width: 734px;
  margin-left: 25px;
  margin-top: 25px;
  color: var(--color-red);
  font: 200 12px var(--my-font-2);
}    
.submenutext {
	display: none; 
	height: 40px;
}

.char_leftblock {
  width: 252px;
}

.char_img {

    width: 250px;
    height: 120px;
    overflow: hidden;
}

.char_img img {
  width: 250px;
  filter: grayscale(100%);
  opacity: .77
}

.char_min_inf {
  text-align: center;
    overflow-y: auto;
    height: 68px;
color: var(--color-lav);
}

.char_min_inf span {
 font: 600 14px Minion Pro;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border-bottom: 1px solid var(--color-lav);
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 7px;
color: var(--color-pink);
}

.char_rightblock {
  position: absolute;
  width: 458px;
  top: 88px;
  left: 300px
}

.char_cita {
background: var(--color-white);
    font: 300 italic 12px lol;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    text-align: center;
    border-bottom: solid 3px var(--color-pink);
    color: var(--color-plum);
}

.char_max_info {
    background: var(--color-white);
    padding: 15px;
    text-align: center;
    margin-top: 25px;
    height: 80px;
    border-bottom: solid 3px var(--color-pink);
    color: var(--color-plum);
}

.char_max_info div {
  overflow-y: auto;
  height: 100%;
  text-align: left;
  line-height: 150%
}

.team_cont {
  display: flex;
  justify-content: space-between;
  height: 62px;
  align-items: center;
  font: 200 12px lol;
    text-transform: uppercase
}

.team_img {
  width: 50px;
  height: 50px;
  border: 2px solid #705810;
  border-radius: 100%;
  overflow: hidden
}

.team_img img {
  width: 50px
}

.team_name_awards {
    background: var(--color-white);
    flex: 1;
    margin-left: 25px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    border-bottom: solid 3px var(--color-pink);
    color: var(--color-plum);
}

.team_name_awards span {
  font: 600 15px lol;
}

.team_aw_block {
  margin-top: 25px;
  height: 102px;
  display: flex;
  justify-content: space-between;
}

.team_aw_block div + div {
  margin-left: 25px !important;
}

.team_aw_block > div {
    background: var(--color-white);
    scrollbar-color: #918e93 rgba(0,0,0,.05) !important;
    border-bottom: solid 3px var(--color-pink);
    padding: 10px;
    flex: 1;
    color: var(--color-plum);
}



.team_aw_block .team_plashes img {
  width: 195px !important;
}
.team_plashes {
  display: none;
}

.team_aw_block > div > span {
  display: block;
  background: rgba(18,17,23,.08);
  font: 600 10px Merriweather;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0
}

.team_aw_block > div > div {
  height: calc(100% - 30px);
  overflow-y: auto;
  margin-top: 10px;
  text-align: center
}

.team_awards img, .team_gifts img, .«playing» img {
  max-width: 50px;
}

img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  } 


/*Фон таблицы к Счетчику постов*/
#pun_wrap .punbb .table_GamePosts tbody th {
background: var(--color-plum) !important;
font-weight: bold !important;
}

/*страница поиска постов*/
#pun-searchposts .authorcont {
            writing-mode: lr-tb;
    height:100%;
    align-items: start;
    box-shadow: none;
    transform: rotate(0deg);
    width: 100%;
    top: 5px;
}

/* стиль модального окна маски */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    background: var(--color-white) !important;
    box-shadow: 0 0 40px var(--color-red) !important;
    padding: 8px;
}

/* стиль хтмл гостевой*/
#guestbook {
background: url(https://forumstatic.ru/files/001b/a8/12/76645.jpg) top center;
    width: 900px;
    height: 388px;
    margin-left: 31px;
    position: relative;
    font-family: Arial;
    font-size: 10px;
    font-weight: 200;
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.guest_info {
    width: 434px;
    padding-top: 63px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: var(--color-white);
}

.guest_ams {
    margin: 18px 24px;
    width: 376px;
    padding: 10px;
    font-size: 14px;
    font-family: 'Merriweather';
    text-transform: uppercase;
    text-align: center;
    color: var(--color-plum);
}

.guest_ams span {
  display: block
}

.guest_rules {
    margin: 30px 28px;
    width: 360px;
    height: 110px;
    overflow-y: auto;
    padding: 5px 10px;
    font-size: 11px;
    text-align: justify;
    line-height: 18px;
    color: var(--color-dark);
}

.persons4 {
position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 55px;
    width: 363px;
    left: 478px;
    top: 80px;
}

.persons4 span {
    text-transform: uppercase;
    color: var(--color-grey);
    font: 200 14px lol;
    letter-spacing: 2px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.persons4 div {
    width: 50px;
    height: 48px;
    position: relative;
    border: 1px solid var(--color-lav);
    transition: all .8s ease-in-out 0s;
    overflow: hidden;
    background: var(--color-pink);
}



.persons4 div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .8s ease-in-out 0s;
  z-index: 1
}

.persons4 img {
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
width: 53px;
height: 53px;
object-fit: cover;
}

.persons4 div:hover img {
  filter: none
}

.persons4 div:hover:after {
  left: -100%
}

.persons4 div:hover:before {
  left: 100%
}

.guest_faces {
    position: absolute;
    top: 153px;
    left: 452px;
    width: 412px;
    color: var(--color-white);
    text-align: center;
}

.guest_faces a {
    color: var(--color-pink) !important;
}

.guest_faces > span {
    font: 12px merriweather;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 20px !important;
}

.guest_faces p {
  text-transform: lowercase;
  font: 200 13px/14px Arial !important;
}


.guest_faces div {
    overflow-x: auto;
    height: 85px;
    font-size: 11px;
    text-transform: lowercase;
}

.guest_code {
  position: absolute;
  width: 930px;
  height: 44px;
  margin-top: -62px;
  margin-left: 37px;
  }

.guest_code .blockcode {
    margin: -25px 420px;
    width: 430px;
}

.guest_code strong.legend {
    background: var(--color-violet);
    border-radius: 7px;
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 12px;
    width: 200px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 28px;
    margin-left: 45px;
    margin-top: 2px;
    }

.guest_code strong.legend a{
color: var(--color-white);
}

.guest_code strong.legend:hover {
background: var(--color-lav);
}

.guest_code .scrollbox{
}

.guest_code pre {
    font-family: ibm plex sans !important;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-grey);
}

.guest_code pre a {
    color: var(--color-lav) !important;
}

/* стиль хтмл анкеты*/
.quenta_box {
    width: 930px;
    margin: 0px 16px;
}

.quenta_name {
background: var(--color-plum);
    height: 36px;
    font: normal 36px Minion Pro;
    color: var(--color-pink);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0px;
}

.quenta_next {
background: url(https://i.imgur.com/YcMrjuV.jpg) top center;
    padding: 8px 0;
    position: relative;
}

.quenta_face {
position: absolute;
    right: 20px;
    top: 50px;
    width: 218px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--color-lav);
    font: 600 8px Arial;
    text-transform: uppercase;
}

.quenta_face img {
  width: 100px;
  outline: 1px solid var(--color-lav);
  outline-offset: 2px;
object-fit: cover;
height: 100px;
}

.quenta_face span {
      display: block;
    flex: 1;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    letter-spacing: 1px;
}

.quenta_mininfo {
width: 895px;
    display: flex;
    justify-content: space-between;
    color: var(--color-white);
    font: 300 9px ibm plex sans;
    text-transform: uppercase;
    margin-left: 20px !important;
margin-left: 20px !important;
}

.quenta_mininfo span {
  background: var(--color-violet);
    border: 1px solid var(--color-plum);
    padding: 5px;
    flex: auto;
    text-align: center;
    color: var(--color-white);
}

.quenta_mininfo span + span {
  margin-left: 10px
}

.quenta_reason, .quenta_profi, .quenta_skill {
font: 500 10px/16px var(--my-font-4);
    width: 313px;
    overflow-y: auto;
    background: var(--color-lav);
    border: 1px solid var(--color-plum);
    box-sizing: border-box;
    padding: 7px;
    color: var(--color-plum);
    box-shadow: inset 0px 0px 5px 1px rgb(28 21 27 / 60%);
}

.quenta_reason b, .quenta_profi b, .quenta_skill b {
  font: 800 9px var(--my-font-4);
  text-transform: uppercase
} 

.quenta_reason {
margin-top: 15px;
margin-left: 20px;
height: 57px;
}

.quenta_profi {
margin-left: 20px;
height: 57px;
margin-top: 6px;
}

.quenta_skill {
left: 343px;
height: 120px;
top: 46px;
position: absolute;
width: 332px !important;
}

.quenta_quote {
    margin-top: 20px;
    background: var(--color-lav);
    text-align: center;
    padding: 7px;
    font: 600 9px Merriweather;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 39px 10px;
    color: var(--color-plum);
}

.quenta_history {
    background: var(--color-white);
    box-shadow: inset 0px 0px 20px 1px #3c2f48b3;
    line-height: 150%;
    overflow-y: auto;
    padding: 10px;
    max-height: 500px;
}

.quenta_bottominfo {
    display: flex;
    justify-content: space-between;
    font: 200 10px var(--my-font-4);
    background: var(--color-plum);
    padding: 5px 15px;
    color: var(--color-white);
    position: relative;
    top: 20px !important;
}

.quenta_bottominfo b {
  color: var(--color-pink);
}

.quenta_bottominfo:before {
  content: "";
  height: 1px;
  width: 100%;
background: #181118;
  position: absolute;
  left: 0;
  top: -20px
}

.quenta_bottominfo span {
  padding: 5px;
  flex: 1;
  text-align: justify;
}

.quenta_bottominfo span + span {
  margin-left: 10px
}

#post_button {   
    background: var(--color-lav);
    margin-top: 20px;
    text-align: center;
    padding: 7px;
    font: 700 10px Merriweather;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    color: var(--color-dark);
}

.post_button {
  transition: all .6s ease-in-out 0s
}

.post_button.openpost {
  letter-spacing: 3px !important;
  filter: brightness(.8)
}

#postblock {
    line-height: 150%;
    background: var(--color-plum);
    padding: 10px 55px 10px 55px;
    color: var(--color-white);
    text-align: justify;
}

/* шаблон принятия */
.anket_bottom_box {
  background: var(--color-plum);
    width: 460px;
    height: auto;
    margin-left: 98px;
    padding: 20px;
    color: var(--color-white);
    font: 500 9px/18px 'montserrat';
}

.anket_bottom_box div {
background: #574f5f6b;
width: 100%;
}

.anket_bottom_box-22-main {
margin: 0 98px 5px !important;
}

.anket_bottom_box div span {
  display: block;
  padding: 10px !important;
  line-height: 14px;
}

.anket_bottom_box div span b {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
color: var(--color-pink);
}

.anket_bottom_box div span a {
color: var(--color-pink) !important;
font-weight: 700;
}

/*фон в форме ответа*/
#main-reply {
background-color: var(--color-white) !important;
}

0

5

Структура style.css - новости, герои и карта

Код:
/* шаблон новостей */
  #ave {
    position: relative;
    width: 832px;
    height: 517px;
    border: solid 2px var(--color-dark-red);
    margin-left: 65px;
    background: var(--color-plum) url(https://i.imgur.com/YcMrjuV.jpg) center;
    background-size: cover;
  }

  .side-img1 {
    position: absolute;
    left: 0px;
    width: 162px;
    height: 500px;
  }
.replycontain img {
    width: 22px;
    object-fit: cover;
    height: 22px;
}
  .side-img2 {
    position: absolute;
    right: 0px;
    width: 162px;
    height: 500px;
  }
.name1 {
    position: absolute;
bottom: 78px;
left: 81px;
font-family: 'Bebas Neue', cursive;
font-size: 29px;
letter-spacing: 2px;
text-transform: bold;
color: var(--color-plum);
transform: rotate(-90deg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
  .nameplate1 {
position: absolute;
    bottom: 0px;
    left: 130px;
    background: var(--color-grey);
    width: 45px;
    height: 200px;
  }

  .gif1 {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 130px;
    bottom: 210px;
    border: solid 1px var(--color-lav);
    transition: all .8s ease-in-out 0s;
    background: linear-gradient(to right top, var(--color-pink), var(--color-pink));
  }

.name2 { position: absolute;
bottom: 67px;
right: 89px;
font-family: 'Bebas Neue', cursive;
font-size: 29px;
letter-spacing: 2px;
text-transform: bold;
color: var(--color-plum);
transform: rotate(-90deg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

  .nameplate2 {
    position: absolute;
    bottom: 0px;
    right: 130px;
background: var(--color-grey);
    width: 45px;
    height: 200px;
  }

.gif2 img {
    mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
width: 45px;
height: 45px;
object-fit: cover;
}
.gif1 img {
    mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
width: 45px;
height: 45px;
object-fit: cover;
}
  .gif2 {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 130px;
    bottom: 210px;
    border: solid 1px var(--color-lav);
    transition: all .8s ease-in-out 0s;
    background: linear-gradient(to right top, var(--color-pink), var(--color-pink));
  }

  .replycontain b, .replycontain a {
color: var(--color-pink) !important;
}

  .replycontain {
    position: absolute;
    top: 96px;
    left: 180px;
    width: 433px;
    height: 360px;
    padding: 20px;
    color: var(--color-white);
    text-align: justify;
    border-bottom: solid 2px var(--color-lav);
    border-top: solid 2px var(--color-lav);
    overflow: auto;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    line-height: 15px;
    background: var(--color-dark);
  }
  .replycontain::-webkit-scrollbar {
    width: 8px;
    height: 2px;
}

.replycontain::-webkit-scrollbar-thumb {
  background-color: var(--color-pink);
}

.replycontain::-webkit-scrollbar-track {
background-color: var(--color-lav);
} 

.quote1 {
  position: absolute;
    top: 41px;
    left: 180px;
    font-size: 40px;
    color: #9e90a9bf;
    line-height: 25px;
    width: 470px;
    text-align: center;
    font-family: var(--my-font) !important;
text-shadow: 1px 1px 7px var(--color-plum), 0 0 1px var(--color-dark);
}
.quote2 {
    position: absolute;
    top: 76px;
    left: 185px;
    font-family: var(--my-font-2);
    color: var(--color-white);
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 25px;
    width: 456px;
    text-align: center;
}

/* шаблон героев */
#aphrodite {
outline: 1px solid #574f5f;
    outline-offset: -20px;
    width: 551px;
    height: 450px;
    background-color: #1c151b;
    margin: 20px auto;
    position: relative;
}


#aphrodite .words1 {
padding: 30px;
letter-spacing: 1px;
line-height: 106%;
font-size: 38px;
text-align: right;
text-transform: uppercase;
background: linear-gradient(to left, var(--color-violet), var(--color-pink), var(--color-lav), var(--color-pink));
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    font-family: 'Minion Pro';
    font-weight: 800;
}

#aphrodite u {
 text-decoration: none;
 border-bottom: 2px solid;
border-image-source: linear-gradient(to left, var(--color-violet), var(--color-pink), var(--color-lav), var(--color-pink));
border-image-slice: 1;
}

#aphrodite .aprimgicons1 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);

}
.aphrodite39::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;

    mix-blend-mode: multiply;
    position: absolute;
    transition: all .6s ease-in-out 0s;
}
#aphrodite .aprimgicons1:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons2 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}
.aphrodite4 {
    float: right !important;
    position: absolute;
right: 41px;
bottom: 13px;
}
.aphrodite39 {
        display: inline-block;
    margin-left: 49px;
    margin-top: 24px;
    border: 2px solid #1c151b;
    border-image-source: linear-gradient(to left, var(--color-lav), var(--color-pink), var(--color-violet), var(--color-pink));
    border-image-slice: 1;
    width: 70px;
    height: 70px;
    transition: .9s ease;
    object-fit: cover;
    background: linear-gradient(to right top, var(--color-white), var(--color-lav));
    transition: all .8s ease-in-out 0s;
}

#aphrodite .aprimgicons2:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons3 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons3:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons4 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons4:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons5 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons5:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons6 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons6:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons7 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons7:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons8 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons8:hover {
 border: 8px solid #ddb863;
 background-color: #ddb863;
}

#aphrodite .aprimgicons9 {
border-image-source: linear-gradient(to left, #3b6f67, #39504c, #475150, #495151);
border-image-slice: 1;
width: 70px;
height: 70px;
transition: .9s ease;
object-fit: cover;
z-index: 1;
position: relative;
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
}

#aphrodite .aprimgicons9:hover {
 border: 8px solid #dddddd;
 background-color: #dddddd;
}

#aphrodite .aphrodite3 {
background: linear-gradient(to left, var(--color-violet), var(--color-pink), var(--color-lav), var(--color-pink));
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-style: bold;
letter-spacing: 2px;
font-size: 15px;
padding: 5px;
margin-left: 7%;
margin-top: -2%;
position: absolute;
border-image-slice: 1;
}

/*стили карты города*/
.map-box {
    width: 897px;
    height: 470px;
    overflow-y: scroll;
    border: 3px solid var(--color-plum);
    position: relative;
    left: 30px;
scrollbar-width: thin;
scrollbar-color: #74999E rgba(0,0,0,.05) !important;
}

.map {
  width: 2600px;
}

span.tooltip {
  display: inline-block;
  margin-left: 2px;
  margin-bottom: 0
}

.tooltip em {
 position: absolute;
background: rgb(223, 223, 223);
border: 1px solid #79641c;
display: block;
padding: 10px;
top: -16px;
z-index: 9;
left: 152px;
transform: translateX(-50%) scale(0);
visibility: hidden;
transition: all .7s ease-in-out 0s;
font: 500 9px montserrat;
  font-style: normal;
  line-height: normal;
letter-spacing: 0;
text-align: justify;
width: 247px;
height: 226px;
line-height: 15px;
overflow-y: auto;
scrollbar-width: thin !important;
}

.tooltip:hover em {
  visibility: visible;
  transform: translateX(-50%) scale(1);
}

.tooltip em img {
  display: block;
  margin: auto;
  margin-bottom: 0px;
  margin-right: 0px;
}

.map-box-1-1 {
    position: absolute;
    top: 984px;
    left: 76px;
}

.map-box-1-2 {
    position: absolute;
top: 1429px;
left: 597px;
}

.map-box-1-3 {
    position: absolute;
top: 1341px;
left: 1699px;
}

.map-box-1-4 {
    position: absolute;
top: 1146px;
left: 2485px;
}

.map-box-1-5 {
    position: absolute;
top: 901px;
left: 2285px;
}

.map-box-1-6 {
    position: absolute;
top: 1355px;
left: 2179px;
}

.map-box-6-7 {
    position: absolute;
top: 855px;
left: 500px;
}

.map-box-6-6 {
    position: absolute;
top: 676px;
left: 479px;
}

.map-box-6-5 {
    position: absolute;
top: 907px;
left: 1558px;
}

.map-box-6-4 {
    position: absolute;
top: 316px;
left: 1961px;
}

.map-box-6-3 {
    position: absolute;
top: 1141px;
left: 2379px;
}

.map-box-6-2 {
    position: absolute;
top: 1184px;
left: 2249px;
}

.map-box-6-1 {
    position: absolute;
top: 1355px;
left: 1279px;
}

.map-box-3 em {
height: 177px;
}

.map-box-4 em {
height: 197px;
}

.map-box-6 em {
height: 250px;
}

.map-box-5 em {
height: 226px;
}

.map-box-1-4 em {
left: -137px !important;
}

.map-box-6-3 em {
left: -137px !important;
}

.map-box-1-5 em {
left: -137px !important;
}

.map-box-2-1 {
    position: absolute;
top: 1146px;
left: 1194px;
}

.map-box-2-2 {
    position: absolute;
top: 1208px;
left: 691px;
}

.map-box-2-3 {
    position: absolute;
top: 251px;
left: 1098px;
}

.map-box-2-4 {
    position: absolute;
top: 839px;
left: 1338px;
}

.map-box-2-5 {
    position: absolute;
top: 1307px;
left: 782px;
}

.map-box-2-6 {
    position: absolute;
top: 43px;
right: -216px;
}

.map-box-2-7 {
    position: absolute;
top: 1179px;
left: 1011px;
}

.map-box-2-8 {
    position: absolute;
top: 713px;
left: 1150px;
}

.map-box-2-9 {
    position: absolute;
top: 1139px;
left: 568px;
}

.map-box-2-10 {
    position: absolute;
top: 1276px;
left: 700px;
}

.map-box-2-11 {
    position: absolute;
top: 859px;
left: 1475px;
}

.map-box-2-12 {
    position: absolute;
top: 802px;
left: 793px;
}

.map-box-2-13 {
    position: absolute;
top: 763px;
left: 1470px;
}

.map-box-2-14 {
    position: absolute;
top: 424px;
left: 1943px;
}

.map-box-2-15 {
    position: absolute;
top: 1088px;
left: 2328px;
}

.map-box-2-16 {
    position: absolute;
top: 1077px;
left: 590px;
}
.map-box-2-17 {
    position: absolute;
top: 793px;
left: 2153px;
}

.map-box-2-18 {
    position: absolute;
top: 55px;
right: -190px;
}

.map-box-3-1 {
    position: absolute;
top: 689px;
left: 1820px;
}

.map-box-3-2 {
    position: absolute;
top: 609px;
left: 2086px;
}

.map-box-3-3 {
    position: absolute;
top: 635px;
left: 1637px;
}

.map-box-3-4 {
    position: absolute;
top: 1356px;
left: 620px;
}

.map-box-3-5 {
    position: absolute;
top: 999px;
left: 1242px;
}

.map-box-3-6 {
    position: absolute;
top: 1008px;
left: 1670px;
}

.map-box-3-7 {
    position: absolute;
top: 1292px;
left: 677px;
}

.map-box-3-8 {
    position: absolute;
top: 567px;
left: 1939px;
}

.map-box-3-9 {
    position: absolute;
top: 844px;
left: 1008px;
}

.map-box-3-10 {
    position: absolute;
top: 660px;
left: 1736px;
}

.map-box-3-11 {
    position: absolute;
top: 1185px;
left: 822px;
}

.map-box-4-1 {
    position: absolute;
top: 920px;
left: 800px;
}

.map-box-4-2 {
    position: absolute;
top: 1115px;
left: 747px;
}

.map-box-4-3 {
    position: absolute;
top: 233px;
left: 1429px;
}

.map-box-4-4 {
    position: absolute;
top: 981px;
left: 257px;
}

.map-box-4-5 {
    position: absolute;
top: 966px;
left: 559px;
}

.map-box-4-6 {
    position: absolute;
top: 728px;
left: 1681px;
}

.map-box-4-7 {
    position: absolute;
top: 152px;
left: 1170px;
}

.map-box-4-8 {
    position: absolute;
top: 1150px;
left: 488px;
}

.map-box-4-9 {
    position: absolute;
top: 1267px;
left: 936px;
}

.map-box-4-10 {
    position: absolute;
top: 885px;
left: 1134px;
}

.map-box-4-11 {
    position: absolute;
top: 744px;
left: 1329px;
}

.map-box-4-12 {
    position: absolute;
top: 671px;
left: 1922px;
}

.map-box-4-13 {
    position: absolute;
top: 1057px;
left: 358px;
}

.map-box-4-14 {
    position: absolute;
top: 365px;
left: 2088px;
}

.map-box-4-15 {
    position: absolute;
top: 1043px;
left: 1457px;
}

.map-box-4-16 {
    position: absolute;
top: 1313px;
left: 420px;
}

.map-box-4-17 {
    position: absolute;
top: 1185px;
left: 286px;
}

.map-box-4-18 {
    position: absolute;
top: 879px;
left: 660px;
}

.map-box-4-19 {
    position: absolute;
top: 1295px;
left: 1790px;
}

.map-box-4-20 {
    position: absolute;
top: 1037px;
left: 657px;
}

.map-box-4-21 {
    position: absolute;
top: 297px;
left: 2017px;
}

.map-box-4-22 {
    position: absolute;
top: 315px;
left: 1777px;
}

.map-box-4-23 {
    position: absolute;
top: 929px;
left: 1805px;
}

.map-box-4-24 {
    position: absolute;
top: 1266px;
left: 897px;
}

.map-box-4-25 {
    position: absolute;
top: 1013px;
left: 1228px;
}

.map-box-4-26 {
    position: absolute;
top: 584px;
left: 1928px;
}
.map-box-4-27 {
position: absolute;
top: 728px;
left: 1471px;
}
.map-box-4-29 {
position: absolute;
top: 1058px;
left: 782px;
}

.map-box-5-1 {
    position: absolute;
top: 378px;
left: 1184px;
}

.map-box-5-2 {
    position: absolute;
top: 613px;
left: 813px;
}

.map-box-5-6 {
    position: absolute;
top: 757px;
left: 981px;
}

.map-box-5-7 {
    position: absolute;
top: 793px;
left: 1105px;
}

.map-box-5-8 {
    position: absolute;
top: 997px;
left: 1505px;
}

.map-box-5-9 {
    position: absolute;
top: 894px;
left: 426px;
}

.map-box-5-10 {
    position: absolute;
top: 467px;
left: 1492px;
}

.map-box-5-12 {
    position: absolute;
top: 599px;
left: 628px;
}

.map-box-5-15 {
    position: absolute;
top: 467px;
left: 653px;
}

.map-box-5-16 {
    position: absolute;
top: 634px;
left: 1294px;
}

.map-box-5-18 {
    position: absolute;
top: 712px;
left: 1810px;
}

.map-box-5-20 {
    position: absolute;
top: 365px;
left: 1923px;
}

.map-box-5-21 {
    position: absolute;
top: 1168px;
left: 99px;
}

.map-box-5-26 {
    position: absolute;
top: 754px;
left: 1754px;
}
.map-box-5-27 {
    position: absolute;
top: 557px;
left: 1713px;
}

.map-box-5-29 {
    position: absolute;
top: 1045px;
left: 1289px;
}

.map-box-5-33 {
    position: absolute;
top: 726px;
left: 1800px;
}

.map-box-5-34 {
    position: absolute;
top: 1026px;
left: 1129px;
}

.map-box-5-35 {
    position: absolute;
top: 968px;
left: 808px;
}

.map-box-5-36 {
  position: absolute;
  top: 1292px;
  left: 2487px;
}

.map-box-5-36 em {
  position: absolute; 
  top: -16px;
  left: -152px !important;
}

.map-box-5-37 {
  position: absolute;
top: 285px;
left: 1855px;
}

.map-box-5-38 {
    position: absolute;
top: 1065px;
left: 1557px;
}

.map-box-5-39 {
    position: absolute;
top: 1305px;
left: 1675px;
}

.map-box-5-40 {
    position: absolute;
top: 1005px;
left: 920px;
}

.map-box-5-41 {
    position: absolute;
top: 410px;
left: 780px;
}

.map-box-5-42 {
    position: absolute;
top: 435px;
left: 2110px;
}

.map-box-1::before {
    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #e1861b;
}

.map-box-2::before {
    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #19a60d;
}

.map-box-3::before {
    content: "\f041";
    font-family: icon;
font-size: 17px;
color: #930da6;
}

.map-box-4::before {
    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #0d89a6;
}

.map-box-5::before {
    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #d51414;
}

.map-box-6::before {
    content: "\f041";
    font-family: icon;
font-size: 20px;
color: #f459a2;
}

.map-box-all-img {
display: flex;
  overflow-x: scroll;
scrollbar-width: thin !important;
}

.map-box-all-img img {
width: 221px;
height: 137px;
float: left;
margin: 0 5px !important;
object-fit: cover;
}

.map-box-all-places em span {
  text-align: center;
  display: block;
  font-size: 12px;
  padding-bottom: 3px;
  padding-top: 2px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
color: #2F3941;
}

.map-box-all-places em p {
  font-style: normal;
  font-size: 9px;
}

.map-box-all-places-name:hover { 
   opacity:0;
background-color: rgba(0, 0, 0, 0) !important;
 }

.map-box-all-places-name {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 2600px;
height: 1460px;
transition: all .6s ease-in-out 0s;
background-color: rgba(0, 0, 0, 0.7);
padding-top: 200px;
}

.map-box-all-places-name p {
  width: 896px;
  height: 470px;
color: var(--color-white);
font-size: 50px;
}

/*широкое окно загрузки видео*/
#video-area-tinp, #image-area-tinp {
width: 90% !important;
}

/*лейквуд*/

.map-box-6-1-le {
    position: absolute;
    top: 700px;
    left: 900px;
}

.map-box-6-2-le {
    position: absolute;
    top: 600px;
    left: 1750px;
}

.map-box-6-3-le {
    position: absolute;
    top: 88px;
    left: 1400px;
}

.map-box-6-4-le {
    position: absolute;
    top: 1098px;
    left: 1560px;
}

.map-box-6-5-le {
    position: absolute;
    top: 1528px;
    left: 1350px;
}

.map-box-6-6-le {
    position: absolute;
    top: 1500px;
    left: 372px;
}

.map-box-2-1-le {
    position: absolute;
    top: 472px;
    left: 1387px;
}

.map-box-2-2-le {
    position: absolute;
    top: 960px;
    left: 1329px;
}

.map-box-2-3-le {
    position: absolute;
    top: 980px;
    left: 1033px;
}

.map-box-2-4-le {
    position: absolute;
    top: 263px;
    left: 1531px;
}

.map-box-2-5-le {
    position: absolute;
    top: 715px;
    left: 1230px;
}

.map-box-2-6-le {
    position: absolute;
    top: 709px;
    left: 1362px;
}

.map-box-3-1-le {
    position: absolute;
    top: 1054px;
    left: 1230px;
}

.map-box-3-2-le {
    position: absolute;
    top: 613px;
    left: 1316px;
}

.map-box-3-3-le {
    position: absolute;
    top: 544px;
    left: 1233px;
}

.map-box-3-4-le {
    position: absolute;
    top: 700px;
    left: 1533px;
}

.map-box-3-5-le {
    position: absolute;
    top: 265px;
    left: 1306px;
}

.map-box-3-6-le {
    position: absolute;
    top: 1044px;
    left: 1425px;
}

.map-box-3-7-le {
    position: absolute;
    top: 1250px;
    left: 953px;
}

.map-box-3-8-le {
    position: absolute;
    top: 1383px;
    left: 814px;
}

.map-box-3-9-le {
    position: absolute;
    top: 1441px;
    left: 818px;
}

.map-box-3-10-le {
    position: absolute;
    top: 1399px;
    left: 945px;
}

.map-box-4-1-le {
    position: absolute;
    top: 1106px;
    left: 1120px;
}

.map-box-4-2-le {
    position: absolute;
    top: 311px;
    left: 1265px;
}

.map-box-4-3-le {
    position: absolute;
    top: 780px;
    left: 1531px;
}

.map-box-4-4-le {
    position: absolute;
    top: 1100px;
    left: 1297px;
}

/* стиль тем внутри подфорума*/

.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
}

#pun-viewforum .forum .tcl .tclcon {
    text-align: left;
    margin-right: 18px;
    padding-left: 40px;
    margin-top: -10px;
    margin-left: 30px;
}

/* стиль таблицы счетчика постов */

.table_GamePosts {
    width: 910px !important;
    margin-left: 25px;
    background: var(--color-white);
    border-collapse: collapse;
    text-align: left;
    text-shadow: none;
}

.table_GamePosts .first{
    background: var(--color-white);
}

0

6

Цвета style_cs.css

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-cursor: #574f5f; /*выделение*/
    --color-gold: #79641c; /*золотой*/
    --color-white: #92908a; /* светлый серый (цвет текста на кнопках) */
    --color-black: #20201f; /*черный*/
    --color-grey: #95928c; /*серый*/
    --color-red: #711b0e; /*красный*/
    --color-pink: #9e90a9; /*розовый*/
    --color-lav: #574f5f; /*лавандовый*/
    --color-violet: #403458; /*фиолетовый*/
    --color-dark: #1c171a; /*темно-бордовый*/
    --color-dark-red: #4f1a12; /*темно-красный (цвет ссылок)*/
    --color-plum: #1c151b; /*темно-сливовый*/
    --my-font: Modesfa;
    --my-font-2: Arial;
    --my-font-3: Century Gothic;
    --my-font-4: Verdana;
    --html-bg: #20201f url(https://i.imgur.com/YcMrjuV.jpg);
    --noise: #95928c url(https://forumstatic.ru/files/001b/a8/12/10043.png);
    --noise-violet: #403458 url(https://forumstatic.ru/files/001b/a8/12/25100.png);
}


/*cтиль клика*/
#post-mentions, #mentions-area table, #mentions-area table a {background: var(--color-white); z-index: 100}

/*Фон*/
body {
background: var(--html-bg) top center no-repeat fixed;
}



#flood {
position: absolute;
    display: inline-flex;
    justify-content: space-between;
    width: 180px;
    top: -45px;
    left: 20px;
}

#flood-1, #flood-2, #flood-3, #flood-4 {
    width: 40px;
    height: 40px;
    border: 1.5px solid #4f1a12;
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    box-shadow: inset 0px 0px 10px 10px var(--color-red);
}

#flood-1 a:hover, #flood-2 a:hover, #flood-3 a:hover, #flood-4 .a:hover {
cursor: pointer;
}


#flood-1 img, #flood-2 img, #flood-3 img, #flood-4 img {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px 40px 40px 40px;
    filter: grayscale(1);
}


#ACTIVE {    position: relative;     z-index: 2;}



#html-header {
background: url(https://forumstatic.ru/files/001b/a8/12/65601.png) no-repeat;
    width: 970px;
    height: 282px;
    position: absolute;
    top: 70px;
}

/* Тело форума */
   .punbb {
    height: auto;
    background: url(https://forumstatic.ru/files/001b/a8/12/77399.png) repeat-y;
    margin-top: 230px;
      }

/* Футер */
#pun-about .container {
    height: 0px;
width: 970px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #viewprofile li div,
.punbb .formal fieldset .post-box, #viewprofile li strong, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back);
  color: var(--color-dark);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-red);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-grey);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    margin-top: 15px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    border: 1px solid var(--color-cursor);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgb(147 147 139 / 30%);
    box-shadow: inset 0px 0px 5px 2px rgb(85 85 85 / 50%);
    border-radius: 10px;
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    text-decoration: none;
    color: var(--color-violet);
    }

#pun-index .tcr a {font-size: 12px;
    font-weight: 600;
    color: var(--color-dark-red);
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-pink);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-lav);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-red);
    text-decoration: none;
    font-family: var(--custom2);
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-red);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-red);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* Иконки*/

div.icon {
    background-color: var(--color-lav);
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 25px;
    width: 15px;
    height: 15px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-red);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-pink);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-top: 0px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background:var(--color-red);
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background:var(--color-pink);
}


#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    color: var(--color-red)!important;
    width: 35px;
    height: 26px;
    text-align: center;
    margin-right: 10px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*Стиль выделения */
::selection  {
    background: none repeat scroll 0 0 var(--color-cursor);
    color: var(--color-white);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-cursor);
    color: var(--color-white);
    opacity: 1;
} 

/* Стиль списка тем в форуме */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* Список тем в форуме ник создателя темы */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "—";}


/*Форма ответа стиль выпадающих окошек*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*Фон окошка репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* скролл */
::-webkit-scrollbar {   width: 6px;  height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-lav);} 
::-webkit-scrollbar-thumb {background-color: var(--color-plum);}


/*форум тем, прозрачность*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(145 145 145 / 25%);
/*rgb(134 87 151 / 20%);*/
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background: rgb(145 145 137);
    color: rgb(36 36 35);
    border: 1px solid rgb(90 90 88);
    box-shadow: rgb(213 213 210) 0px 0px 2px inset, rgb(141 138 138) 0px 0px 1px inset, rgb(133 133 132) 0px 0px 30px inset;
    border-radius: 3px;
    padding: 18px 15px !important;
    width: 96% !important;
}



#pun .quote-box.spoiler-box {
background: var(--color-white);
}
#pun .quote-box.spoiler-box {
color: var(--color-cursor) !important;
}



.spoiler-box .scrollbox pre {
  color: var(--color-red) !important;
}

.spoiler-box .quote-box {
  color: var(--color-black) !important;
}

#pun .quote-box cite, #pun .code-box strong.legend a {
    color: var(--color-grey);
}

#pun .code-box a {
    color: var(--color-grey);
}

#pun .code-box a:hover {
    color: var(--color-pink) !important;
}


#pun-main .code-box .scrollbox pre {
    font-family: var(--my-font-4) !important;
    font-size: 1em;
    letter-spacing: 0.1em;
    padding-bottom: 7px;
}

#form-buttons {
}


/* КНОПКИ ВВЕРХ-ВНИЗ */
.go-up, .go-down {
    cursor: pointer;
    opacity: 0.9;
    position: fixed;
    padding-left: 35px;
}

.go-up {
    top: 380px;
    margin-left: 950px !important;
}
.go-down {
    top: 510px;
    margin-left: 950px !important;
}

.go-up span, .go-down span {
    display: block;
width: 45px;
height: 25px;
    background: #0d433c;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s cubic-bezier(.64,.51,.55,1.36) 0s; 
}
.go-up span:before, .go-down span:before {
    content: "";
    background: #0d433c;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: 0
}
.go-down:hover, .go-up:hover {
    opacity: 1;

}

.go-up:hover span, .go-down:hover span {
    transform: translateY(-50%);
}


.banr {    
    height: 32px;
    width: 947px;
    overflow-y: auto;
    margin-top: 20px !important;
    overflow-y: auto;
}

.bannner {
    height: 146px;
    width: 962px;
    text-align: center;
    background: url(https://forumstatic.ru/files/001b/a8/12/59841.png) repeat-y;
    position: absolute;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }

#pun-viewforum .tcr a {
    font-size: 11px;
}

.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* Стиль всех кнопок */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    vertical-align: middle;
    argin: 0 0.6em 0 0;
    color: var(--color-white);
    border-radius: 5px;
    background: var(--color-plum);
    text-transform: uppercase;
    font-size: 9px;
}


/* Предпросмотр */
#post-preview .fs-box .post-content {padding:10px!important;}

/* лс */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}

/* ПРОФИЛЬ */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-pink)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}




#pa-fld1 > strong > a {font-weight:normal!important}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
}

.pa-fld2 .infoblock {
    background: url(https://i.imgur.com/D18s1fu.png);
    width: 24px;
    height: 24px;
    margin-left: 18px;
}

.pa-fld2 {
    position: absolute;
    width: 47px;
}


/*.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-red);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}*/

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-red)!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4, .pa-respect1 {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'icon';
    font-size: 10px;
    font-weight: 400;
    padding: 0px 12px 0px 8px !important;
    width: auto;
    margin-bottom: 0px !important;
    line-height: 2em;
    color: var(--color-lav) !important;
    text-align: center;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    color: var(--color-white);
    text-transform: lowercase;
    font-size: 9px !important;
    font: var(--my-font-2);
    margin-bottom: -15px;
    margin-top: 57px !important;
    position: absolute;
    width: 245px;
    text-align: center;
}

.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

#pun-index td.tcr {
padding-left: 40px;
padding-right: 20px;
 text-align: left;  
    font: 200 11px/150% var(--my-font-2);  
    position: relative;  
    overflow: visible;  
    box-sizing: border-box;  
    text-transform: lowercase;  
    color: var(--color-plum);   
    }

/* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ИКОНКА АВАТАРА */
#pun-index .user-avatar {
    margin: 0px 40px 0px 40px;
    position: relative;
    width: 50px !important;
    height: 50px !important;
    }

.punbb em.user-avatar {
    float: left !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;
    }

#pun-index .isonline {
     background: var(--color-dark-red); 
}

/* рамка аватар на главной */
#pun .user-avatar .avatar-image {
width: 42px;
    height: 42px;
    border: 2px solid var(--color-pink);
    border-radius: 50px;
    box-shadow: 4px 4px 10px 1px rgb(64 52 88 / 80%);
}

#pun .user-avatar .avatar-image img {
width: 40px;
    height: 40px;
    border: 1px solid var(--color-pink);
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;;
}

.img a.title {
 background: #f0f0f0;
}

/* ДЛЯ ПОДФОРУМОВ и СООБЩЕНИЙ */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}


.post-content hr {
background: var(--color-red);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -55px!important;
    margin-left: -10px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-white)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}


/*надписи в шапке */
.table_bg_home_text { 
    font: 600 8px var(--my-font-2);
    width: 300px;
    position: absolute;
    text-transform: uppercase;
    right: 55px;
    top: 15px;
    color: var(--color-lav);
    text-shadow: 2px 2px 2px var(--color-dark);
    text-align: justify;
    line-height: 1.5em;
}

.table_bg_home_text2 { 
    font: 600 8px var(--my-font-2);
    width: 300px;
    position: absolute;
    text-transform: uppercase;
    right: 55px;
    top: 70px;
    color: var(--color-lav);
    text-align: justify;
    text-shadow: 2px 2px 2px var(--color-dark);
    line-height: 1.5em;
}

.bigdome-all-ab1 {
width: 170px;
    text-align: center;
    position: absolute;
    left: 130px;
    top: 15px;
    color: var(--color-red);
    font-family: var(--my-font-2);
    font-size: 8px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2px 2px 4px #1c151b;
}

/* эпизод и пара */
#episode {
    width: 260px;
    font: 600 7px var(--my-font-2);
    text-align: justify;
    position: absolute;
    text-transform: uppercase;
    line-height: 2em;
    right: 30px;
    top: -40px;
    color: var(--color-lav);
}

#episode p {
    color: var(--color-grey);
    text-align: justify;
}

#episode a {
    color: var(--color-red);
    text-shadow: 2px 2px 4px var(--color-dark);
}

#episode-link {
text-align: center;
}

/* лучший пост */
#b-post {
position: absolute;
    width: 260px;
    top: -40px;
    left: 210px;
}

#best-post a {
    color: var(--color-grey);
}

#best-post a:hover {
    cursor: pointer;
}

.best-post-text {
    font: 600 7px var(--my-font-2);
    text-align: justify;
    text-transform: uppercase;
    line-height: 2em;
    color: var(--color-pink);
}

.best-post-text a {
color: var(--color-white) !important;
text-shadow: 2px 2px 4px var(--color-dark);
}


/* постописцы */
#activist {
position: absolute;
    display: inline-flex;
    justify-content: space-between;
    width: 180px;
    top: -45px;
    right: 305px;
}

#activist-1, #activist-2, #activist-3, #activist-4 {
    width: 40px;
    height: 40px;
    border: 1px solid #9e90a973;
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    box-shadow: inset 0px 0px 10px 10px #9e90a9;
}


#activist-1 a:hover, #activist-2 a:hover, #activist-3 a:hover, #activist-4 .a:hover {
cursor: pointer;
}


#activist-1 img, #activist-2 img, #activist-3 img, #activist-4 img {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px 40px 40px 40px;
    filter: grayscale(1);
}

/* очередь в сюжет */
#quest { display: none;
    font: 600 8px var(--my-font-2);
    width: 220px;
    position: absolute;
    text-transform: uppercase;
    line-height: 2em;
    right: 180px;
    top: 20px;
    color: var(--color-lav);
    text-shadow: 2px 2px 2px var(--color-dark);
}

#quest-topic { display: none;
    text-align: center;
    color: var(--color-red);
}

#quest span{ display: none;
    color: var(--color-red);
}

#quest a { display: none;
color: var(--color-red) !important;
}

/* навигация в шапке */
.up-navigation {
    width: 300px;
    position: absolute;
    text-align: center;
    right: 55px;
    top: 110px;
    color: var(--color-lav);
    font: 600 10px var(--my-font-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 2em;
    text-shadow: 2px 2px 4px #1c151b;
}

.up-navigation a {
color: var(--color-lav) !important;
}

/* амс */

.ams_wrap {
width: 125px;
    height: 20px;
    position: relative;
    text-align: left;
    top: 55px;
    left: 20px;
    z-index: 999;
    text-shadow: 0px 0px 1px var(--color-dark);
}

/* амс */
.ams {
  position: relative;
  display: inline-block;
  font-weight: 200;
}

.ams a {
    color: var(--color-lav) !important;
    font-size: 8.5px;
    font-family: 'var(--my-font)';
}

.ams em {
    width: 200px;
    position: absolute;
    background: var(--color-plum);
    border: 1px solid var(--color-lav) !important;
    border-radius: 10px;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    visibility: hidden;
    font-size: 11px;
    padding: 15px;
    text-align: justify;
    opacity: 0;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    color: var(--color-white);
    z-index: 9999999;
}

.ams:hover em {
  opacity: 1;
  top: 15px
}

.ams em img {
  width: 100px;
  filter: grayscale(100%);
  mix-blend-mode: multiply
}

.ams:hover em {
  visibility: visible
}

.ams em center {
border: 1px solid var(--color-lav);
border-radius: 100%;
width: 100px;
height: 100px;
overflow: hidden;
margin: 0px 35px 15px;
background: var(--color-pink);
}

/* замена навигации */
#pun-navlinks a {
    color: var(--color-pink);
    text-align: center;
transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
    opacity: 1;
    font-weight: normal !important;
    font-size: 15px !important;
    padding: 0px !important;
    text-transform: uppercase;
    display: block;
    position: relative;
    letter-spacing: 3px;
    margin: 20px 0px;
}

#navindex a:before {content:"\f0c9";     font-family: icon; font-size: 16px} 
#navuserlist a:before {content:"\f0c0";     font-family: icon;} 
#navsearch a:before {content:"\f002";     font-family: icon;} 
#navpm a:before {content:"\f0e0";     font-family: icon;} 
#navprofile a:before {content:"\f2bb";     font-family: icon;} 
#navadmin a:before {content:"\f085";     font-family: icon;} 
#navlogin a:before {content:"\f090";     font-family: icon;}
#navlogout a:before {content:"\f08b";     font-family: icon;} 
#navregister a:before {content:"\f067";     font-family: icon;} 
#navpr_1 a:before {content:"\f0f3";     font-family: icon;}
#navpr_2 a:before {content:"\f21b";     font-family: icon;}


#navindex a span {display:block;}
#navuserlist a span {display:block;}
#navawards a span {display:block;}
#navsearch a span {display:block;}
#navpm a span {display:block;}
#navprofile a span {display:block;}
#navadmin a span {display:block;}
#navlogin a span {display:block;}
#navlogout a span {display:block;}
#navregister a span {display:block;}
#navpr_1 a span {display:block;}
#navpr_2 a span {display:block;}

 #pun-navlinks a span {display: none;}

/* свой стиль категорий */
.punbb .category h2 span {display: none;}

.punbb .category h2 {
    width: 970px;
    height: 70px;
text-align: center;
}

.punbb .category.category-1 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/41063.png) no-repeat top center;
}

.punbb .category.category-2 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/45073.png) no-repeat top center;
}

.punbb .category.category-3 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/43145.png) no-repeat top center;
}

.punbb .category.category-4 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/19159.png) no-repeat top center;
}

.punbb .category.category-5 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/27116.png) no-repeat top center;
}

.punbb .category.category-6 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/75497.png) no-repeat top center;
}

.punbb .category.category-7 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/92077.png) no-repeat top center;
}

#pun-stats h2 {
    width: 970px;
    height: 70px;
    background: url(https://forumstatic.ru/files/001b/a8/12/86120.png) no-repeat top center;
}

#pun-stats h2 span {display: none;}

#pun_wrap, HTML, body {
    min-width: 1200px !important;
    background-repeat: repeat-y;
}

/* оформление категорий */
.forum_desc p {
    color: var(--color-lav);
    text-transform: lowercase;
    margin: 5px 0px;
    font: 200 11px var(--my-font-4);
    text-align: justify;
}

.forum_desc span {
    color: var(--color-pink);
}


.forum_desc {
    background: var(--noise);
    padding: 5px 5px 8px 5px;
    text-align: left !important;
    border: 3px solid var(--color-violet);
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(64 52 88 / 50%);
}

.forum_desc em {
    font-weight: 600;
    font-size: 8px;
    text-transform: lowercase;
    right: 20px;
    color: var(--color-violet);
    font-family: var(--my-font-4);
}

.forum_desc a {
color: var(--color-dark-red) !important;
}

.forum_desc span {
color: var(--color-lav) !important;
}

.forum_desc a:hover {
color: var(--color-violet) !important;
}

/* профиль и лз */

.punbb .post .post-author {
  background:url(https://forumstatic.ru/files/001b/a8/12/67916.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
 }
.punbb .post .post-author > ul {
  background:url(https://forumstatic.ru/files/001b/a8/12/43402.png) 0 top no-repeat,url(https://forumstatic.ru/files/001b/a8/12/10332.png) 0 bottom no-repeat; /*Фон верха - низа*/
    margin: -4px 0px -33px 0px!important;
    padding: 40px 0px 80px 0px!important;
}

li.pa-fld5 {
margin-top: -38px;
}

.userpl {
    width: 236px;
    height: 45px;
    margin-left: 5px !important;
    border-bottom: 1px solid var(--color-plum);
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(192 191 187 / 25%);
}

.userpl img {
    position: absolute;
    max-width: 52px;
    max-height: 55px;
    height: auto;
    margin-top: -6px;
}

.userpl max {
    width: 175px;
    display: block;
    height: 20px;
    font: 600 10px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    color: var(--color-pink);
    position: relative;
    top: 9px;
    margin: 0px 55px 7px 55px;
    text-shadow: 1px 1px 2px var(--color-plum), 0 0 1px var(--color-dark);
}

.userpl min {
    width: 175px;
    display: block;
    height: 20px;
    font: 600 8px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    color: var(--color-white);
    position: relative;
    margin: 0px 55px 7px 55px;
    text-shadow: 1px 1px 2px var(--color-plum), 0 0 1px var(--color-dark);
}

.lz lz {
    padding: 5px;
    font: 600 8.5px var(--my-font-2);
    color: var(--color-lav);
    display: inline-block;
    text-align: justify !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 2em;
    width: 217px;
}

.lz lz a {
color: var(--color-dark-red) !important;
font-weight: 700;
}

.lz {
    padding: 5px 10px !important;
}

.lz a.ank {
    display: block;
    font: 600 13px var(--my-font-2);
    text-align: center;
    text-transform: uppercase;
    margin: -5px 40px 5px;
    letter-spacing: 0px;
    color: var(--color-dark-red);
    border-bottom: 3px dashed var(--color-lav);
    padding-bottom: 7px;
}

.lz rc {
    display: block;
    font: 550 10px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    width: 217px;
    padding: 5px;
    text-align: center;
    margin: 76px 0px 0px;
    color: var(--color-white);
    position: absolute; 
}

.pa-gifts {
    display: none;
}



/* кубики в форме быстрого ответа */
#button-dice {
    background-image: url(https://forumupload.ru/uploads/0005/6e/de/20529-1.gif);
}

/* выравнивание строк в теле форума */
.pagelink {
margin: 20px 35px !important;
}

/* запрет отображения названия темы вверху */
.punbb .main h1 {
display: none;
}

/* запрет отображения быстрого ответа */
.punbb h2 span {
display: none;
}

/* оформление лз */

.pa-author {
    font-family: var(--my-font) !important;
    font-weight: 600;
    font-size: 21px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, {
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font: 500 10px var(--my-font-4) !important;
    padding: 3px 5px !important;
    cursor: pointer !important;
    background-color: var(--color-cursor);
    color: var(--color-white);
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background-color: var(--color-dark);
    color: var(--color-pink) !important;
    cursor: pointer;
  }


#imageupload-left input[type="button"] {
    width: auto !important;
}


.button:active {
    border-top-color: var(--color-pink);
}


#pun-crumbs1 a, #pun-crumbs2 a {font-weight: 600 !important;
}

/* "тем", "сообщений", "зарегистрированы" - в одну строку */
.ststitems {
display: inline-flex;
    justify-content: space-between;
    width: 895px;
}

/* плашки в подфорумах выравнивание по ширине */
.forum_desc_notice {
    display: inline-flex;
    justify-content: space-between;
    width: 554px;
}

/*цвет ника автора в поле после цитирования*/
.quote-box cite a {
color: var(--color-pink) !important;
}

/* цитаты в подвал*/
#citaty {
    margin-left: 34px;
    margin-top: 10px;
    width: 882px;
    height: 50px;
    border: 1px solid var(--color-lav);
    background: var(--color-plum);
    padding: 7px 5px 5px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(192 191 187 / 40%);
}

#citaty-text {
    height: 40px;
    font-size: 10px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    padding: 0px 8px 6px 5px;
    font: 600 8px var(--my-font-2);
    text-transform: uppercase;
    line-height: 1.5em;
}

#citaty a {
color: var(--color-red) !important;
filter: grayscale(0%) !important;
opacity: 1 !important;
}

#citaty br {
            display: block;
            content: ""; 
            margin-bottom: 4px;
}

#citaty-text::-webkit-scrollbar-thumb {
  background-color: var(--color-pink);
}

#citaty-text::-webkit-scrollbar-track {
background-color: var(--color-lav);
} 

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » the dome test » архив дизайнов » фиолетовый от Рут


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