vogue

Страница: 1

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

Поделиться1Пт, 6 Июн 2025 19:09:24

Автор: Ladislav Klimt
бесконечная зима;
ЛЗ: Ласло Климт, 44
в крови твои руки и в шрамах всё тело; холодной улыбкой обняла королева
История: снежная королева
Сообщений: 253
Посты:
621
Уважение: +4
Плашка:
you and me could writeA BAD ROMANCE

Код:

<!--изменение яркости форума part.1 -- (c) chatGPT, automatisch--!>
<script>
        (function() {
            let savedBrightness = localStorage.getItem("html-brightness");
            if (savedBrightness) {
                document.documentElement.style.filter = `brightness(${savedBrightness})`;
            }
        })();
</script>


<!-- Смена стиля, (с) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [
{
    class: 'night',
    name: 'ночь'
},{
    class: 'street',
    name: 'улица'
},{
    class: 'light',
    name: 'фонарь'
},{
    class: 'mless',
    name: 'бессмысленный и тусклый свет'
}
];

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

<input type="range" id="brightnessSlider" min="0.5" max="1" step="0.01" value="1" title="Изменить яркость">

<ul id="stylelist"></ul>

<!--изменение яркости форума part.2 -- (c) chatGPT, automatisch--!>
    <script>
        const brightnessSlider = document.getElementById("brightnessSlider");

        // Загружаем сохраненное значение яркости
        function loadSavedBrightness() {
            const savedBrightness = localStorage.getItem("html-brightness");
            if (savedBrightness) {
                document.documentElement.style.filter = `brightness(${savedBrightness})`;
                brightnessSlider.value = savedBrightness;
            }
        }

        // Обработчик изменения ползунка
        brightnessSlider.addEventListener("input", (event) => {
            const newBrightness = event.target.value;
            document.documentElement.style.filter = `brightness(${newBrightness})`;
            localStorage.setItem("html-brightness", newBrightness);
        });

        // Применяем сохраненную яркость при загрузке страницы
        loadSavedBrightness();
    </script>


<!-- *************************************************************** -->
<div id="Logo"></div>

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

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


<!--КНОПКИ ВВЕРХ ВНИЗ-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>

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

<div id="ZACHTO">
<div id="NEWS">

<div class="news0">
<div class="newsdate">∞</div>
<div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" target="_blank">что происходит?</a></span>
<span class="txt2nd">гостевая</span></div></div>

<div class="news0">
<div class="newsdate">01.06</div>
<div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">прочитай меня</a></span>
<span class="txt2nd">первый день лета</span></div></div>

<div class="news0">
<div class="newsdate">01.06</div>
<div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=5#p69864" target="_blank">расскажи</a></span>
<span class="txt2nd">vol.27</span></div></div>

<div class="news0">
<div class="newsdate">18.05</div>
<div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=583#p69098" target="_blank">мермай</a></span>
<span class="txt2nd">русалочий месяц</span></div></div>

</div>

<div id="RANDOM">
<!-- Ротатор произвольного контента -->
<div id="KontentRotator">

<p>Чтобы уважаемый преподаватель полез в драку — немыслимо! Но что случилось — то случилось.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63322#p63322'>[читать дальше]</a>
</p>

<p>
Сырой, мрачный Салем словно сошел с экрана фильмов о типичных городках, населенных безумцами и сектантами,  призраками убитых ведьм и их палачей. Атмосферу нагнетали не только и не столько изломанные линии домов в колониальном стиле, сколько поразительная тишина, царившая всюду. Тишина, пустота и забвение. Редкие прохожие выглядели, как нечто чужеродное на мертвых улочках, потерявшихся во времени. По позвоночнику пробежал холодок.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=66538#p66538'>[читать дальше]</a>
</p>

<p>
спокойно, брат, я возьму с собой ножи, ствол, топор, лопату, дрель, серп, гарпун и акулу хд прорвемся хд
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=65317#p65317'>[читать дальше]</a>
</p>

<p>
План был идеален и гениален — по мнению Кевина, разумеется. Найти ту приблудившуюся черную кошку, свести её для беседы с блондинкой, и узнать наконец... Что? Да всё узнать. Грандиозные ожидания, сбывшаяся мечта, но.
<br>
— Это не то, что ты думаешь.
<br>
Парень недоуменно уставился на ту, что назвалась Луизой. Не то, тогда что? Неужели она может разговаривать только с тараканами, а кошачий язык не понимает? Печально, если так.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=62315#p62315'>[читать дальше]</a>
</p>

</div>
</div>

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

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


<!-- *************************************************************** -->
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script>

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

<!-- Скрытие панели "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>
// Исправляем работу оценок в закрытых темах
if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() };
</script>

<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script>


<!--/ Мгновенные уведомления © Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token
notifications.key = 'xjj93ak6jdr7'; // Subscription key
<!--FALSE ломает награды -->
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: [12,17]}); // ID важных тем (через запятую)
</script>
<!-—+ Мгновенные уведомления: комментарии к репутации без переадресации  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!-- Мгновенные уведомления: реакции на сообщения (Rusff) © Alex_63, 2024 -->
<script>notifications.load('rusff_reactions')</script>
<!--// конец //-->

<!-- ************************************************************-->
<script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(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}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script>
<!-- ************************************************************-->


<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(93928845, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>

<!-- Обтекание текста слева/справа --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>


<!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх; доработки automatisch -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script>

<!-- Регулятор размера шрифта (с) satsana, forumd.ru; доработки automatisch-->
<div id="chfontsize" title="Размер шрифта">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
<script type="text/javascript">
var chfsize;
if (!localStorage.fontsize) localStorage.setItem('fontsize', 12);
chfsize = +localStorage.getItem('fontsize');
function setfsize (f) {
  localStorage.setItem('fontsize', f);
  $('.fsize').text(f);
  $('.post-content p').css('font-size', f+'px');
  $('.punbb textarea').css('font-size', f+'px');
  $('#post-preview .fs-box .post-content').css('font-size', f+'px');
  $('.punbb pre').css('font-size', f+'px');
}
$('.fsizeplus').on('click', function() {
  chfsize += 1;
  if (chfsize > 72) chfsize = 72;
  setfsize (chfsize);
});
$('.fsizeminus').on('click', function() {
  chfsize -= 1;
  if (chfsize < 6) chfsize = 6;
  setfsize (chfsize);
});
$(document).pun_mainReady(function() {
  setfsize (chfsize);
});
</script><!-- Регулятор размера шрифта (конец) (с) satsana, forumd.ru -->

<script type="text/javascript">
if(GroupID==2)
document.write('<style>.pa-ip{display: none;}</style>')
</script>

<!-- ПИАР-ВХОД v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script>
<script type="text/javascript">
PR.nick = 'PR'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

Поделиться2Пт, 6 Июн 2025 19:09:34

Автор: Ladislav Klimt
бесконечная зима;
ЛЗ: Ласло Климт, 44
в крови твои руки и в шрамах всё тело; холодной улыбкой обняла королева
История: снежная королева
Сообщений: 253
Посты:
621
Уважение: +4
Плашка:
you and me could writeA BAD ROMANCE

Код:

<!-- Аватарка в строке приветствия -->
<script type="text/javascript">
DA = "https://upforme.ru/uploads/001a/eb/a8/2/213923.png"
if (UserAvatar == "/i/default_avatar.jpg"){UserAvatar = DA}
</script>
<script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+UserAvatar+'"/></span>')</script>


<!-- Аватар по умолчанию / Deff, Alex_63 -->
<script type="text/javascript">
var DefAvtr = 'https://upforme.ru/uploads/001a/eb/a8/2/213923.png'; //Ссылка на аватар по умолчанию

DefAvtr='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';
$('li.pa-title').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);});
$('li.pa-author').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);});
</script>
<style>
.avatar-image[style*="default_avatar.jpg"]{
       background-image:url(https://upforme.ru/uploads/001a/eb/a8/2/213923.png)!important;
}
</style>
<!----- Замена ссылок в Постах на абсолютные by Leraje ----->
<script type="text/javascript">
$(".post-content a").each(function (){
  var L=$(this).attr("href");var b="click.p";
  L=L.replace(/^.*click\.php\?(.*)$/mgi,"$1");
  if(L.search(/viewtopic\.php\?id=.*#p/)!=-1){
    var p=L.replace(/^.*?#p(\d+)$/mgi,"$1");
    L=L.replace(/\?id=.*$/,"");
    L+="?pid="+p+"#p"+p;
  }
  $(this).attr("href",L);
});
</script>

<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
<script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl h3').each(function() {
           var L=$(this).parents('tr:first');
           var str='<div class="Add"><div class="Tems_And_messages"><b>'+L.find('td.tc2').text()+'</b> тем</div><div class="Tems_And_messages"><b>'+L.find('td.tc3').text()+'</b> сообщений</div>\
           </div>';$(str).appendTo(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
</script>

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

<!-- *************************************************************** -->
<p>твой особенный день</p>
<!-- *************************************************************** -->
<!--ЗАМЕНА-->
<script type="text/javascript">
var h=(new Date()).getHours(), UserID;
if (UserID == 'undefined' || UserID == null || UserID == '1'){
if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило;'}
if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября;'} 
if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября;'} 
if (h > 18 && h < 24) {a='Сентябрь горит, убийца плачет;'}}
else {if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило, '+UserLogin+';'}
if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} 
if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} 
if (h > 18 && h < 24) {a='Совы - не то, чем кажется, '+UserLogin+';'}}
var arre=document.getElementsByClassName("item1")
var f=0
for (f=0; f<=(arre.length-1); f++)
{if (arre[f].innerHTML.indexOf("Привет,")!=-1)
{arre[f].innerHTML=a}}
</script>
<!-- *************************************************************** -->
<!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ; доработки automatisch -->
<template id="dice-box-template">
	<div class="dice-box">
    <p>
    	<span class="roll-dice"></span>
    	<span class="roll-value"></span>
    </p>
    <p class="roll-reason"></p>
    <p class="roll-result"></p>
	</div>
</template>

<script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script>
<script>
	diceResults = [
    {'max' : 16,    'result' : 'неудача, тяжелые травмы.'},
    {'max' : 29,    'result' : 'неудача, персонаж зарабатывает легкие ушибы.'},
    {'max' : 49,    'result' : 'неудача, но без увечий и травм.'},
    {'max' : 60,    'result' : 'удача с большим трудом и возможными тяжелыми увечьями.'},
    {'max' : 90,    'result' : 'удача, с легкими ранениями.'},
    {'max' : 1000,    'result' : 'удача  без единой травмы или увечья.'}
	]

	isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0)


	if (isTagged) {
    diceRoller = new DiceRoller(diceResults)
    diceRoller.initDiceBoxes()
	}
</script>
<!-- Dice Roller END -->

<!-- Dice Roller Form BEGIN -->
<form id="dice-form" class="hidden" autocomplete="on">
	<div>
    <label><span>Кубиков</span>	<input type="text" name="count" maxlength="3" value="1" disabled=""></label>
    <label><span>Граней</span>    <input type="text" name="sides" maxlength="3" value="100" disabled=""></label>
    <label><span>Бонус</span>    <input type="text" name="bonus" maxlength="4" value="0"></label>
    <label><span>Штраф</span>    <input type="text" name="fine" maxlength="4" value="0"></label>
	</div>
	<div>
    <label><span>Действие</span><div class="resizable-textarea"><span><textarea name="reason" cols="10" rows="5" class="processed"></textarea><div class="grippie" style="margin-right: 1806px;"></div></span></div></label>
	</div>
	<button type="submit">вставить</button>
</form>

<script>
	replyForm = document.getElementById('post')
	diceForm = document.getElementById('dice-form')
	diceButtonString = '<td id="button-dice" title="Форма дайсов" class="hidden"><img src="/i/blank.gif"></td>'

	function handleDiceFormSubmit(event) {
    event.preventDefault()
    let tagArguments = []

    for(let control of event.target.elements)
    	if (control.tagName != 'BUTTON')
        tagArguments.push(control.name + ' = ' + control.value)

    replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]'
	}

	function handleDiceButtonClick(event) {
    diceForm.classList.toggle('hidden')
	}
	if (replyForm != null) {
    replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm)
    diceForm.addEventListener('submit', handleDiceFormSubmit)

    let row = replyForm.querySelector('#form-buttons tr')
    	row.innerHTML += diceButtonString

    let diceButton = document.getElementById('button-dice')
    	diceButton.classList.remove('hidden')
    	diceButton.addEventListener('click', handleDiceButtonClick)
	}
</script>
<!-- Dice Roller Form END --></div>

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

<!--Новый скрипт смены имиджа-->

<script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script>
<script>
hvScriptSet.addMask({
    maskLimit:40,
    guestAccess: ['архив эпизодов', 'личные эпизоды', 'альтернатива', 'игровой архив'],
    forumAccessExtended: {
        'личные эпизоды': ['Пользователи'],
        'альтернатива': ['Пользователи'],
'обсуждения': ['Пользователи'],
'эпизоды': ['Пользователи'],
        'игровой архив': ['Пользователи'],
        'архив эпизодов': ['Пользователи'],
        'флуд': ['Пользователи'],
        'игры и конкурсы': ['Пользователи'],
        'личные темы игроков': ['Пользователи'],
        'архив архивов': ['Пользователи'],
'акции': ['Пользователи'],
'информация': ['Пользователи'],
'анкеты': ['Пользователи'],
'принятые анкеты': ['Пользователи']
    },
    changeList: {
        'pafld1': {
            title: 'pa-fld1',
            description: 'Личное звание',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href="ссылка на анкету" target="_blank">Имя Фамилия, XX</a><br>чаще всего я <b>род деятельности</b>, но иногда <b>дополнительная информация</b>',
            type: 'html'
        },
        'pafld2': {
            title: 'pa-fld2',
            description: 'История',
            tag: 'fnd',
            class: 'pa-fld2',
            defaultCode: '<story title="название-истории">персонаж</story>',
            type: 'html'
        }
    },
    userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld5', 'pa-fld1', 'pa-fld2', 'pa-fld4', 'pa-fld3', 'pa-respect', 'pa-online']
});
</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>

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

<div class="container"><!--БАННЕРЫ-->
<div class="bannner"><div class="banr">
<a href="https://ftr404.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/1a/06/5/954124.png" title="киберпанк, эпизоды, анархия"></a>

<a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/672618.png" 
title="crossfeeling"
border="1" width="88" height="31"></a>

<a href="https://deepend.rusff.me"><img src="https://upforme.ru/uploads/001c/71/28/2/741935.gif"></a>

<a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/6c/7d/42027.jpg" title="перси джексон ♥ мифология"></a>

<a href="https://heylar.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/75/d0/14/387418.png" title="Хейлар: Пляска Смерти. Фэнтези, стимпанк, смешанные внешности, расы, магия, драконы, DnD"></a>

<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/124634.png" title="karma cross" border="0" width="88" height="31"></a>

 <a href="https://serodomno.mybb.ru/"><img src="https://i.imgur.com/abigMHv.png" title="Серодомье - магический реализм, временные парадоксы, лоси-вертолеты" border="0""></a>

<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://i.imgur.com/beEZqwd.gif" width="88" height="31" border="0"></a>

<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/207/50067.jpg"></a>

<a href="https://machinarium.rolka.me/" title="Авторское техно-фентази, стимпанк" target="blank"><img src="https://upforme.ru/uploads/001c/5a/2f/5/398516.gif"></a>

<a href="https://eveningstop.rusff.me/" title="кроссовер для уставших" target="_blank"><img src="https://i.imgur.com/vMkJyh4.png" width="88" height="31" border="0"></a>

<a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/973974.jpg"></a>

<a href="https://1920.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/0019/49/95/2/81362.png" border="0" width="88" height="31" title="1920. Потерянное поколение"/></a>

<a href="https://nightcity.rusff.me/" target=_blank> <img src="https://upforme.ru/uploads/001b/b3/8e/87/612150.gif" border="0" alt="NIGHT CITY VIBE"></a>

<a href="https://why.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/61/20/17/606277.png" title="why? cross" border="0" width="88" height="31"></a>

<a target="_blank" href="https://dagort.f-rpg.me/" title="Дагорт"><img src="https://forumstatic.ru/files/001c/69/9f/62229.png?v=1" border="0"></a>

<a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/36/d0/64241.gif" width="88px" height="31px" title="Supermassive Black Cross"></a>

<a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>

<a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://upforme.ru/uploads/001c/38/b6/4/420928.gif" width="88" height="31" border="0"></a>

<a href="https://genshineclipse.com/" title="Genshin Impact: Celestial Eclipse" target="_blank"><img src="https://upforme.ru/uploads/001b/df/32/147/26957.gif"></a>


<a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a>

<a href="https://meethope.ru/"><img src="https://forumstatic.ru/files/001c/42/be/39857.gif" title="Hope County"></a>

<a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></a>

<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>

<a href="https://knowhere.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/1e/c3/2/788017.gif" title="Knowhere: способности, закрытый город"></a>

<a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a>

<a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a>

<a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a>

<a href="https://breakout.rusff.me/" title="BREAKOUТ: аномалии, способности, монстры"> <img src="https://forumstatic.ru/files/001c/2a/d4/18938.png"></a>

<a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a>

<a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img 
src="https://upforme.ru/uploads/001b/d2/19/2/602313.gif"></a>

<a href="http://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://upforme.ru/uploads/0017/2a/64/6/714913.gif"></a>

<a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a>

<a href="https://clubofromance.rusff.me/" title="romance club: new story"><img src="https://upforme.ru/uploads/001b/b5/70/2/36492.png" border="0"></a>


</div></div>
<!--КОНЕЦ-->

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


<!--НОВЫЕ СООБЩЕНИЯ-->
<script type="text/javascript">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');</script>



<!-- *************************************************************** -->
<!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК-->
<script type="text/javascript">function to(username)
{insert('[b]' + username + '[/b]' + ', ');}</script>

<!-- *************************************************************** -->
<!--КЛИКАБЕЛЬНОСТЬ НИКА ОТ ГОСТЯ-->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>


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

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

<!-- тире вместо дефиса с учетом кодов --!>
<!-- доработки chatGPT, automatisch --!>

<script type="text/javascript">
$('.post-content p, .post-content strong, .post-content em').each(function(){
    var a = $(this).clone().wrap('<div></div>').parent().html();
    var b = a
        .replace(/-(?=\s|&nbsp;)/g, '—')  // Дефис перед пробелом или &nbsp; → длинное тире
<!--        .replace(/(?<=\s|&nbsp;)-/g, '—')  // Дефис после пробела или &nbsp; → длинное тире -->
        .replace(/-(?=<\/(strong|em)>)/g, '—'); // Дефис перед </strong> и </em> → длинное тире

    if (a !== b) $(this).replaceWith(b);
});
</script>


<!-- *************************************************************** -->
<!-- взаимная реклама, доработки chatGPT, automatisch-->

<script>
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min)) + min;
}

function copyAdvertisingToClipboard(event, element) {
    event.preventDefault();
    var postLink = $(element).closest(".post").find(".permalink").attr("href");
    var tempTextarea = $("<textarea>");
    $("body").append(tempTextarea);
    var adCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)] + "\n[url=" + postLink + "]ваша реклама[/url]";
    tempTextarea.val(adCode).select();
    document.execCommand("copy");
    tempTextarea.remove();
}

function addAdvertiseLink() {
    $(".post").each(function() {
        var adLink = $("<li>").addClass("pl-advlink").append(
            '<a href="#" onclick="copyAdvertisingToClipboard(event, this);">взаимная реклама</a>'
        );
        $(this).find(".post-links ul").append(adLink);
    });
}

// Проверяем, есть ли в <head> нужная ссылка
if ($('link[rel="up"][title="реклама"][href="https://sept3rd.rusff.me/viewforum.php?id=12"]').length > 0) {
    addAdvertiseLink();
}

var advertiseCodes = [
    "[align=center][url=https://sept3rd.rusff.me/viewtopic.php?id=8#p11][img]https://upforme.ru/uploads/001b/e4/bf/4/663505.png[/img][/url][/align]"
];
</script>

<script type="text/javascript">
$('.lastedit').remove();
</script>


<script type="text/javascript">
$('div.icon').attr('title', 'Нет новых сообщений');
$('tr.inew div.icon').attr('title', 'Есть новые сообщения');
$('tr.isticky div.icon').attr('title', 'Важная тема');
$('tr.iclosed div.icon').attr('title', 'Закрытая тема');

$('#pun-navlinks li#navindex a').attr('title', 'Главная');
$('#pun-navlinks li#navuserlist a').attr('title', 'Участники');
$('#pun-navlinks li#navsearch a').attr('title', 'Поиск');
$('#pun-navlinks li#navprofile a').attr('title', 'Профиль');
$('#pun-navlinks li#navpm a').attr('title', 'Сообщения');
$('#pun-navlinks li#navregister a').attr('title', 'Регистрация');
$('#pun-navlinks li#navlogin a').attr('title', 'Вход');
$('#pun-navlinks li#navlogout a').attr('title', 'Выход');
$('#pun-navlinks li#navadmin a').attr('title', 'Админ');
$('#pun-navlinks li#navpr_1 a').attr('title', 'PR-вход');
$('#pun-navlinks li#navpr_2 a').attr('title', 'Читатель');

$('div.unlock').attr('title', 'Достижение получено');
$('div.lock').attr('title', 'Достижение не получено');
$('#button-bold').attr('title', 'Жирный Ctrl + B');
$('#button-italic').attr('title', 'Наклонный Ctrl + I');
$('#button-underline').attr('title', 'Подчеркнутый Ctrl + U');
$('#button-strike').attr('title', 'Зачеркнутый Ctrl + S');
$('#button-transL').attr('title', 'Lat <-> Рус');
$('.pa-fld4').attr('title', 'Посты');
$('.pa-posts').attr('title', 'Сообщения');

$('.pa-respect').attr('title', 'Уважение');
$('#stylelist [data="night"] a').attr('title', 'Ночь');
$('#stylelist [data="street"] a').attr('title', 'Улица');
$('#stylelist [data="light"] a').attr('title', 'Фонарь');
$('#stylelist [data="meds"] a').attr('title', 'Аптека');
$('#stylelist [data="mless"] a').attr('title', 'Бессмысленный и тусклый свет')
</script>

<script type="text/javascript">
$('li[title],before[title],img[title],a[title],story[title],div.icon[title],td[title],div.lock[title],div.unlock[title],div.checkbox-container[title],input[title],#chfontsize[title]').tipsy({fade: true, gravity: 's'});
 </script>

<!---личная эта самая--->
<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
<div id="character" class="reveal-modal xlarge main container">
<div class="modal_wrap"></div>
<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>

<!-- chatGPT, automatisch -->
<script>
$(window).on('load scroll', function() {
    var scrollTop = $(this).scrollTop(); // Кешируем значение скролла

    function toggleFixed(element, offset) {
        $(element).toggleClass('fixed', scrollTop >= offset);
    }

    toggleFixed('#pun-navlinks', 380);
    toggleFixed('#pun-ulinks', 380);
});
</script>

<!-- chatGPT, automatisch -->
<script>
document.addEventListener("DOMContentLoaded", () => {
  const news = document.getElementById("NEWS");
  if (!news) return;

  const hasHorizontalScroll = news.scrollWidth > news.clientWidth;
  if (hasHorizontalScroll) {
    news.classList.add("overflown");
  }
});
</script>

<!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"-->
<script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;
ReactionsPlugin.setConfig({
  elemSelector: '.clearer',
   customEmojis: [
    {
      id: '_custmem1',
      url: 'https://i.imgur.com/S0mWKgc.png',
    },
    {
      id: '_custmem2',
      url: 'https://i.imgur.com/8hSleup.png',
    },
    {
      id: '_custmem3',
      url: 'https://i.imgur.com/YCcbtfj.png',
    },
    {
      id: '_custmem4',
      url: 'https://i.imgur.com/TSCxKAg.png',
    },
    {
      id: '_custmem5',
      url: 'https://i.imgur.com/EivvruP.png',
    },
    {
      id: '_custmem6',
      url: 'https://i.imgur.com/21BFzW7.png',
    },
    {
      id: '_custmem7',
      url: 'https://i.imgur.com/lLYVKdG.png',
    },
    {
      id: '_custmem8',
      url: 'https://i.imgur.com/enFZuGr.png',
    },
    {
      id: '_custmem9',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/223641.webp',
    },
    {
      id: '_custmem10',
      url: 'https://upforme.ru/uploads/0013/63/cd/2/521958.png',
    },
    {
      id: '_littlestar',
      url: 'https://upforme.ru/uploads/001b/e4/bf/4/958300.gif',
    },
    {
      id: '_uuu',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/281113.jpg',
    },
    {
      id: '_satan',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/441041.png',
    },
   {
      id: '_queen',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/933309.webp',
    },
   {
      id: '_banan',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/930046.webp',
    },
   {
      id: '_yes',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/698535.webp',
    },
   {
      id: '_no',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/478663.webp',
    },
   {
      id: '_hmm',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/994580.webp',
    },
   {
      id: '_sunglasses',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/788025.webp',
    },
   {
      id: '_coffee',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/845771.webp',
    },
   {
      id: '_lightning',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/667945.webp',
    }
  ]
});
</script>

Поделиться3Пт, 6 Июн 2025 19:09:44

Автор: Ladislav Klimt
бесконечная зима;
ЛЗ: Ласло Климт, 44
в крови твои руки и в шрамах всё тело; холодной улыбкой обняла королева
История: снежная королева
Сообщений: 253
Посты:
621
Уважение: +4
Плашка:
you and me could writeA BAD ROMANCE

Код:

/*************************************************************
A - SETUP
**************************************************************/

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

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

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0');
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}


@font-face {
  font-family: 'DidotBold';
    font-weight: normal;
    font-style: normal;
  font-display: swap;
  src: url("https://forumstatic.ru/files/001a/eb/a8/95969.woff") format("woff");
}

@font-face {
  font-family: 'DidotTitle';
  font-weight: 300;
  font-display: swap;
  src: url("https://forumstatic.ru/files/001a/eb/a8/32470.woff") format("woff");
}



/*-----------------------------*/

/*** убираем font boosting ***/
html,
html * {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;}



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

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

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

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

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

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


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

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


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

/* A3.1 */
body {
  font-size: 100.01%;
  }

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


/* 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, #post-form > h2 > span {
    color: var(--color-black);
    font-size: 16px;
    text-transform: lowercase;
    font-family: var(--custom2);
    letter-spacing: 1.25px;
  }


#post-form > h2 > span {margin-right:10px; display:none;}

.punbb h1 span { color: var(--color-brown); display:none;}

/* A3.6 */
.punbb pre {
    font: 11px / 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;
    border-bottom: 1px dashed var(--color-nice);
  }


/* 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!important;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
    /* A5.1 */
    #pun {
    margin: 0 auto;
    width: var(--wide);
}


    /* A5.2 */
 

    /* A5.3 */
    #pun-redirect {
      background:#191919 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: #191919;
      width: auto;
      float: none;
      position: relative;
      z-index: 1000;
      }

    #pun-redirect #pun-main > a {color:#f0f0f0!important}


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

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

#pun-main h1{     padding: 5px 10px;
    text-align: right;
    margin: 0;
}

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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    margin: 10px 0px;
    height: 0px;
border-bottom: 1px dashed var(--color-green);
  }

.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: 0.5em 0px;
    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: 500px;
  }

/* B1.8 */ 
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding: 10px 15px;
    margin: 10px 0;
  }

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

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    padding: 3px 10px 5px !important;
    text-align: center;
    margin: -11px auto 10px !important;
    color: var(--color-white) !important;
    background: var(--color-black2);
    /* border-radius: 10px; */
    display: block;
    width: fit-content;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* 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: 100%;
    height: 20px;
    text-transform: lowercase;
    color: var(--color-black);
 }

/* B3.2 */
.multipage {
    margin-top: 30px;
    padding: 0 50px;
  }


/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -30px;
    width: 30em;
    text-transform: lowercase;
    font-size: 10px;
  }

/* B3.4 */
.linkst .postlink {
position: absolute;
    top: -30px;
    font-size: 10px;
    right: 5px;
    width: 16em;
    text-align: right;
  }

/* B3.5 */
.punbb .linksb {
    position: relative;
    text-transform: lowercase;
    font-size: 10px;
    margin: 10px 0px;
    color: var(--color-black);
  }



/* B3.6 */
.linksb .pagelink {
float: left;  
    text-transform: lowercase;
    font-size: 10px;}

/* B3.7 */
.linksb .postlink {
    font-size: 10px;
    float: right;
    width: auto!important;
  }

/* B3.8 */
.subscribelink {
float: right;
    margin-right: 10px;
    text-transform: lowercase;
  }


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

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

/* C1.1 */
.punbb .formal .container {
    border-style: solid;
    border-width: 1px;
    padding: 5px 15px;
    font-size: 11px;
    margin: 10px 0;
  }

#profile .formal  {
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 3px;
text-align: center;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
  }

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

/* C1.5 */
.punbb fieldset legend {
    text-transform: lowercase;
    font-size: 13px;
}


/* C1.6 */
.punbb fieldset legend span {
    padding: 2px 5px;
    margin: 0;
  }

/* 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 15px 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.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 .longinput input  {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

.punbb td div.tclcon {
    text-align: left;
    font-size: 11px;
    color: var(--color-black);
    padding-right: 10px!important;
    margin-right: 15px;
}


/* C2.2 */
.punbb .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  text-transform: lowercase;
    font-size: 11px;
  }


.multipage .tc2, .multipage .tc3, .multipage .tcmod {  width: 7%;}

/* C2.3 */
.punbb .main .tcr {
    text-align: left;
    width: 35%;
    text-transform: initial;
    color: var(--color-black);
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
  text-transform: lowercase;
}


#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-black);
    text-transform: lowercase;
    padding: 8px;
}

/* C2.4 */
#pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
  width: 40%;
padding-left:25px;
  }


#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-black);
}


/* C2.5 */

#pun-searchtopics .main .tc2 {
    text-align: left;
    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 {
    text-align: left;
    vertical-align: middle;
    padding-top: 20px;
    margin-left: 14px;
}

#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {
    color: var(--color-black);
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: var(--custom);
    margin-left: 100px;
}


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

/* C2.11 */
.punbb .main td {
padding: 0;
  }

/* 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 {padding: 10px 25px;
}


#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {
    width: 20px;
    vertical-align: top;
    padding-top: 20px;
    font-size: 11px;
    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: #344150; 
    text-transform: lowercase;
    border-top: 3px solid #a5936d;
}

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

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

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

#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, #pun-viewforum .main .tcr {
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 20px;
text-transform: lowercase;
}


#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: 4px;
  }

/* C3.2 */
.punbb .post h3 {
  color:var(--color-black);
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 0px 0px 5px;
    display: block;
    text-transform: lowercase;
    margin-left: 250px;
    margin-bottom: 10px;
}

.punbb .post-links ul a,
.punbb .post h3 span a {
    color: var(--color-grey3);
    font-size: 10px;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    text-align: right;
    font-weight: normal !important;
    font-size: 10px;
  }

/* C3.5 */
.punbb .post .post-author {
    margin-left: 0px;
    float: left;
    width: 206px;
    margin-top: -30px;
    text-align: center;
    background: var(--color-black2);
    padding: 5px 10px 15px;
    background-size:cover!important;
    background-position: center !important;
}


.punbb .post .post-author ul {
    padding: 5px 0 0 0;
    background: var(--color-black2);
    border-radius: 15px;
}

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

/* C3.7 */
div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active {
    color: var(--color-nice)!important;
 }

div.post-author > p.pa-author, li.pa-author {
    font-family: var(--custom);
    text-transform: lowercase;
    line-height: 150%;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 3px 9px 5px;
}

li.pa-avatar.item2 {
    width: fit-content;
    display: inline-block;
    margin: 7px;
}

li.pa-avatar.item2 img {
    padding: 0 5px 4px;
}

.pa-awards a:before { display:none;
    content: "•••";
    letter-spacing: 4px;
    font-size: 6px;
    color: var(--color-green);
    position: relative;
}

.pa-awards {
    text-align: center;
    text-transform: lowercase;
    font-size: 0px;
    height: 15px !important;
    padding: 5px 0 0 !important;
}

/* C3.9 */
li.pa-title {
    text-align: center;
    font-size: 9px;
    color: var(--color-white);
    text-transform: lowercase;
    padding: 5px 10px 4px;
    margin: -4px 13px -1px;
    border-top: 1px dashed var(--color-grey);
  }


.pa-online{
    left: 200px;
    top: -8px;
    font-size: 0px;
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 2 !important;
    position: relative;
    background: var(--color-hz);
    margin-left: -10px;
    margin-top: 0px;
}

.punbb .user-avatar .isonline, .pa-online{
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

    .pa-online:hover {animation: none!important;}

    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;    }

    .pa-online strong {
    position: absolute;
    top: 18px;
    right: -6px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
background: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    white-space: nowrap;
    color: #fff;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    text-align: center;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    }
    .pa-online strong:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: 6px;
      top: -10px;
      border-width: 5px 5px;
      border-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
    }

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

/* C3.12 */
.punbb .post-box {
    padding: 0px;
    margin: 0px;
  }

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

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

/* C3.14 */
.punbb .post-links {
    padding: 15px 0px 0px;
    font-size: 10px;
}

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


/* 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: 10px!important;}

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

/* C3.18 */
.punbb .clearer {
  clear: both;
}


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

/* C4.1 */
.punbb .modmenu .container {
    padding: 15px 0px 10px;
    text-transform: lowercase;
    text-align: right;
font-size:10px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    text-transform: lowercase;
  }

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

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

#topic-modmenu .container strong #mod-options {
}

#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: 10px;
    margin: 0 25px;
    color: var(--color-black);
    font-size: 11px;
    text-align: center;
    border: 1px solid var(--color-black);
  }

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 10px;
    text-align: center;
    font-size: 11px;
  }


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

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

.adminmain {
margin-top: 153px;
}

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

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


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

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

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

#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;
    padding-bottom: 10px;}

#messages .tc3 {
color: var(--color-black);
padding-left: 15px;
vertical-align: inherit;
}

#messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { }



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

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

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

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

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

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

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

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

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


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

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-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: none;
    background: transparent;
  }


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

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

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

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

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

#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 {position: sticky;z-index: 10;top: 0px;/* left: 1px; */margin: 0 2px;}

#pun-navlinks a {color: var(--color-black);}


/* D3.2 */
#pun-navlinks .container {
    padding: 10px 47px;
    font-family: var(--custom);
    font-weight: bold;
    font-size: 20px;
    text-transform: lowercase;
 }

#pun-navlinks a span{display:none}

#navindex a:before {content:'Home';}
#navuserlist a:before {content:'Members';}
#navsearch a:before {content:'Search';}
#navprofile a:before {content:'Profile';}
#navpm a:before {content:'Messages';}
#navadmin a:before {content:'Ams';}
#navlogout a:before {content:'Logout';}
#navlogin a:before {content:'Login';}
#navregister a:before {content:'Join';}
#navpr_1 a:before {content:'PR';}

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

/* D4.1 */

#pun-ulinks {
    position: sticky;
    z-index: 10;
    top: 47px;
    margin: 0 2px;
}

/* D4.2 */
#pun-ulinks .container {padding: 0px 50px 10px 50px;
font-size: 10px;text-transform: lowercase;}


#pun-navlinks.fixed, #pun-ulinks.fixed {
    background: var(--color-back);
z-index:99;
}

#pun-navlinks.fixed > .container.  {  padding: 10px 45px;}

#pun-ulinks.fixed >.container {padding-left: 0px 48px 10px 48px;}



/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
  }

#pun-ulinks a {
    color: var(--color-black);
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 4px;
  text-transform: lowercase;
  }


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

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
height: 0;
  }

/* D5.2 */
#pun-status .container {
    color: var(--color-black);
    position: absolute;
    margin-left: 52px;
    margin: 20px 20px 15px 52px;
    font-size: 10px;
    line-height: 150%;
    font-style: italic;
    text-transform: lowercase;
    width: 410px;
    height: 50px;
    display: inline;
  }

#pun-status .container strong {
    font-weight: normal!important;
  }

/* D5.3 */
#pun-status span {
  }

#pun-status > p > span.status_userava > img,
#status_userava > a > img {
    width: 40px;
    height: auto;
    vertical-align: middle;
    float: left;
    margin-right: 15px;
}

/*span.status_userava:before{
    content: "";
    display: block;
    position: absolute;
    background: var(--color-green);
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .15;
}

span.status_userava:after{
    content: "";
    display: block;
    position: absolute;
    background: var(--color-nice2);
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: darken;
    transition: all .4s linear 0s;
}
*/

/* D5.4 */
#pun-crumbs1 {
    font-weight: normal;
    overflow: hidden;
    margin-top: 65px;
  }


/* D5.5 */
#pun-crumbs1 p.container, #pun-crumbs2 .container{
    text-align: right;
    margin: 15px 52px!important;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}
 

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

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

/* D7.1 */
#pun-stats .container {
font-size: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

/* D7.2 */
#plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
}

 #pun-stats li.item1 {
  width: 130px;
  margin-left: 10px;
}

 #pun-stats li.item2 {
  width: 195px;
}

 #pun-stats li.item3 {
  width: 240px;
}

 #pun-stats li.item4 {
    width: 335px;
}

#pun-stats li.item4 > strong > a {color:var(--color-grey)!important}
#pun-stats li.item4 > strong > a:hover {color:var(--color-hz)!important}

/* D7.4 */
li#onlinelist {text-align: justify;font-size: 10px;padding: 10px 0px 0px 0px;text-transform: lowercase; width: var(--wide);}



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

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

/* D8.5 */
#pun-about p span {
    display: block;
  }

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

  }

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

li.pa-hidePunk {border: none 0;
    padding: 5px 0px 10px;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    color: var(--color-mda2);
    text-transform: lowercase;
    font-size: 9px;
}

.editBookmark {baclground:var(--color-hz)}

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


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


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

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

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


#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: var(--color-black2);}
#rep_form > table > tbody > tr:nth-child(2) > td.tcl {    vertical-align: inherit;}


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

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

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-blue)!important;}
.bubble {
    background: var(--color-blue) !important;
    color: var(--color-white) !important;}

#tags .container {
    background: var(--color-back);
    top: 31px!important;
    box-shadow: 1px 1px 5px;
    border: solid 1px #999;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.pl-reports {display:none!important}

#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: 10px;
    display: flex;
    align-items: center;
}

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

td.tcl > div > div.tclcon > a {
    text-align: right;
color: var(--color-black);
    letter-spacing: 0.5px;
    text-transform: lowercase;
}



#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar {    margin: 0px 35px 12px 0px;}
#pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important;
    top: 0px;}

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

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


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

html {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: 310px;
    padding: 0px 10px;
    font-size: 11px;
    text-align: justify;
    display: inline-block;
}

div.blabla {
    width: 145px;
    padding: 0 10px;
    display: inline-table;
    height: 88px;
color:var(--color-green);
}

div.blbl {
    width: 300px;
    padding: 10px 10px 10px 22px;
    display: inline-table;
    height: 150px;}

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

.theme-name {
font-family: var(--custom2);
    text-align: right;
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
color:var(--color-green);
    }

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

div.blabla-face {
width: 275px;
    padding: 0 10px 0 12px;
    display: inline-table;
color:var(--color-green);
    }

div.blabla-face > div.theme-name {
    padding: 4px 0 5px;
    color: var(--color-green);
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid var(--color-nice);
}

div.blabla-face > div.theme-links {
   padding: 0 5px 0 10px;
   text-align:left;
}

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

.theme-back {
    background: var(--color-grey);
    margin: 5px;
    box-shadow: 5px 5px 0 var(--color-nice);
}

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

.guestblock {
width: 300px;
    height: 80px;
border:1px solid var(--color-green);
    font-size: 10px;
    padding: 5px;
color:var(--color-green);
}

.gubl {padding: 5px;
    overflow-y: auto;
    height: 70px;
text-transform: lowercase;
}

#pun-ulinks #Rz{display:none}

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

/*guest 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 0;
    text-align: center;
    margin-top: 0px;}

div.tclcon > div.for {
    padding: 0px 8px;
    margin-left: 5px;
    text-align: justify;
    font-size: 9px;
    line-height: 150%;
    text-transform: lowercase;
    margin-left: 105px;
}

.punbb select, .punbb optgroup, 
#plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4,  .input > input {
    text-align: center;
    margin: 5px 0px !important;
    border-color: transparent;
    padding: 2px 7px 3px;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: lowercase;
    background: var(--color-trans);
    color: var(--color-grey) !important;
    }


.input > input, .punbb select {    text-align: left!important;}

.for-a {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 150%;
    color: var(--color-back);
    align-items: baseline;
    }

.for-a > a {
    padding: 2px 7px 3px;
    margin-bottom: 5px;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: lowercase;
    background: var(--color-trans);
}


td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none}


/*иконка и плашка*/

.pa-fld3 {
    position: absolute;
    z-index: 9;
    margin: -33px 89px 0px;
    background: var(--color-back);
    width: 24px;
    height: 24px;
    border-radius: 50px;
    padding: 4px !important;
}

.pa-fld3 img{
    max-width: 24px;
    max-height: 24px;
    object-fit: cover;
    border-radius: 0 !important;
}

.pa-fld5 {
    margin: 0px 0px 5px !important;
    background: var(--color-grey3);
    color: var(--color-white);
    background-size: cover !important;
    line-height: 1.5;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.plsh {
    padding: 0px!important;
    position: relative;
}

#viewprofile #pa-fld5 {display:none}

.plsh frst, .plsh scnd {    color: var(--color-white);}

.plsh frst {
	display: block;
	font-size: 9px;
	line-height: 2;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 0.75px;
}

.plsh scnd {
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.75px;
}

.plsh pict {display:none!important;}

.plsh img {
    height: 33px !important;
    width: 33px !important;
    position: absolute;
    left: 9px;
    text-align: center;
    top: 2px  !important;
    display: block;
    filter: invert(1);
}

.plsh-mes {
    display: flex;
    justify-content: space-evenly;
    align-content: flex-start;
    align-items: center;
}

.adformal h2, #pun-adnav h2 {    background-color: var(--color-white)!important;
    color: #000!important;}

#profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span {
font-size: 11px !important;
    font-family: var(--custom2) !important;
    text-transform: lowercase;
    text-shadow: none;
    color: var(--color-black);
    font-style: normal;
    letter-spacing: 0;
    font-weight: 600;
    padding: 5px;}

#pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none}

td.tcl > div > div.tclcon > h3 > a {    padding: 0px 10px 0;
    margin-right: 18px;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: -10px;
    text-align: right;
    color: var(--color-black);
    letter-spacing: 0.25px;}

#notify-settings > span {height: 5px;
    display: flow-root;}

 

#pun-status > p > span.item3.status-right {
    float: none!important;
    position: relative;
    padding: 10px 0;
    text-align: right;
    font-style: normal;
display:none!important;
}

#poll-special {margin-left: 15px;}
span.polltext {text-transform: lowercase!important;     font-weight: 600;}

.punbb .post {/* margin: 0px 5px; */}

#profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 {
display:none;}

#MyBookmarks, #BookmCntToggle {
    top: 120px!important;
}

/******/

.slide_button {
position: absolute;
    top: -10px;
    right: 0px;
    width: 50px;
    height: 20px;
    cursor: pointer;
    padding: 4px 0 0 4px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
}

.slide_button.i_active {
  opacity: 0
}

.slide_block {
    display: none;
    position: absolute;
    background: var(--color-grad);
    top: 25px;
    right: 0px;
    width: 540px;
    height: 380px;
    z-index: 1000;
}

.slide_block div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    box-sizing: border-box;
}

#dot > div.slide_block > div > iframe {    width: 524px!important;
    margin-top: 0px;
    height: 365px!important;
    border-radius: 0px!important;
    position: relative;}


#imageupload-left input[type=button] {width:12em!important}





/***https://pcvector.net/scripts/other/480-mercayuschaya-girlyanda-na-chistom-css.html******/
.lightrope {
    text-align: center;
    white-space: nowrap;
    position: absolute;
    position: fixed;
    z-index: 1000;
    top: -10px;
    left: 20px;
    padding: 0;
    pointer-events: none;
    width: 100%;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
    width: 12px;
    height: 14px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}

@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}


.inew > td > div > div > strong > a {
    text-transform: lowercase;
}


#notify-link .unreads, #navpm .unreads {    background: var(--color-nice)!important;}

.hidden {
	display: none !important;
}

#button-dice {
	background: url("/files/000f/3e/d5/81483.png") center;
}

form#dice-form {
    width: 350px;
    height: 115px;
    padding: 15px;
    text-align: right;
    position: absolute;
    top: 41px;
    right: -15px;
    background: var(--color-back);
    box-shadow: 1px 1px 5px;
    border: solid 1px #999;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

form#dice-form input {
    width: 30px;
    margin: 0 0 0 5px;
    text-align: right;
}

#dice-form label {
    display: inline-flex;
    margin: 3px;
    font-size: 10px;
    align-items: baseline;
}


#dice-form span {
    font-weight: bold;
    vertical-align: top;
}

#dice-form label > span::after {
	content: ":"
}

#dice-form textarea {
    border: 1px solid var(--color-black);
    width: 150px;
    margin-left: 5px;
background: var(--color-back);
    color: var(--color-black);
}

#dice-form > div {
    width: 165px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: -40px;
}

#dice-form > div:nth-child(2) {
    margin-top: 0px;
    margin-left: 180px;
    width: 180px;
}

#dice-form > label {
	display: inline-block;
}

#dice-form > button {    position: absolute;
    bottom: 5px;
    right: 150px;
cursor: pointer;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 2px!important;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
    text-transform: lowercase;
background: var(--color-back);
color:var(--color-black)
}

div.dice-box { 
    border: 1px dashed var(--color-green);
background: var(--color-back);
    margin: 0 8px;
    padding: 5px 15px 10px;
}

.roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {
  font-weight: bold;
}

.roll-dice::before {
    content: "Бросок: ";
}

.roll-value::before {
    content: ", с результатом: ";
}

.roll-reason::before {
  content: "Действие: "
}

.roll-result::before {
  content: "Итог: "
}

#pun .roll-result {
  padding-bottom: 0px;
}


.plashka {      padding: 0.1em 0.25em 0.25em;
    line-height: 1.5;
    margin: 2px!important;
    min-width: 165px !important;
    font-size: 11px;
    display: inline-block;
    background: url(https://forumstatic.ru/files/001a/eb/a8/29745.png) center fixed;
    color: var(--color-white);
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: var(--custom2);
    cursor: pointer;
}

.button, sub4 {     cursor: pointer;
    display: inline-block;
    padding: 3px 10px 5px !important;
    margin: 2px !important;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
    color: var(--color-black);
    text-transform: lowercase;
background: var(--color-back);
}

#pun-stats, .punbb .category {
    margin: 20px 10px 25px;
    position: relative;
}

#pun-stats {
    padding: 15px 40px;
    } 

#post-form > h2 {display:none}


/*#form-buttons tr {
  width: 100%;
  display: flex;
  height: 30px;
  justify-content: space-between;
}*/

#form-buttons tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
    grid-template-rows: auto;
    gap: 6px 6px;
}

#form-buttons td {
  display: flex;
  align-items: center;
  justify-content: center;
width: inherit!important;
  box-sizing: border-box;
}

#form-buttons td {
  background-image: none !important;
  font-family: Material Symbols Outlined;
  font-size: 20px;
  color: var(--color-black);
  cursor: pointer;
}


#form-buttons td:before {
  position: absolute;
}


#button-font:before {content: '\e165';}
#button-transL:before {content: '\e8e2';}
#button-size:before {content: '\e245';}
#button-bold:before {content: '\e238';}
#button-italic:before {content: '\e23f';}
#button-underline:before {content: '\e249';}
#button-strike:before { content: '\e257';}
#button-indent:before { content: '\e23e';}
#button-left:before {content: '\e236';}
#button-center:before { content: '\e234';}
#button-right:before { content: '\e237';}
#button-link:before {  content: '\e157';}
#button-spoiler:before {content: '\e8f5';}
#button-image:before {content: '\e3f4';}
#button-video:before {  content: '\f06a';}
#button-hide:before {  content: '\e898';}
#button-quote:before { content: '\e244';}
#button-code:before { content: '\e86f';}
#button-color:before { content: '\e23c';}
#button-table:before { content: '\f191';}
#button-smile:before { content: '\e813';}
#button-sticker:before { content: '\e983';}
#button-keyboard:before {  content: '\f7db';}
#button-addition:before {  content: '\e146';}
#button-dice:before {  content: '\e025';}
#button-mask:before {  content: '\e9ed';}

#button-files_rusff, #button-graffiti_rusff {display:none!important}

#button-sticker {    background-size: contain;}

#form-buttons td img {position: relative;}

#mask_dialog .inner, .hvStickerPackModal,.hvStickerPackModalTab {border-radius: 0 !important;
background:var(--color-back)!important;}


.hvStickerPackModalTab.active {
background:var(--color-black2)!important;
color:var(--color-white)!important;}

.hvStickerPackModal {    bottom: -35px!important;
    left: 15px!important;
}

.hvStickerPackModalTab {
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
    padding: 5px !important;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
color: var(--color-black)!important;
}

.hvStickerPackModalInput {border-radius: 0 !important;}

.pa-respect span.fld-name::before, .pa-respect span.fld-name a::before, li.pa-fld4:before {
    display: block;
    margin: 0px 0 8px 12px;
    width: 32px;
    height: 0px;
    font-family: Material Symbols Outlined;
    font-size: 20px;
    color: var(--color-white);
}

li.pa-respect span.fld-name a::before {
    position: absolute !important;
    margin-top: -19px;
    color: rgb(151 151 151 / 0%);
}

li.pa-respect span.fld-name::before,
li.pa-respect span.fld-name a::before
 {
    content: '\e8dc';
    height: 11px;
    }

li.pa-fld4:before {
    content: '\e745';
    }

li.pa-respect span.fld-name a, li.pa-respect span.fld-name {
    font-size: 0;
}

li.pa-respect > a > img {display:none}
li.pa-respect > a:before{content: url(/img/plus.png); filter:grayscale(1)}


#pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod {
    display: none;
}

#pun-index table Div.icon:before, div.grippie {display:none}


blockquote a, .punbb .post-content > p > a {
    color: var(--color-nice2) !important;
    background-size: 205%;
    font-weight: bold;
}

/*blockquote a:hover, .punbb .post-content > p > a:hover {    background-position: left;}*/

.punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, .day div > cite > a, .day div > cite > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important;     font-weight: 600;     font-style: normal;}

.city div > cite > a, .city div > cite > a:hover {color: var(--color-black)!important;}

#pun-navlinks > ul > #navawards, div > table > thead {display:none}

.usertable {text-transform:lowercase}

#pun-main.main.multipage > div.usertable > div > table > thead {
display: contents;
}

.hvStickerPackModalContent img {
    max-height: 50px!important;
    cursor: pointer;
}

#pun-live-rusff {display:none!important}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup, #dice-form > button {
    font: 1em verdana, arial, helvetica, sans-serif;
}


#stylelist {
    position: absolute;
    z-index: 9999;
    display: flex;
    gap: 3px;
    margin: 168px 0 0 172px;
}

#stylelist a {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 5px;
    font-size: 0;
    padding: 2px 5px 6px;
}

#stylelist [data="night"] a:before {
    content:'\e51c';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="street"] a:before {
    content:'\e565';
    font-family: Material Symbols Outlined;
    font-size: 20px;
    color:var(--color-white);
}

#stylelist [data="light"] a:before {
    content:'\f02a';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="meds"] a:before {
    content:'\f033';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="mless"] a:before {
    content:'\e3a5';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#pun-main h2 {
    margin: 0 40px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.punbb h2 span {
    font-size: 11px;
    color: var(--color-nice);
    text-transform: lowercase;
    letter-spacing: 3px;
    z-index: 1;
    display: flex;
    font-size: 53px;
    font-family: var(--custom);
    background: var(--color-back);
    font-style: italic;
padding-right: 8px;
    }

.category h2::after {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    border-bottom: 1px solid var(--color-green);
}


.post h3 span, .endpost .post-links, #pun-messages .post-links {
   /* border-bottom: 1px dashed var(--color-green) !important;*/
}

#chfontsize { 
    position: fixed; /*прилеплен к краю экрана*/
    top: 10px; /*отступ сверху*/
    right: 10px; /*отступ справа*/
    width: 26px; /*ширина*/
    text-align: center; /*текст по центру*/
    line-height: 22px; /*высота строк*/
    -moz-opacity: .8; /*прозрачность*/
    opacity: .8;
    z-index: 999999; /*поверх всех элементов*/
}
#chfontsize:hover {
    opacity: 1; /*нету прозрачности при наведении*/
    -moz-opacity: 1;
}
.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    background-color: var(--color-back); /*цвет фона*/
    color: var(--color-black); /*цвет плюса и минуса*/
    cursor: pointer;
}
.fsizeplus::after {
    content: '+'; 
}
.fsizeminus::after {
    content: '-';
}
.fsize {/*поле показывающее размер шрифта*/
    background-color: var(--color-back); /*цвет фона*/
    color: var(--color-black); /*цвет цифр*/
}


.punbb .post-content .spoiler-box::before,.punbb .post-content .spoiler-box::after {display: none}

.reaction-counters-container, .reaction-picker {
    filter: brightness(0.95);
    z-index: 1;
}

#pun .reaction-counter__count {
font-size: 10px;
}

.reaction-chip {
    height: 28px!important;
    min-width: 28px!important;
}

span.reaction-counter__emoji > span.emoji-mart-emoji.emoji-mart-emoji-custom  > span {
    width: 24px!important;
    height: 24px!important;
}

.punbb .post h3 strong::before {
    content: "#";
}


/*.post + .post {
padding-top: 20px !important;
    padding-bottom: 20px;
}*/

.post {
    scroll-margin: 70px;
padding-top: 20px !important;
    padding-bottom: 20px;
}

.hvStickerPackModalTab {
      text-transform: lowercase;
}

#pun .post-content .spoiler-box > div {
  background:transparent;
  position: relative;
	width: 100%;
	box-sizing: border-box;
padding:0;
}

#pun .post-content .spoiler-box > div:before {
    background-image: none !important;
    font-family: Material Symbols Outlined;
    font-size: 14px;
    color: var(--color-black);
    content: '\e5e1';
  width: 12px;
  height: 13px;
    -webkit-transition: transform 0.5s ease-in-out 0s;
    -moz-transition: transform 0.5s ease-in-out 0s;
    -o-transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  box-sizing: border-box;
	display: block;
	margin-right: 16px;
	float: left;
  transform: rotate(-90deg)
}

#pun .post-content .spoiler-box > div.visible:before {
content:'\e5e0';
}

.post-content .spoiler-box > blockquote.visible {
    border-top: 1px dashed var(--color-green);
    padding-top: 5px !important;
    margin-top: 10px;
}

#act-news > a > img{
    position: relative;
    background-size: contain!important;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
margin: 5px 10px;
    border-radius: 30px;
    border: 2px solid transparent;
    background: var(--color-grad2);
} 

#act-news {text-align:center}

/* PERSONAL */

/*[data-user-id="2"].post .pa-title {
    background: #e2304d;
}

[data-user-id="2"].post .pa-fld5 {
    background: url(https://i.imgur.com/24m6X4W.gif);
}

[data-user-id="6"].post .pa-title {
 background: var(--color-nice);
}

[data-user-id="6"].post .post-author {
    background: linear-gradient(to top, var(--color-green2) 0%, var(--color-black2) 49%);
}

[data-user-id="6"].post .pa-fld5 {
    background: url(https://i.imgur.com/wyAIAQd.gif) no-repeat center center !important;
}
*/

/*robert*/
[data-user-id="29"].post .post-author {
    background: linear-gradient(to bottom, #000, #4c4d4c);
}

[data-user-id="29"].post .pa-fld5 {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/326418.gif);
color:var(--color-white);
}

/*ladislav
[data-user-id="97"].post .pa-title {
    background: #e2304d;
}*/

/*alan*/
[data-user-id="40"].post .pa-title {
    background: transparent;
}
[data-user-id="40"].post .post-author {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/264688.jpg);
}


/*louise*/
[data-user-id="113"].post .post-author {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/842048.jpg);
}

/*klaasje*/
[data-user-id="116"].post .post-author {
    background:url(https://upforme.ru/uploads/001a/eb/a8/2/336428.jpg);
}

/*konst*/
[data-user-id="117"].post .post-author {
background: url(https://upforme.ru/uploads/001a/eb/a8/2/98455.jpg);
}

[data-user-id="117"].post .post-author .pa-fld1 a {letter-spacing: 0px;}

/*ashley*/
[data-user-id="125"].post .post-author {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/431785.jpg);
}

/*spencer*/
[data-user-id="124"].post .post-author {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/140400.png);
}
/*maria*/
[data-user-id="122"].post .post-author {
    background: url(https://upforme.ru/uploads/001a/eb/a8/2/612692.png);
}

/*val*/
[data-user-id="121"].post .post-author {
background: url(https://upforme.ru/uploads/001a/d9/bc/2/313753.jpg);
}

/*joe*/
[data-user-id="128"].post .pa-fld5 {
    background: url(https://upforme.ru/uploads/001a/d9/bc/2/398441.gif);
color:var(--color-white);
}

Поделиться4Пт, 6 Июн 2025 19:09:51

Автор: Ladislav Klimt
бесконечная зима;
ЛЗ: Ласло Климт, 44
в крови твои руки и в шрамах всё тело; холодной улыбкой обняла королева
История: снежная королева
Сообщений: 253
Посты:
621
Уважение: +4
Плашка:
you and me could writeA BAD ROMANCE

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

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

:root {
    --color-hz: #ffda5c; /*жёлтый;*/
    --color-nice: #774948; /*коричневый*/
    --color-nice2: #975c5b;

--color-back: #e7e7e7;
    --color-white: #e7e7e7;
    --color-back: #dddddd;
    --color-white: #dddddd;
    --color-back2: #e3e3e3;

--color-fon: #1a1a1a;
    --color-black2: #141414;
    --color-black: #343434;

    --color-green: #a2a2a2; /*границы*/
    --color-green2: #a2a2a2;
    --color-grey: rgb(255 255 255 / 40%); /*серый для формы ответа*/
    --color-grey2: #afafaf; /*серый для ЛС*/
    --color-grey3: #555555; /*серый для ссылок*/

--color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);

--color-grad3:linear-gradient(330deg, #484848 0%, #1a1a1a 49%) border-box;

--color-fon: var(--color-grad3) fixed;

--grad: linear-gradient(0deg, var(--color-nice) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice) 0%, var(--color-black2) 49%);

    --color-blue: #6ca18e;/*выделение текста*/
    --wide: 1090px;
    --color-trans: rgb(0 0 0 / 67%);


    --logo: url(https://forumstatic.ru/files/001a/eb/a8/40501.png);
    --footer: url(https://forumstatic.ru/files/001a/eb/a8/98884.png);

    --custom: DidotTitle;
    --custom2: Verdana;
    --custom3: DidotBold;
}

/*-------улица-----------*/
.street {
--color-back:#242424;
--color-back2:#303030;
--color-black:#aaa;
--color-white:#aaa;

--color-fon: #040404;

--color-hz: #b29840;

    --color-green: #5a5a5a;
    --color-green2: #5a5a5a;

--color-grey3: #727272;

--color-blue:#505050;

}

.street .reactions-root {filter:brightness(0.9);     z-index: 10;
    position: relative;}

.street img {filter:brightness(0.9)}

.street #Logo, .street .bannner {opacity: 0.65;}

/*--------------фонарь---------------*/
.light{
--logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);

--color-fon: #333 url(https://forumstatic.ru/files/001a/eb/a8/87048.jpg) center center repeat-y fixed;

    --color-blue: #60aac4; /*#01c9af;*/
    --color-hz: #327697; /*#438397;*/
    --color-nice: #782f43; /*#76253b;*/
    --color-nice2: #782f43; /*#76253b;*/
    --color-grey3: #393d42;

    --grad: linear-gradient(0deg, #782f43 0%, #000000 49%);
    --grad2: linear-gradient(180deg, #782f43 0%, #111111 49%);
}

.light #stylelist {    filter: brightness(0.7);}

/*--------------бессмысленно---------------*/
.mless{
--logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);

--color-fon: var(--color-grad3) fixed;


--color-nice: #607e83;
--color-nice2: #607e83;

    --color-hz: #745f5c;
    --color-blue: #8dacb6;

--color-back: #e0e0e0;
--color-white: #e0e0e0;

--color-back2: #e3e3e3;

--color-green: #c0c0c0;
--color-green2: #c0c0c0;

--color-grad: linear-gradient(0deg, #B7BDC0 0%, rgba(0, 0, 0, 1) 49%);
--color-grad3:linear-gradient(330deg, #B7BDC0 0%, #111111 49%) border-box;

}

.mless #stylelist {opacity:0.65}

.mless .bannner, .mless #Logo {filter: grayscale(0.6) brightness(0.8)}


/*-----------------------------*/

/*Фон*/
body {
background: var(--color-fon);
}

#pun-title table {
    margin-left: 0px;
}


#html-header {height: 420px;}

#Logo {
    background: var(--logo) center no-repeat;
    height: 400px;
    margin: 0px 50px;
    position: relative;
    top: 20px;
}

#ZACHTO {position: absolute;
top: 35px;}

/* новости*/

#NEWS {
    top: 409px;
    left: 50px;
    height: 56px;
    position: relative;
    width: 990px;
    background: var(--color-trans);
    display: flex;
    align-items: center;
    overflow-x: auto;
    justify-content: center;
}

#NEWS.overflown {
    justify-content: left;
}

.news0{
    width: 190px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    border-right: 1px dashed var(--color-grey);
    padding: 5px 10px;
}


.news0:last-of-type {border: none;}

.newsdate {
    min-width: 50px;
    color: var(--color-nice2);
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.newstxt{
    display: flex;
    flex-direction: column;
    gap: 4px;
}


span.txt1st {
    font-size: 11px;
    font-weight: 700;
    width: 160px;
}

.txt1st a, .for-a > a, #KontentRotator > p > a, kr > a {color: var(--color-grey) !important;transition: color 0.3s ease-in-out;}

.txt1st a:hover, .for-a > a:hover, #KontentRotator > p > a:hover, kr > a:hover {color: var(--color-hz)!important;}


span.txt2nd {
    font-size: 9px;
    color: var(--color-grey);
    line-height: 100%;
    text-transform: lowercase;
}


/*цитаты*/

#RANDOM {
    position: absolute;
    width: var(--wide);
    height: 109px;
    top: -35px;
    padding: 0 0 0px 0px;
    opacity: 1;
    text-align: center;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
}

#KontentRotator {
    font-size: 10px;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    padding: 0px 10px 10px 165px;
    margin: 20px 0 0;
    height: 40px;
}


#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr { 
    font-weight: 600;
    font-size: 14px;
    font-family: var(--custom2);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}


.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
    margin-top: 80px;
}

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

#html-footer {height: 75px;}

#html-footer > div > div {margin-bottom: 20px;}

#html-footer p {
    position: relative;
    display: none;
    width: var(--wide);
    background: var(--color-back);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dashed var(--color-green);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
      background: var(--color-back2)!important;
    border: 1px solid var(--color-green);
}

#mask_dialog .hv-add-template {
  border: 1px solid var(--color-green)!important;
}

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

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

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


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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
   display: block;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    color: var(--color-brown);
font-size: 11px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-grey3);
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    border: 1px solid var(--color-green);
    background: var(--color-back2);
}



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

li.pa-online {
  border-left-color: 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!important;
  color: var(--color-grey3);
        transition: color 0.3s ease-in-out;
  }


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



/* CS3.4 */

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

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



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

/* Иконки*/


#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-left: -20px;
    margin-top: -5px!important;
}

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


div.icon {
    margin-top: 13px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 18px;
    content: '\2739';
    color: var(--color-grey3);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.inew Div.icon:before {
    color: var(--color-nice);
}

.isticky Div.icon:before {
    content: "\2766"!important;
}

isticky.iclosed Div.icon:before {
    color: var(--color-grey3);}

.iclosed Div.icon:before {
    color: var(--color-grey3);
}

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

div.post-rating > p > a {font-size: 14px!important;}

div.post-vote a, div.post-vote a:hover, div.post-rating a, div.post-rating a:hover {
  color:var(--color-grey2)!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

/*Стиль выделения */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 0.5;
    text-decoration:none!important;
} 

*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 0.5;
text-decoration:none!important
} 

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

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

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

.multipage .byuser:before,
#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 {
 }

/*Фон окошка репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-back)!important;
}

#reputationText {        margin: 10px 0;
        border: 1px solid var(--color-green);
        background-color: var(--color-back2) !important;
}

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


/*форум тем, прозрачность*/
#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 {}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

.go-up {
bottom: 56%; 
}
.go-down {
bottom: 49%; 
}

.go-up:before, .go-down:before{
    position: absolute;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
     transition: all 0.3s ease; 
    font-family: var(--custom);
    font-size: 24px;
    color: var(--color-nice);
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 1px;
}

.go-up:before {content: 'up';}

.go-down:before{content: 'down';}


.banr{
    height: 50px;
    overflow-y: auto;
    padding: 5px 0 !important;
    width: 645px;
    margin: 0px 10px 5px 335px!important;
    position: relative;
    top: 5px;
    }

.bannner {
    width: 990px;
    height: 75px;
    text-align: left;
    background: var(--footer);
    margin: 0px 50px 20px!important;
}

.bannner a {
    opacity: 0.85;
    -moz-opacity: 0.85;
    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{display:none;
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
 /*    font-weight: bold;
   color: var(--color-nice);
    font-size: 13px;
    font-family: var(--custom);
    text-transform: lowercase;
        letter-spacing: 1px;
        font-style: italic;*/
   }

.multipage .tcr a {font-family: var(--custom2)!important;
font-size: 11px!important;
letter-spacing: 0!important;
color: var(--color-grey3)!important;}


.pun-modal .modal-inner {
    border: 1px double var(--color-green2) !important;
    background: var(--color-back) !important;
}


/* Предпросмотр */
#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;}


/* ПРОФИЛЬ */


li.pa-fld1 > a {
font-style: italic;
    text-transform: lowercase;
    color: var(--color-grey) !important;
    letter-spacing: 0.5px;
    transition: color 0.3s ease-in-out;
}

li.pa-fld1 > a:hover {
 color: var(--color-hz) !important;}


li.pa-fld1 > br {
    content: "";
    display: block;
    margin: 3px;
}

ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited  {font-size:11px!important}

.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: -10px 13px 5px !important;
    padding: 9px 2px 13px !important;
    overflow-y: auto;
    line-height: 1.5;
    border-bottom: 1px dashed var(--color-grey);
    /* border-image: var(--color-grad); */
    /* border-image-slice: 1; */
}


.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    color: var(--color-white);
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-family: var(--custom2);
    font-size: 11px;
}

.pa-fld2 a, .pa-fld2 a:hover, .pa-fld2 a:visited {
color: var(--color-mda)!important;
}

.pa-fld4, .pa-respect {
    font-size: 9px;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

div.post-author > ul > .pa-posts {display:none; margin-left: 108px;}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {padding:10px 0!important}

/* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */
#pun-index .modlist,
.closedatafield,
.stickytext,
.lastedit,
#pun-announcement h2 {display:none!important}


/* ИКОНКА АВАТАРА */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 0px !important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

.img a.title {
 background: var(--color-white);
}


.post-content hr {
    background: var(--color-green);
    height: 1px;
    border: none !important;
    margin: 5px 0px !important;
    opacity: 1!important;
}

span.num_msg {
    margin-top: -30px !important;
    margin-left: -10px !important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks > h2 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey3)!important;
}

.isonline {
    margin-top: 0px!important;
background: var(--color-hz)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ссылки */

#pun-navlinks li {    display: inline;     margin: 0px 6px;}

.post .bookmark {right: -55px!important;}

#main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);}

.punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, 
.punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}


/*-----стырили у nycity.fun------*/
.ico {
    background: var(--color-grey2);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 0px;
}

.ico img {
	max-width: 24px;
	max-height: 24px;
}

.lspl pl {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    justify-content: flex-end;
    overflow: auto;
    margin-top: 5px;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.lspl > pl > .plsh {background: var(--color-trans);
width: 226px;
    background-size: cover !important;
    height: 36px;
    line-height: 1.5;}

.lsic ic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: right;
    align-items: center;
    min-height: 70px;
height:auto;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--color-back);
    font-size: 13px;
    font-family: var(--custom2);
}

.hdr hd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
    align-items: center;
    min-height: 150px;
height:auto;
    margin: 10px 10px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hdr hd > .head {background-size: contain !important;
    background-position: center !important;
    width: 150px;
    height: 268px;
    border-radius: 15px;}

.hdr hd > .head > .header {    position: relative;
    background: var(--color-black2);
    margin: 15px 10px;
    border-radius: 12px;
    width: 130px;
    height: 210px;}

.punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}

.Tems_And_messages {
    display: inline-block;
    font-size: 9px;
}

.Add {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    width: 90px;
    line-height: 150%;
    margin-left: -22px !important;
    margin-top: -18px !important;
    color: var(--color-grey3);
    transform-style: initial;
    text-transform: lowercase;
    opacity: 0.5;
}

.Tems_And_messages .right{
  float:left;
}

.alt2.inew > .tcl h3 a:after {
        content: '[NEW]';
        margin-left: 5px;
        font-style: italic;
        color: var(--color-nice);
}

.alt2.inew > td.tcl > div > div.icon.inew {display:none}


/*------- личная ----------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	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: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 40px;
    color: var(--color-blue);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.menu span {
cursor: pointer;
    margin: 0px 0 10px;
    padding: 10px 15px 10px 15px;
    font-family: var(--custom2);
    font-size: 13px;
letter-spacing:1;
    text-align: center;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.menu-links {
    float: left;
    margin-right: 15px!important;
}

#submenu, .menu span {
background: var(--color-back);
    border-radius: 10px;
}

.menu .tabactive {
    filter: brightness(0.8);
}

#submenu {    display: inline-block;
	padding: 7px;
	font-size: 12px;
	width: 610px;
}    
.submenutext {
	display: none; 
	height: 0px;
}

#sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}

div.face {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 15px;
}

#sm1 > div > div.about { width: 310px;
    height: 160px;
    align-items: center;
    display: flow;
    padding: 10px 15px;
    margin: 0px 2px 0 0;
    background: var(--color-grey);
color:var(--color-black2);
    overflow-y: auto;
    font-size: 11px;
}

div.collection > h1,
.submenutext > h1 {
    font-family: var(--custom2);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    border-bottom: 1px dotted var(--color-nice);
margin:10px;
}

div.pers, div.ach  {    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 575px;
    height: 40px;
    margin: 10px;}

div.collection { position: relative;
    display: flow;
    height: auto;
    padding: 1px 0 20px 0px;
    margin: 10px 25px 10px 25px;
    background: var(--color-grey);
}

div.lock, div.unlock { background: var(--color-grey2);
width: 100px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
padding: 0 4px;
color: var(--color-black2);
}

div.unlock {    background: var(--color-black2);
    color: var(--color-blue);
}

div.unlock:hover:after {content:'achievement unlocked';}
div.lock:hover:after {content:'in progress';}

div.unlock:hover:after, div.lock:hover:after{
position:absolute;
background:var(--color-black2);
font-size:10px;
color:var(--color-hz);
width: 108px;
    margin-left: -4px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
}

#sm1 > div > div.about > a {color:var(--color-nice)}


/* MOBILE CODES
-------------------------------------------------------------*/
@media screen and (max-width: 720px) {

   /* BODY AND DEFAULTS */
   
.punbb .post-content iframe[allowfullscreen] {
    width: 100%!important;
}

.punbb, #pun {
    width: auto!important;
    border: none!important;
    margin: 0 auto}

    body, html {
       width: 100% !important;
       min-height: 100%;
    margin: 0 auto;
       padding: 0 !important;
       border: none !important;
       -webkit-text-size-adjust: 100%;
    }

    body {
       position: relative !important;
    }

    html {
       height: 100% !important;
    }


#pun-about p span,
#pun-status .container,
    .banr, .bannner {
        width: auto!important;}

#Logo, .banr, .bannner {margin:0!important}

td, th {
       overflow: hidden !important;
       box-sizing: border-box !important;
       display: inline-block;
    }

    tr {
      width: 100% !important;
    }

    #pun-index table, #pun-viewforum table {
       display: block !important;
       width: 100%  !important;
    }

    .category .tcl, .forum .tcl {
       display: inline-block !important;
       width: 100%  !important;
    }

    .hasicon .tcl {
       display: inline-block !important;
       margin: 0 auto !important;
       box-sizing: border-box !important;
       width: 100% !important;
padding: 20px !important;
    }


.tcr {
       display: inline-block !important;
       width: 100% !important;
       margin: 0 !important;
        padding: 20px 10px 20px 50px !important
    }

#pun-online .main td {
    display: block !important;
    width: 100%;
    width: auto !important;
    text-align: left !important;
}

#NEWS{overflow:hidden!important}

#character {width:100%!important}

.pa-fld3, .pa-fld5, .pa-ip,
.banner,.Add, .go-up, .go-down,
#ZACHTO{display:none!important}

div.tclcon > div.for,
#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {margin:0!important}

#pun-about .container {width:auto!important}

/*нутро*/

.post-author {
float: none !important;
            width: 100% !important;
            padding: 10px;
            box-sizing: border-box;
            margin-top: 0 !important;
            margin-bottom: 10px;
}

    .post-author ul {
            display: grid;
            grid-template-columns: 100px 1fr 60px 60px 5px;
            grid-template-rows: auto auto auto auto;
            gap: 0px 10px;
            grid-template-areas:
            "ava name name name onl"
            "ava title title title ."
            "ava fld1 fld1 fld1 ."
            "ava fld2 fld2 fld2 ."
            "ava . fld4 fld5 .";
            }

 #pun .pa-avatar {
        grid-area: ava;
        }

#pun .pa-title {        text-align: end;
    grid-area: title;}

#pun .pa-author {
    grid-area: name;}

.pa-fld1    {grid-area: fld1;}
.pa-fld2    {grid-area: fld2;         text-align: end!important;}

.pa-fld4 {grid-area: fld4;
}

.pa-respect {grid-area: fld5; 
}


li.pa-online{
            grid-area: onl;
            left: 0!important;
            top: 8px !important;
            }

.post-author .pa-avatar img {
    max-width: 80px !important;
    min-width: 80px !important;
    position: relative;
}

    .post-author .pa-author, .post-author .pa-fld2, .pa-fld1, .post-author .pa-title {
       width: auto!important;
    }


    .punbb .post h3 span {
       margin-left: 0 !important;
	   margin-right:0!important;
    padding: 0em 1em 1em 1em !important;
    }
	
    .punbb .post-body {
       margin: 10px 0 0 !important;
       padding: 0 !important;
       box-sizing: border-box !important;
    }

    .punbb .post-box {
         padding: 0 10px 5px!important;
    margin-top: 0!important;
    }

    .punbb .post-body:after {
        width: 100% !important;
        margin: 0 !important;
    }

    .punbb .post-links {
       position: relative !important;
    }
	

.punbb .post-content td {
    display: block;
}

    .punbb .post-links, #profile .post-links {
       width: 100% !important;
       height: auto !important;
       box-sizing: border-box !important;
       text-align: center !important;
    }

.punbb .post-links ul {
    width: 100% !important;
    text-align: center !important;
    height: auto !important;
    line-height: 1.5em!important;
    box-sizing: border-box !important;
}


    #profile .post-links {
       padding: 0 !important;
    }

    #profile .post-links ul {
       width: 100% !important;
    }
.pa-replies {padding-top:6px!important}

    .punbb .post-links a {
       -webkit-text-size-adjust: 125%;
    }

    .pl-email {
       float: none !important;
    }


    #form-buttons table, #form-buttons tbody, #form-buttons tr {
}

    fieldset {
       margin: 0 !important;
       padding: 0 !important;
    }

 #post div[id*="-area"] {
       right: 1em !important;
       width: 100% !important;
       text-align: center;
       box-sizing: border-box;
    }

    #post div[id*="-area"] table, #post div[id*="-area"] tbody {
       width: 100% !important;
       box-sizing: border-box;
    }

    #post div[id*="-area"] input, #post div[id*="-area"] textarea {
       width: 100% !important;
       padding: 0.3em 0.5em !important;
       margin: 0 0 0 0 !important;
       box-sizing: border-box !important;
    }

    #post #keyboard-area input {
       width: auto !important;
    }

    #post div[id*="-area"] .resizable-textarea {
       width: 103.5%;
       padding: 0.5em 0 !important;
       margin: 0 0 0 0 !important;    
       box-sizing: border-box !important;
    }


    .punbb .modmenu {
       padding: 0.1em 0;
    }

    .punbb .modmenu, .punbb .modmenu .container {
       display: inline-block !important;
       width: 100% !important;
       box-sizing: border-box !important;
       text-align: center !important;
	     }

    .punbb .modmenu .container strong, .punbb .modmenu .container span {
       display: inline-block !important;
       width: 100% !important;
       float: none !important;
       text-align: center !important;
       box-sizing: border-box !important;
       clear: both;
    }

    .punbb #topic-modmenu .container span {
       padding: 1em 0 0 0;
    }

.multipage {
    padding: 0 20px !important;
}



#pun-index .user-avatar {
    top: 0px;
}

.punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input {text-align:left!important;}

#pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3,
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {display:none}

#pun-searchtopics .main .tcr {width:auto;
    text-align: end;}

.punbb .user-avatar {
    float: right!important;}

/* предпросмотр профиля*/
#viewprofile div.container table {
margin: auto;
width: 100%;
}

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {display: flex;flex-direction: column;}

#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}

#viewprofile #profile-signature {
padding: 14px 0px 12px 0px;
}


#pun-messages #profile .container {
    padding-left: 0!important;
}

    #pun #profilenav {
        width: 100%;
        float: none;
        clear: both;
        margin: 5px 0px 15px 0px !important;
    }

    #pun-messages form#messages {
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 8px;
    }

    #profilenav ul li {
        display: inline-block;
padding: 5px;
    }


#pun-main > div.usertable > div > table > thead > tr > th.tc2.title,#pun-main > div.usertable > div > table > thead > tr > th.tc3.relation,#pun-main > div.usertable > div > table > thead > tr > th.tc3.posts,
#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar,
div.usertable .user_title,#pun-main > div.usertable .relation, #pun-main > div.usertable .num_posts, 
#messages > fieldset > div > div > table > tbody > tr > td > em {display:none!important}


#pun-userlist .usertable .container {
    padding: 10px!important;
}


#pun-main.main.multipage > div.usertable > div > table > thead > tr {margin:10px 0}

.usertable tr {
display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
}

#pun-main > div.usertable .username,
#pun-main > div.usertable .registered,
#pun-main > div.usertable .last_visit {width:auto!important}

/*шапка*/

 #html-header {height:auto; background: var(--grad);}

.bannner {background: var(--grad2);}

.mless #html-header {  filter: grayscale(1) }

#Logo {background:none!important;
filter:none!important;
height:160px;
}

#Logo:before {content: 'SEPTEMBER';font-size: 38px;font-family:var(--custom);color: var(--color-grey);display: flex;height: 82px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-end;}

#Logo:after {
        content: 'your special day';
        font-size: 11px;
        color: var(--color-grey);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        font-size: 10px;
        text-transform: lowercase;
        justify-content: center;
}

#BookmCntToggle {
    position: absolute!important;
    left: 10px;}

#chfontsize {
    position: absolute!important;}

#pun-stats, .punbb .category,
#stylelist {margin:0!important}


/*замена верхнего меню*/


#pun-navlinks.fixed, #pun-navlinks {background:var(--color-black2)!important}
#pun-ulinks {background:var(--color-back)}

#pun-navlinks .container {
        padding: 0px !important;
        height: 40px;}

#pun-ulinks .container {padding:5px 5px 10px 5px!important;
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
}

#pun-ulinks {top: 40px!important; 
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
        padding: 0 !important;
}


#pun-navlinks {margin:0!important}

#pun-navlinks > ul {
        display: flex;
        align-items: baseline;
        align-content: center;
        justify-content: center;
        gap: 9px;
}


#pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
display: block;
        margin: 6px 0px;
        font-size: 20px;
        text-transform: lowercase;
        font-weight: normal !important;
        color: var(--color-grey) !important;
}


#navindex a:before {content:"\e88a"!important;     font-family: "Material Symbols Outlined"; } 
#navuserlist a:before {content:"\e653"!important;     font-family: "Material Symbols Outlined";} 
#navsearch a:before {content:"\e8b6"!important;     font-family: "Material Symbols Outlined";} 
#navpm a:before {content:"\e158"!important;     font-family: "Material Symbols Outlined";} 
#navprofile a:before {content:"\e853"!important;     font-family: "Material Symbols Outlined";} 
#navadmin a:before {content:"\e8b8"!important;     font-family: "Material Symbols Outlined";} 
#navlogin a:before {content:"\ea77"!important;     font-family: "Material Symbols Outlined";}
#navlogout a:before {content:"\e9ba"!important;     font-family: "Material Symbols Outlined";} 
#navregister a:before {content:"\e7fe"!important;     font-family: "Material Symbols Outlined";} 
#navpr_1 a:before {content:"\f0f3"!important;     font-family: "Material Symbols Outlined";}
#navpr_2 a:before {content:"\e8f4"!important;     font-family: "Material Symbols Outlined";}

input[type="range"] {
    top: 145px!important;
    right: 12px!important;
}

#stylelist a:before{
        color: var(--color-grey) !important;
}

    #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
        width: auto !important;
        margin-left: -47vw !important;
        height: auto;
    }

    #profile>.container {
        padding-left: 10px !important;
        margin-top: 0px !important;
    }

}


input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 103px;
    height: 2px;
    background: var(--color-grey);
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 65px;
    z-index: 1;
opacity:0.85;
  }

        /* Кнопка (ползунок)  */
 input[type="range"]::-webkit-slider-thumb {
           appearance: none;
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

input[type="range"]::-moz-range-thumb {          
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

div .post-rating p>a, div.post-vote p>a {
    position: relative;
    z-index: 10;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    letter-spacing: -1px;
    cursor: pointer;
}

/* Bingo
------------------стырили шаблон на Маяке---------------------------------------- */

.p_bingo {
    display: grid;
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
    grid-gap: 6px;
    position: relative;
overflow-x:auto;
}

.p_bingo .task {
    border: 1px dashed var(--color-green);
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    position: relative;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.p_bingo .task > p {
    text-align: center;
    margin: auto 0;
}

.p_bingo .task.done {
    background: var(--color-blue);
    border-color: transparent;'
}

.p_bingo .task .proof {
    position: absolute;
    background: var(--color-green);
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    display: flex;
    box-sizing: border-box;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
opacity:0;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
}

.p_bingo .task:hover .proof {
opacity:1;
}

Страница: 1

Додо Пицца

Меню навигации

Пользовательские ссылки

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

vogue

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

Поделиться1Пт, 6 Июн 2025 19:09:24

Поделиться2Пт, 6 Июн 2025 19:09:34

Поделиться3Пт, 6 Июн 2025 19:09:44

Поделиться4Пт, 6 Июн 2025 19:09:51