тестовое для жасмина

Страница: 1

Тема закрыта

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

Поделиться12025-07-08 22:49:36

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

шапчушка и проверка заполненного профиля

Поделиться22025-07-08 22:51:48

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

ссылка исходный текст для поясняющего текста

жирный текстк подчеркнутый ~~зачеркнутый~~

Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.

В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.

Код:

Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.

В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.

hoosier написал(а):

«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»

ххх

ся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во

разделитель

Поделиться32025-07-08 22:52:23

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

ссылка исходный текст для поясняющего текста

жирный текстк подчеркнутый ~~зачеркнутый~~

Код:

Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.

В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.

hoosier написал(а):

«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»

ххх

ся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во

разделитель

[hideprofile]

Поделиться42025-07-13 18:40:10

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

<!----автодобавление в нужных-----!>
<script src="https://forumstatic.ru/files/0017/95/29/51757.js"></script>
<script>
  hvWantedFilters.init(id=6);
  hvWantedFilters.init(id=25);
  hvWantedFilters.init(id=644);
  hvWantedFilters.init(id=702);
</script>

Поделиться52025-07-13 19:30:34

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

[nick]Mephistopheles[/nick][status]иди через лес[/status][icon]https://i.ibb.co/0cPk462/2.gif[/icon][fd]Goethe[/fd][lz]<a href="https://unaliving.rusff.me/" class="lzname">lucifer morningstar</a> расцветает погряная осень последним усилием жизни[/lz]

чек маски

Поделиться62025-07-14 16:36:11

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

<!--------------------------- ЧАСТЬ 1 Код кастомизированного плеера (c) forumd --------------------->
<div class='playerNode' data-tracks="https://forumstatic.ru/files/001b/b4/4f/80926.mp3<>https://forumstatic.ru/files/001b/b4/4f/87787.mp3<>https://forumstatic.ru/files/001b/b4/4f/24169.mp3"></div>
<!--------------------------- ЧАСТЬ 1 Код кастомизированного плеера (c) forumd --------------------->

Код:

<!--------------------------- ЧАСТЬ 2 Код кастомизированного плеера (c) forumd --------------------->
<script>
    (() => {
        let isLoopActive = false;
        const selector = '.playerNode';
        const targets = document.querySelectorAll(selector);
        targets.forEach((target) => {
            const tracks = target.dataset.tracks?.split('<>').filter(Boolean);
            const audio = document.createElement('audio');
            audio.src = tracks[0];
            let index = 0;
            const getNext = () => {
                if (!isLoopActive) {
                    index = (index + 1) % tracks.length;
                }
                return index;
            };
            const getPrev = () => {
                if (!isLoopActive) {
                    index = (index - 1 + tracks.length) % tracks.length;
                }
                return index;
            };
            audio.addEventListener('ended', function () {
                audio.src = tracks[getNext()];
                audio.pause();
                audio.load();
                audio.play();
            });

            audio.addEventListener('timeupdate', function () {
                const part = audio.currentTime / audio.duration || 0;
                track.querySelector('.thumb').style.left = (part * 100).toFixed(2) + '%';
            });

            const play = document.createElement('button');
            play.classList.add('play-pause');
            play.classList.add('paused');
            play.addEventListener('click', () => {
                if (play.classList.contains('paused')) {
                    audio.play();
                    play.classList.remove('paused');
                } else {
                    audio.pause();
                    play.classList.add('paused');
                }
            });

            const track = document.createElement('div');
            const thumb = document.createElement('div');
            track.classList.add('track');
            thumb.classList.add('thumb');
            track.append(thumb);
            track.addEventListener('click', (evt) => {
                const part = evt.offsetX / track.offsetWidth;
                audio.currentTime = part * audio.duration;
                thumb.style.left = (part * 100).toFixed(2) + '%';
            });

            const volume = document.createElement('div');
            const volumeThumb = document.createElement('div');
            volumeThumb.classList.add('thumb');
            volume.classList.add('volume');
            volume.append(volumeThumb);
            volumeThumb.style.left = 'calc(100% - 8px)';
            volume.addEventListener('click', (evt) => {
                const part = evt.offsetX / volume.offsetWidth;
                audio.volume = part.toFixed(2);
                volumeThumb.style.left = (part * 100).toFixed(2) + '%';
            });

            const controls = document.createElement('div');
            controls.classList.add('controls');

            const prevTrack = document.createElement('button');
            prevTrack.classList.add('prev-track');
            prevTrack.addEventListener('click', () => {
                audio.src = tracks[getPrev()];
                audio.pause();
                audio.load();
                audio.play();
            });

            const nextTrack = document.createElement('button');
            nextTrack.classList.add('next-track');
            nextTrack.addEventListener('click', () => {
                audio.src = tracks[getNext()];
                audio.pause();
                audio.load();
                audio.play();
            });

            const loopToggle = document.createElement('button');
            loopToggle.classList.add('loop-toggle');

            loopToggle.addEventListener('click', () => {
                isLoopActive = !isLoopActive;
                loopToggle.classList.toggle('loop-active', isLoopActive);
            });

            controls.append(prevTrack, play, nextTrack, loopToggle);

            const wrapper = document.createElement('div');
            wrapper.classList.add('player-wrapper');
            wrapper.append(audio, track, volume, controls);
            target.append(wrapper);

            audio.addEventListener('ended', function () {
                audio.src = tracks[getNext()];
                audio.pause();
                audio.load();
                audio.play();
            });
        });
    })();
</script>
<!--------------------------- конец ЧАСТЬ 2. Код кастомизированного плеера (c) forumd ------------>

Поделиться72025-08-04 16:27:28

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

<!-- Смена стиля v1.0 © max, the murderer! -->
<ul id="theme_switcher"></ul>
<script type="text/javascript">
// Задаём темы
var array = [
    { class: 'night',
      title: 'Темная тема' },
      
    { class: 'day',
      title: 'Светлая тема' } // Последняя тема без запятой
];

// Задаём радио
var switchers = '';
$.each(array, function(index, value) {
    switchers += '<li title="'+value.title+'"><span class="radio"><input type="radio" name="switcher" id="'+value.class+'" value="'+value.class+'"><label for="'+value.class+'">'+value.title+'</label></span></li>';
});
$('#theme_switcher').append(switchers);

// Отслеживаем нажатие на радио
$('#theme_switcher input').on('click', function () {
    // Получаем значение нажатого радио
    var selectedTheme = $(this).val();
    // Очищаем html от предыдущих тем и устанавливаем новую в моменте
    $('html').removeClass().addClass(selectedTheme);
    // Запоминаем
    localStorage.setItem('selectedTheme', selectedTheme);
});
// Проверяем выбирались ли ранее темы
if (localStorage.getItem('selectedTheme') !== null) {
    // Получаем выбранную тему
    var currentTheme = localStorage.getItem('selectedTheme');
    // Устанавливаем выбранную тему
    $('html').addClass(currentTheme);
    // Включаем радио выбранной темы
    $('#theme_switcher input[value="' + currentTheme + '"').prop('checked', true);
} 
// Если не выбирались
else {
    // Добавляем дефолтную тему
    $('html').addClass('night');
    // Включаем радио дефолтной темы
    $('#theme_switcher input[value="night"]').prop('checked', true);
};
</script>

<!---------------------------- таблица  ---------------------------->
<t>
<h2>вечер – <span>остановка</span> – жасмин </h2>
<h2 class='t_shadow'>вечер – <span>остановка</span> – жасмин </h2>
<div class='t_divider'></div>

<!------------- цитата --------------->
<t_q><p>Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно </p> <a href='https://unaliving.rusff.me/' target='_blank'>имя персонажа</a></t_q>

<!------------- лучший эпизод --------------->
<t_p><h4>cool episode</h4> 
<a href='https://unaliving.rusff.me/' target='_blank'>when the devil turns around</a>
</t_p>

<!------------- постописцы --------------->
<t_w><h4>best writers</h4> 
<p>
<a href='https://unaliving.rusff.me/' target='_blank'>Shigaraki</a>
<a href='https://unaliving.rusff.me/' target='_blank'>Tomura</a>
<a href='https://unaliving.rusff.me/' target='_blank'>dabi</a>
<a href='https://unaliving.rusff.me/' target='_blank'>vaermina</a>
</p>
</t_w>

<!------------- название плейлиста --------------->
<t_m class='current-title'></t_m>

<!------------- игроки слева --------------->
<div class='t_faces t_faces_l'>
<a href='https://unaliving.rusff.me/' target='_blank' title='василисонька'><img src='https://forumstatic.ru/files/001c/32/58/46539.jpg'></a>
<a href='https://unaliving.rusff.me/' target='_blank' title='василисонька'><img src='https://forumstatic.ru/files/001c/32/58/46539.jpg'></a>
</div>

<!------------- игроки справа --------------->
<div class='t_faces t_faces_r'>
<a href='https://unaliving.rusff.me/' target='_blank' title='василисонька'><img src='https://forumstatic.ru/files/001c/32/58/46539.jpg'></a>
<a href='https://unaliving.rusff.me/' target='_blank' title='василисонька'><img src='https://forumstatic.ru/files/001c/32/58/46539.jpg'></a>
</div>

</t>
<!--------------------------  конец таблицы  ----------------------->

<!------------ навигация 1------------>
<div class="spirit-navigation" id="navig-batton">заметки для жителей</div>
<div id="navigblock" style="display:none">
<div class="sslka">
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=5#p5">гостевая</a>
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=2#p2">правила</a>
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=4#p4">список ролей</a>
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=6#p6">нужные</a>
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=8#p8">шаблон анкеты</a>
               <a href="https://eveningstop.rusff.me/viewtopic.php?id=10">учет твинов</a>
</div>
</div>
<!----- конец навигации 1 ----->

<! ------------------ скрипт навигации (2) [основа рено, переработка вещего духа] ---------------> 
<script type="text/javascript" src="https://forumstatic.ru/files/001c/30/dc/86760.js"></script>
<! -------------------------------------конец скрипта навигации --------------------------------->


<!--------------------------- ЧАСТЬ 1 Код кастомизированного плеера (c) forumd --------------------->
<div class="playerNode" data-tracks="
 Devil's Gonna Come::https://forumstatic.ru/files/001b/b4/4f/80926.mp3<>
хор - прекрасное далеко::https://forumstatic.ru/files/001b/b4/4f/87787.mp3<>
Трек 3::https://forumstatic.ru/files/001b/b4/4f/24169.mp3
"></div>
<!--------------------------- ЧАСТЬ 1 Код кастомизированного плеера (c) forumd --------------------->

<!---------------------------- основной шрифт  ---------------------------->
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap');
@import url('https://forumstatic.ru/files/001c/35/64/31260.otf');
@import url('https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap');

/* шрифты бланш */
@import url(https://forumstatic.ru/files/001b/6a/eb/98346.css); 
</style>
<!---------------------------- конец основного шрифта  ---------------------------->

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

<!------------------- Выделение кода в блоке "Код" // © Damassk, версия 2019г. ---------------------> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'скопировать код' //текст ссылки</script>
<!------------------------------- конец выделения кода ------------------------------------>


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

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

<!-— Автолайк от Леви-->
<script>
  document.addEventListener('DOMContentLoaded', async function () {
    const allPosts = document.querySelectorAll('#pun-viewtopic  .post');

    if (allPosts) {
      const div = document.createElement('div');
      div.classList.add('autolike_wrapper');

      const button = document.createElement('a');
      button.classList.add('autolike');
      button.innerText = 'Автолайк';
      button.setAttribute('title', 'Поставить лайк всем на странице');

      div.append(button);

      const bottomThemeLink = document.querySelector('.linksb');

      if (bottomThemeLink && GroupID !== 3) {
        bottomThemeLink.append(div);

        button.addEventListener('click', async (e) => {
          button.textContent = 'Обработка...';
          button.classList.add('disabled');

          for (const post of allPosts) {
            const postID = post.getAttribute('data-user-id');
            const likedPost = post.querySelector('.post-rating a');

            if (postID.toString() !== UserID.toString() && !post.classList.contains('mylike')) {
              likedPost.click();
              await new Promise(resolve => setTimeout(resolve, 200)); // задержка
            }
          }

          button.textContent = 'Готово';
        });
      }

    }
  });
</script>

<!-— END. Автолайк -->

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

<!--Запрет перехода на первую страницу При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>

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

<!--------------- Скрыть rss-atom ------------------->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!-------------------- конец --------------------------->

<!--------------- Чтобы не пропадали посты // Deff  ------------------->
<script type="text/javascript">
$(function(){
   (function(a,b,c,d){
      if(a && b.length){
        function getTid(){
          var p1 = $('#pun-messages').length||c.split(/post\.php|fid=/)[2]? 0 : NaN,
          p2 = +c.replace(/.*?\/viewtopic\.php\?id=(\d+).*$/,'$1'),
          p3 = d.length? d.attr('href').split('/viewtopic.php?id=')[1] : NaN;
          return [p1,p2,p3].toString().replace(/.*?(\d+).*/,'$1');
        }
        var tid = getTid(), mem = a.mem, bnd = '==='+'#12'+'==', val_KN2, dat = new Date(), tab = '    ',mes;
        if(mem){
          mem = mem.split(bnd);if(mem[0]==tid){val_KN2=mem[1]; mes = +mem[3]; dat.setTime(+mem[2])};
          if( RequestTime*1000 > (+mem[2] + 2*60*60*1000) ) delete a.mem; /*Два часа хранения*/
        }

        if(val_KN2){
           $('<span id="restore-post" title="'Сохраненный пост\n'+'от ' + (dat).toLocaleDateString()+', '+(dat).toLocaleTimeString() +(mes?'\nпри наборе сообщения':'\nпри отправке')+'"/></span>')
           .insertBefore(b)
           .click(function (){b[0].value = b.val()+($.trim(b.val())!=''?'\n':'')+val_KN2;});
        }

        var memYes = 0, timId = 0;
        function save(){if($.trim(b.val())!='') a.mem = tid + bnd + b.val() + bnd + (+new Date()) + bnd + memYes;}
        b.bind('input',function(){if(memYes||b.val().length > 100){clearTimeout(timId);memYes=1; timId=setTimeout(save,200);}});
        b.parents('#post').find('input[type="submit"]').click(function(){memYes = 0;save();});
      }
   }(window.localStorage,$('#main-reply'),document.URL,$('#pun-crumbs1 a[href*="/viewtopic.php?id="]')));
});
</script>
<!-------------------- конец --------------------------->

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

<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
  kn_Name: 'тихая-цитата', /*Наименование кнопки цитировать*/
  kn_title: '', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
  button_sequence: 0,  /*1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
  hide_button_quote: 0,  /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
  visible_forums: [2,12]   /*ID форумов установки кнопки тихой цитаты*/
}</script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/6e/7e/99154.js?v=1?"></script>
<!-- Быстрая смена аккаунта -->

<!----автодобавление в нужных-----!>
<script src="https://forumstatic.ru/files/0017/95/29/51757.js"></script>
<script>
  hvWantedFilters.init(id=6);
  hvWantedFilters.init(id=25);
  hvWantedFilters.init(id=644);
  hvWantedFilters.init(id=702);
</script>

Поделиться82025-08-04 16:27:42

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

<div class="banners"><div class="container">
    <a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/poQI688.gif" border="0" alt="photoshop: Renaissance"></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://abyssus.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/36/d0/64241.gif" width="88px" height="31px"></a>
    <a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/3/665856.png" border="0" alt="oddinary"></a>
    <a href="https://australis.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/5b/cc/68290.png" style="cursor: pointer;"></a>
    <a href="https://sunnycross.ru/"><img src="https://forumstatic.ru/files/001c/73/be/65745.jpg"></a>
    <a href="https://memlane.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/60582.gif" width="88" height="31" border="0"></a>
    <a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/Qq1wM9t.gif"></a>
    <a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/c7/a6/62470.png" border="0" alt="MIAMI CLUB" style="cursor: pointer;"></a>
     <a href="https://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/11447.png" style="cursor: pointer;"></a>
    <a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/91190.png" alt="sinistrum"></a>
    <a href="https://thehaze.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/d4/18/243/512735.gif" style="cursor: pointer;"></a>
    <a href="https://kingscross.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001a/08/74/2/637334.png" style="cursor: pointer;"></a>
    <a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif" style="cursor: pointer;"></a>
    <a href="https://burndown.rusff.me/" target="_blank"><img src="https://i.imgur.com/beEZqwd.gif" width="88" height="31" border="0"></a>
    <a href="https://toeden.rusff.me" target="_blank"><img src="https://i.imgur.com/EXSZ0B8.png" alt="Return to eden"></a>
    <a href="https://billboard.rusff.me/"><img src="https://upforme.ru/uploads/001a/f6/b2/2/352430.gif"></a>
    <a href="https://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/184058.gif" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a>
    <a href="https://execute.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/f1/3b/2/793130.png" alt="Execute" width="88" height="31"></a>
    <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png"></a>
    &lt;<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/JaUDgww.png"></a>
    <a href="https://rift.rolka.me/" target="_blank"> <img src="https://upforme.ru/uploads/001b/d9/4a/2/708598.png" border="0" alt="Сказания Разлома"></a>
   <a href="https://kelmoracrown.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001b/e6/2d/44174.png" border="0" alt="Kelmora. Hollow crown"></a>
   <a href="https://ftr404.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/1a/06/5/954124.png"></a>
   <a href="https://thegoodplace.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" good="" place="" визардинг="" ворлд="" без="" постирония“=""></a>
   <a href="https://kicks-and-giggles.ru/" target="_blank"><img src="https://upforme.ru/uploads/0019/e7/0f/2/438078.jpg" width="88" height="31" border="0"></a>
    <a href="https://rialan.rusff.me" target="_blank"> <img src="https://i.imgur.com/w2dmehd.gif"></a>
   <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/7/124634.png" border="0" width="88" height="31"></a>
   <a href="https://taleisalie.f-rpg.me/"><img src="https://i.ibb.co/Z6j3bxRB/69212.jpg" alt="персонажи сказок в современной реальности, рисованные внешности, аниме"></a>
   <a href="https://why.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/61/20/17/606277.png" border="0" width="88" height="31"></a>
   <a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0f/f1/22/33452.gif"></a>
   <a href="https://circuscross.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/5b/2f/2/154957.png"></a>
   <a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" border="0" alt="notacross"></a>
   <a href="https://redacademy.forumno.com/"><img src="https://upforme.ru/uploads/001b/ce/b4/4/119518.png"></a>
   <a href="https://exlibrisforlife.ru" target="_blank"><img src="https://i.imgur.com/1JHaL3K.png" alt="ex libris"></a>
   <a href="https://gemcross.ru"><img src="https://gdivir.ru/gem/gemcross.png" width="88" height="31" border="0" alt="GEMcross"></a>
   <a href="https://youwannacomein.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/57/28/97216.png"></a>
   <a href="https://renaissance.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/69/5f/81613.jpg"></a>
   <a href="https://sept3rd.rusff.me/"><img src="https://upforme.ru/uploads/001a/eb/a8/2/61477.png" border="0"></a>
   <a href="https://nesmotri.rolka.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/71/aa/2/946076.png" width="88" height="31" border="0"></a> 
   <a href="https://defect.rusff.me/" target="_blank"><img src="https://i.imgur.com/F8DAeXc.png"></a>  
   <a href="https://btwn.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001b/73/d1/74427.png" width="88" height="31"></a>
   <a href="https://deadpoetry.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/74/2d/82790.png" border="0" alt="DEAD POETRY"></a>
   <a href="https://sweetillusions.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001c/54/02/9/591284.gif"></a>
   <a href="https://mayak.f-rpg.me/?utm_medium=banner88forum"><img src="https://forumstatic.ru/files/001b/ff/2a/15151.png" alt="Маяк. Сообщество ролевиков, дизайнеров и графистов"></a>
   <a href="https://itisanewworld.rusff.me/"><img src="https://upforme.ru/uploads/0019/7e/db/2/163253.gif" border="0"></a>
   <a href="https://wh40000.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/6b/2b/5/350795.gif"></a>
   <a href="https://crushcross.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/78/94/3/961692.jpg"></a>
   <a href="https://heylar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/75/d0/14/387418.png"></a>
   <a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/6c/7d/42027.jpg"></a>
   <a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/672618.png" border="1" width="88" height="31"></a>
   <a href="https://arkhaim.su/index.php" target="_blank"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"></a>
   <a href="https://homey.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/7a/06/2/879707.png"></a>
   <a href="https://souldreamate.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/35/8d/3/321130.gif" width="88" height="31" border="0"></a>
   <a href="https://tempusmagicae.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/71/c5/2/877956.png"></a>
   <a href="https://narutoexile.ru" target="_blank"><img border="0" src="https://forumstatic.ru/files/001a/74/14/91935.gif" width="88" height="31"></a>
   <a href="https://nxvrlnd.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/23/e3/10/313312.png"></a>
   <a href="https://phantazia.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/3b/ab/54782.gif"></a>
   <a href="https://pls.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/6b/c3/8/86976.png"></a>
   <a href="https://tothegrave.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/44/9e/102/449023.png" border="0" width="88" height="31"></a>
   <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/03/d0/90324.gif" width="88" height="31"></a>
   <a href="https://convent.anihub.me/"><img src="https://forumstatic.ru/files/001c/7d/82/22923.png" alt="Конвент: мистика в антураже луизианской провинции, рисованные внешности" target="_blank"></a>
   <a href="https://player.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/6a/04/5/420367.png" border="0" width="88" height="31"></a>
   <a href="https://liesoftales.f-rpg.me/"><img src="https://forumstatic.ru/files/001c/7d/d4/57632.png" alt="Lies of tales: персонажи сказок в современном мире, рисованные внешности" target="_blank"></a>
   <a href="https://crystalcage.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/76/cd/52012.png"></a>
   <a href="https://faceinless.ru" target="_blank"><img src="https://upforme.ru/uploads/001b/dc/dc/130/109304.png"></a>
   <a href="https://tscl.rusff.me/"> <img src="https://forumstatic.ru/files/001c/7d/8c/98621.svg"> </a>
   <a href="https://sacramento.rusff.me/" target="_blank"><img src="https://i.imgur.com/5hb3s55.png"></a>
   <a href="https://eltropicano.ru/#?advNum=site_banner" target="_blank">
<img src="https://i.imgur.com/9zY3Dbu.gif"></a>
   <a href="https://nycity.fun/"><img src="https://forumstatic.ru/files/001c/1a/2f/97282.png" alt="New York City: город, где сбываются мечты"></a>
   <a href="https://brightonlife.ru/" target="_blank"><img src="https://i.imgur.com/Y7xlzWM.png"></a>
</div></div>

<div class='fng'></div>



<!-- START Черный список (строго в html-низ) by Leraje -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/6e/7e/89643.css?v=4"/>
<script type="text/javascript" src="https://forumstatic.ru/files/000b/09/4f/38612.js"></script>
<!-- END Блоклист -->

<!------------------------------------- обертка в профиле  ---------------------------------------------> 
<script>
$('.post-author').each(function() {
    $(this).find('.pa-posts, .pa-respect, .pa-fld2').wrapAll('<div class="fld_wrap"></div>');
});
</script>
<!------------------------------------- конец обертки в профиле  --------------------------------------------->

<!--------------------------- ЧАСТЬ 2 Код кастомизированного плеера (c) forumd --------------------->
<script>
(() => {
    let isLoopActive = false;
    const selector = '.playerNode';
    const targets = document.querySelectorAll(selector);
    
    targets.forEach((target) => {
        // 🔧 Ищем блок для названия (можно и target.querySelector, если он внутри)
        const titleDiv = document.querySelector('.current-title');

        const rawTracks = target.dataset.tracks?.split('<>').filter(Boolean);
        const tracks = rawTracks.map(str => {
            const [title, url] = str.split('::');
            return { title, url };
        });

        const audio = document.createElement('audio');
        let index = 0;

        const setTrack = (i) => {
            audio.src = tracks[i].url;
            if (titleDiv) {
                titleDiv.textContent = tracks[i].title;
            }
        };

        setTrack(index);

        const getNext = () => {
            if (!isLoopActive) {
                index = (index + 1) % tracks.length;
            }
            return index;
        };
        const getPrev = () => {
            if (!isLoopActive) {
                index = (index - 1 + tracks.length) % tracks.length;
            }
            return index;
        };

        audio.addEventListener('ended', function () {
            setTrack(getNext());
            audio.pause();
            audio.load();
            audio.play();
        });

        audio.addEventListener('timeupdate', function () {
            const part = audio.currentTime / audio.duration || 0;
            track.querySelector('.thumb').style.left = (part * 100).toFixed(2) + '%';
        });

        const play = document.createElement('button');
        play.classList.add('play-pause', 'paused');
        play.addEventListener('click', () => {
            if (play.classList.contains('paused')) {
                audio.play();
                play.classList.remove('paused');
            } else {
                audio.pause();
                play.classList.add('paused');
            }
        });

        const track = document.createElement('div');
        const thumb = document.createElement('div');
        track.classList.add('track');
        thumb.classList.add('thumb');
        track.append(thumb);
        track.addEventListener('click', (evt) => {
            const part = evt.offsetX / track.offsetWidth;
            audio.currentTime = part * audio.duration;
            thumb.style.left = (part * 100).toFixed(2) + '%';
        });

        const volume = document.createElement('div');
        const volumeThumb = document.createElement('div');
        volumeThumb.classList.add('thumb');
        volume.classList.add('volume');
        volume.append(volumeThumb);
        volumeThumb.style.left = 'calc(100% - 8px)';
        volume.addEventListener('click', (evt) => {
            const part = evt.offsetX / volume.offsetWidth;
            audio.volume = part.toFixed(2);
            volumeThumb.style.left = (part * 100).toFixed(2) + '%';
        });

        const controls = document.createElement('div');
        controls.classList.add('controls');

        const prevTrack = document.createElement('button');
        prevTrack.classList.add('prev-track');
        prevTrack.addEventListener('click', () => {
            setTrack(getPrev());
            audio.pause();
            audio.load();
            audio.play();
        });

        const nextTrack = document.createElement('button');
        nextTrack.classList.add('next-track');
        nextTrack.addEventListener('click', () => {
            setTrack(getNext());
            audio.pause();
            audio.load();
            audio.play();
        });

        const loopToggle = document.createElement('button');
        loopToggle.classList.add('loop-toggle');
        loopToggle.addEventListener('click', () => {
            isLoopActive = !isLoopActive;
            loopToggle.classList.toggle('loop-active', isLoopActive);
        });

        controls.append(prevTrack, play, nextTrack, loopToggle);

        const wrapper = document.createElement('div');
        wrapper.classList.add('player-wrapper');
        wrapper.append(audio, track, volume, controls);
        target.append(wrapper);
    });
})();
</script>

<!--------------------------- конец ЧАСТЬ 2. Код кастомизированного плеера (c) forumd ------------>

<!---------------------------- личная страница ---------------------------->
<!-- личная страница -->
<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>

<!---------------------------- конец личной страницы ---------------------------->

<!-------------------------- вверх-вниз -------------------------->
<div class="go-up" id='ToTop'>«</div>
<div class="go-down" id='OnBottom'>»</div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-------------------------- конец вверх-вниз'а -------------------------->

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

   $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if (+$(this).parents('.post').attr('data-group-id') == 3) b = GuestAvtr;
      var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li>';
      if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
    });
    $('#profile-left strong:contains("Нет аватара")')
    .parent().html('<div><img src="'+DefAvtr+'"/></div>');
    </script>
<!--------------------------------------------- Конец ------------------------------------------------->

<!--------------------------------------------- маска ------------------------------------------------->

<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['админка', 'posting wall // нужные', 'crossroads // фандомные темы', 'jasmine shade // фандом-межфандом', 'dewdrop flowers // альтернатива', 'driftwood bench // флуд', 'stargazer’s rest // личные темы', 'granny\'s attic // общий архив', 'fragrant stillness // игровой архив'],
    forumAccessExtended: {
        'админка': ['администраторы', 'модераторы'],
        'posting wall // нужные': ['Принятые'],
        'crossroads // фандомные темы': ['Принятые'],
        'jasmine shade // фандом-межфандом': ['Принятые'],
        'dewdrop flowers // альтернатива': ['Принятые'],
        'driftwood bench // флуд': ['Принятые'],
        'stargazer’s rest // личные темы': ['Принятые'],
        'granny\'s attic // общий архив': ['Принятые'],
        'fragrant stillness // игровой архив': ['Принятые'],
        'feeling feverish and mellow': ['игроки']
    },
    changeList: {
        'pafld1': {
            title: 'фандом',
            description: '',
            tag: 'fd',
            class: 'pa-fld4',
            defaultCode: '',
            type: 'text'
        },
        'pafld2': {
            title: 'лз',
            description: '',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href=" " class="lzname">имя фамилия</a> текст лз',
            type: 'html'
        }
    },
    userFields: ['pa-fld5', 'pa-author', 'pa-title', 'pa-avatar', 'pa-fld4', 'pa-fld1', 'pa-posts', 'pa-respect', 'pa-fld2', 'pa-fld6', 'pa-fld3', 'pa-ip', 'pa-online']
});
</script>
<!--------------------------------------------- Конец ------------------------------------------------->

<!------------------------- Индикатор активности пользователя © Alex_63 ------------------------->

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

<!-------------------------- Универсальный скрипт замены © Alex_63 ------------------------------------>
<script>
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#pun-stats li.item1','Всего тем','Всего тем');
Change('#pun-stats li.item2','Всего сообщений','Всего сообщений');
Change('#pun-stats li.item3','Зарегистрированных пользователей','Пользователей');
Change('#pun-stats li.item4','Последним зарегистрировался','Последним зарегистрировался');
Change('#pun-stats .onlinelist div > a','Активны','Активны');
Change('#pun-stats .users_24h div > a','Посетили за сутки','Посетили за сутки');
Change('#pun-stats li.item1','Всего тем','Номеров забронировано');
Change("li#navindex","Форум","Bus-stop");
Change("li#navuserlist","Участники","Passengers");
Change("li#navsearch","Поиск","Search");
Change("li#navprofile","Профиль","Profile");
Change("li#navpm","Сообщения","SMS");
Change("li#navadmin","Администрирование","Admin");
Change("li#navlogout","Выход","Exit");
Change("li#navlogin","Вход","Enter");
Change("li#navregister","Регистрация","Register");
</script>
<!-------------------------- Универсальный скрипт замены © Alex_63 ------------------------------------>

<!------------------------------- тултип ------------------------------------>
<script>
jQuery.fn.quicktip = function(options) {
    // Значения по умолчанию
    var defaults = {
        speed: 500,
        xOffset: 0,
        yOffset: 30
    };

    // Объединяем переданные опции с дефолтными
    var settings = $.extend({}, defaults, options);

    // Для каждого элемента, к которому применяется плагин
    return this.each(function() {
        var $this = jQuery(this);

        // Сохраняем title и alt, если они есть, и удаляем title
        var title = $this.attr('title') || '';
        var alt = $this.is('img') ? $this.attr('alt') || '' : '';
        var tipContent = title || alt; // Используем только один, если оба пусты — ничего не выводим

        // Выходим, если содержимого для tooltip нет
        if (!tipContent) return;

        // Сохраняем title в data-атрибут и удаляем title, чтобы не отображался стандартный tooltip
        $this.data('title', title).removeAttr('title');  

        // Обработка событий наведения мыши
        $this.hover(function(e) {
            $this.css('cursor', 'pointer');
            $("body").append("<div id='tooltip'>" + tipContent + "</div>");
            
            $("#tooltip")
                .css("top", (e.pageY + settings.yOffset) + "px")
                .css("left", (e.pageX + settings.xOffset) + "px")
                .fadeIn(settings.speed);
                
        }, function() {
            // Удаляем подсказку при уходе мыши
            $("#tooltip").remove();
        });

        // Обновляем позицию подсказки при движении мыши
        $this.mousemove(function(e) {
            $("#tooltip")
                .css("top", (e.pageY + settings.yOffset) + "px")
                .css("left", (e.pageX + settings.xOffset) + "px");
        });
    });
};

$(function(){
    // Применяем quicktip к элементам с title, и к изображениям с alt в контейнере .banners
    $('*[title], .banners a img[alt]').quicktip({
        speed: 300,
        fade: true
    });
});
</script>
<!------------------------------------------ конец тултипа --------------------------------------->

<!-------------------- Ссылка на авторский пост в цитате // v.3 © Alex_63 -------------------->
<script type="text/javascript">
var quote_img = 'https://forumstatic.ru/files/0015/ec/20/41408.png'; //Кнопка "Перейти к сообщению" в цитате
$('.quote-box>cite:not(:contains("Скрытый текст:"))').each(function() {
  var cntq=$(this).text(),sp0='<span class="qcn">сообщение от</span> ',
  sp1='<span class="qc-uname">###</span>';
  if(cntq.indexOf('#p')!=-1){var pid=cntq.split(',')[0],autq=cntq.split(',')[1].split(' написал')[0],
    lnkq='<a class="qc-post-link" href="',imgq='<img src="'+quote_img+'" title="Перейти к сообщению"/>',
    sp2='&nbsp;<span class="qc-post-link">'+lnkq;sp1=sp1.replace('###',autq);
    if($('.post'+pid).length){$(this).html(sp0+sp1+sp2+pid+'">'+imgq+'</a></span>');}else
    {$(this).html(sp0+sp1+sp2+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+imgq+'</a></span>');}
  }else{var autq=cntq.split(' написал')[0];sp1=sp1.replace('###',autq);$(this).html(sp0+sp1);}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</script>
<!-------------------- конец ссылки на авторский пост в цитате // v.3 © Alex_63 -------------------->

<!------------------- убрать пожаловаться ------------------->
<script type="text/javascript">
RusffCore.sets.show_reportBtn = 0;
</script>
<!------------------- конец убрать пожаловаться  ------------------->

<!----------------- между никами запятая --------------->
<style type="text/css">
div#topic-users-in a:after {
    content: ',';
}
div#topic-users-in a:last-child::after {
    content: '';
}
</style>
<!----------------- после ника запятая --------------->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!-----------------конец запятых --------------->

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

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

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

<!------------------------- конец предпросмотра сообщения © Alex_63 ---------------------------->


<!-- костыль для сафари -->
<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (window.innerHeight > document.body.scrollHeight) {
      document.body.style.minHeight = window.innerHeight + 'px';
    }
  });
</script>

<!-- Замена ссылок в Постах на абсолютные -->
<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>


<!--запрет рекламе менять аватар подпись и статус -->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("bad pr")!=-1)
{
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("а-тя-тя")
return false}
</script>
<style>
#pun-main #profile1[action$="id=4"]{
display:none;
}
</style>
<!--КОНЕЦ-->

<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
<style>
#pun-main .forum table{ table-layout: auto;}
#pun-main tr.tr-divider {
}
</style>


<!-- ТЕГ абзаца - [indent] © Deff -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 1.0em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
<!-- //End//-Разделение тем -->


<!-- Исключение из "Цитировать" подписи и "отредактировано" © Deff -->
<script type="text/javascript"> (function(){    var p =[];
  $('.post').find('.pl-quote').click(function(){
    p[0] = $(this).parents('.post').find('.lastedit');
    p[1] = $(this).parents('.post').find('.post-sig');
    p[2] = p[0].html();p[3] = p[1].html();
    p[0].html('');p[1].html('');
    setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>

<!-- Регулировка размера шрифта в постах © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 

 <!----- латиница -----> 
ft_f.push('ЛАТИНИЦА');
ft_f.push('Abril Fatface'); 
ft_f.push('Agoka Family'); 
ft_f.push('Allegate'); 
ft_f.push('alphacorsa');
ft_f.push('Amanda'); 
ft_f.push('Angelic Bonques'); 
ft_f.push('Antifont'); 
ft_f.push('Antosan'); 
ft_f.push('Argue'); 
ft_f.push('Ariel Script'); 
ft_f.push('Arthead'); 
ft_f.push('Avriella'); 
ft_f.push('Awesome');
ft_f.push('Baskerville Old Face'); 
ft_f.push('Baysoir'); 
ft_f.push('Baysoir Sans'); 
ft_f.push('Beatrix Signature'); 
ft_f.push('Bigilla'); 
ft_f.push('Bitter Mind'); 
ft_f.push('Birch'); 
ft_f.push('Bleinheim Signature'); 
ft_f.push('Bloc Kursiv'); 
ft_f.push('Bodonian Script'); 
ft_f.push('Botaky'); 
ft_f.push('Breital'); 
ft_f.push('Brilliant Signature'); 
ft_f.push('Brioche');
ft_f.push('Broadway'); 
ft_f.push('Brooke Smith Script'); 
ft_f.push('Bw Vivant'); 
ft_f.push('Caities'); 
ft_f.push('Caledo'); 
ft_f.push('Californian'); 
ft_f.push('Cantique'); 
ft_f.push('Chequers'); 
ft_f.push('Clovvo'); 
ft_f.push('Coastine Font'); 
ft_f.push('Crystal Vibes'); 
ft_f.push('Cyrano'); 
ft_f.push('Elegant Dragon');
ft_f.push('Elnora');  
ft_f.push('Enough'); 
ft_f.push('Erotique Alternate'); 
ft_f.push('Fashionable'); 
ft_f.push('Finches'); 
ft_f.push('Fright Night'); 
ft_f.push('Gloss And Bloom'); 
ft_f.push('Gravity'); 
ft_f.push('Hello Paris');
ft_f.push('Hello Paris Script'); 
ft_f.push('Hermes'); 
ft_f.push('Hullist'); 
ft_f.push('Katulamp'); 
ft_f.push('Laginchy'); 
ft_f.push('Liquido'); 
ft_f.push('Madegra'); 
ft_f.push('Madtags'); 
ft_f.push('Masquerouge'); 
ft_f.push('Old English'); 
ft_f.push('Parchment'); 
ft_f.push('Pecita'); 
ft_f.push('Peter Jhons');
ft_f.push('Pink Script'); 
ft_f.push('Pistilli'); 
ft_f.push('Prestige Signature'); 
ft_f.push('Quake Love'); 
ft_f.push('Recorda Script'); 
ft_f.push('Renith'); 
ft_f.push('Rhesmanisa'); 
ft_f.push('Rise'); 
ft_f.push('Rosgart'); 
ft_f.push('Rotherland'); 
ft_f.push('Sage'); 
ft_f.push('Sail'); 
ft_f.push('Salty Feathers'); 
ft_f.push('Salve Script'); 
ft_f.push('Saonara'); 
ft_f.push('Shutter Stone'); 
ft_f.push('sichem');
ft_f.push('Signerica');  
ft_f.push('Smooth Stone');  
ft_f.push('Soothing');  
ft_f.push('Specials');  
ft_f.push('Stay Classy');   
ft_f.push('Tamira');  
ft_f.push('The Monse');  
ft_f.push('Tiffany Script');  
ft_f.push('Valkyrie');  
ft_f.push('Vanity');  
ft_f.push('Vellaming');
ft_f.push('Verona Lotte');  
ft_f.push('Wata');  
ft_f.push('Port Vintage');
ft_f.push('Valky');

<!----- кириллица ----->


ft_f.push('КИРИЛЛИЦА'); 
ft_f.push('AdleryPro');
ft_f.push('Alcotton');
ft_f.push('Alegreya Sans SC'); 
ft_f.push('Alter Biom');   
ft_f.push('AlumniSans');
ft_f.push('Anjhay');
ft_f.push('Bosk');
ft_f.push('Baron Neue'); 
ft_f.push('Basis'); 
ft_f.push('Borntod'); 
ft_f.push('Bradobrei'); 
ft_f.push('Calama'); 
ft_f.push('Calypso'); 
ft_f.push('Catallina');
ft_f.push('Cheque'); 
ft_f.push('Christopher');
ft_f.push('Cinematografica');
ft_f.push('Code Pro'); 
ft_f.push('Cuprum');
ft_f.push('Curator');
ft_f.push('Cyrillic Goth');
ft_f.push('DancePartner');
ft_f.push('Dita Sweet');
ft_f.push('Doppelganger'); 
ft_f.push('Eveagita Luxury');
ft_f.push('Galatea Gothic');
ft_f.push('Gunny Rewritten');
ft_f.push('Helvetica Neue'); 
ft_f.push('Journalism');
ft_f.push('Lighthaus'); 
ft_f.push('Lobster'); 
ft_f.push('Mak Light'); 
ft_f.push('Oranienbaum');
ft_f.push('Nautilus');
ft_f.push('Radiotechnika'); 
ft_f.push('Serpantin');
ft_f.push('Shlapak Script'); 
ft_f.push('Sunless day');
ft_f.push('The Artist Script'); 
ft_f.push('Yeseva One');
for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>


<!-- Замена тире -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>
<!-- Конец -->

<script>
$('#font-area div').has('span[style*="font-family:КИРИЛЛИЦА"]').addClass('font-label');
$('#font-area div').has('span[style*="font-family:ЛАТИНИЦА"]').addClass('font-label');
</script>

Поделиться92025-08-04 16:27:56

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

<!-------------------------- счетчик символов -------------------------->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">символов: <b>00</b> </small>';epl.parents("fieldset").find("#form-buttons").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-------------------------- конец счетчика символов -------------------------->

<!-- Font Awesome в форме ответа (с) ForumD.ru -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<style>
#form-buttons tr {     
    display: flex;
    justify-content: space-evenly;
    width: 760px;
    text-align: center;
margin: 0px 0 0px 10px;
    padding: 5px 0px;
    border-radius: 5px;
    background: #C1BAAB;
    box-shadow: var(--bx-shadow);
}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none !important;
display: inline-block;
position: relative;
width: 20px; /* ширина кнопки */
height: 20px; /* высота кнопки */
border-radius: 5px; /* закругление кнопок */
}
#form-buttons td .fab,
#form-buttons td .fas, 
#form-buttons td .far,
#form-buttons td .fal, 
#form-buttons td .fad {
font-size: 14px; /* размер иконок */
padding: 4px 4px; /* отступ от иконки до кнопки */
color: var(--t-body); /* цвет иконок */
transition: all .2s ease-in-out;
}
#form-buttons td:hover {} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .fab,
#form-buttons td:hover .fas, 
#form-buttons td:hover .far,
#form-buttons td:hover .fal, 
#form-buttons td:hover .fad {
        color: var(--hovlink);} /* изменение цвета иконки при наведении курсора */
</style>


<script type="text/javascript">
$(document).ready(function(){
$("#button-font").append('<i class="fas fa-font"></i>');
$("#button-transL").append('<i class="fas fa-solid fa-globe"></i>');
$("#button-size").append('<i class="fas fa-sort-amount-up-alt"></i>');
$("#button-bold").append('<i class="fas fa-bold"></i>');
$("#button-italic").append('<i class="fas fa-italic"></i>');
$("#button-underline").append('<i class="fas fa-underline"></i>');
$("#button-strike").append('<i class="fas fa-strikethrough"></i>');
$("#button-left").append('<i class="fas fa-align-left"></i>');
$("#button-center").append('<i class="fas fa-align-center"></i>');
$("#button-right").append('<i class="fas fa-align-right"></i>');
$("#button-link").append('<i class="fas fa-link"></i>');
$("#button-spoiler").append('<i class="fas fa-cut"></i>');
$("#button-image").append('<i class="fas fa-image"></i>');
$("#button-img").append('<i class="fas fa-images"></i>');
$("#button-video").append('<i class="fas fa-play-circle"></i>');
$("#button-hide").append('<i class="fas fa-lock"></i>');
$("#button-quote").append('<i class="fas fa-quote-right"></i>');
$("#button-code").append('<i class="fas fa-code"></i>');
$("#button-color").append('<i class="fas fa-palette"></i>');
$("#button-table").append('<i class="fas fa-table"></i>');
$("#button-smile").append('<i class="far fa-grin"></i>');
$("#button-keyboard").append('<i class="fas fa-keyboard"></i>');
$("#button-addition").append('<i class="fas fa-plus-circle"></i>');
$("#button-mask").append('<i class="fas fa-solid fa-mask"></i>');
$("#button-dice").append('<i class=" fas fa-solid fa-dice"></i>');
$("#button-indent").append('<i class="fas fa-solid fa-indent"></i>');
});
</script>

<!---------------------------------------------------------------------------------------- СМАЙЛЫ © человек-шаман --->
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
  hvStickerPack.init("https://forumstatic.ru/files/001c/6e/7e/22782.txt?v=4");
});
</script>
<style> #button-sticker:before {
    content: "\f587";
    font-family: 'FONT AWESOME';
    line-height: 22px;
    font-weight: bolder;
    font-size: 14px;
    color: #1b1c18;
    transition: all .3s ease-in-out;
}

#button-sticker:hover:before { color: var(--hovlink); }
</style>
<!-----------------------------------конец доп. смайлы ----------------------------------------------->


<!--Переключение раскладки выделенного текста -->
<script type="text/javascript">S='<img src="http://forum.mybb.ru/i/blank.gif" title="Lat- Русс" onclick="bbcode(\'[Lat-Rus]\',\'[/Rus-Lat]\');LatRus();"/>';
$("#button-font").after('<td id=button-transL>'+S+'</td>');var TxtTrans1='lat';
function LatRus(){if(TxtTrans1=='lat'){TxtTrans1='rus'}else{TxtTrans1='lat'};
lat0='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~[].'.split('');
lat='qwertyuiopasdfghjkl;\'zxcvbnm\,QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>`~'.split('');
lat.push('\\[');lat.push('\\]');lat.push('\\.');
rus=('йцукенгшщзфывапролджэячсмитьбЙЦУКЕНГШЩЗХЪФЫВАПРОЛДЖЭЯЧСМИТЬБЮёЁхъю').split('');
function transF(p){ar1=lat;ar2=rus;if(TxtTrans1=='lat'){ar2=lat0;ar1=rus}for(var i=0; i<ar1.length; i++){trans='/'+ar1[i]+'/g';p=p.replace(eval(trans), ar2[i])}return p;}L=$('#main-reply').val();L=L.replace(/\[Lat-Rus\]([\s\S]*)\[\/Rus-Lat\]/mg,function(a,b,c){return transF(b);});$('#main-reply').val(L);}
</script>
<!-- Конец -->

<!-------------------------- кнопка img в форме ответа -------------------------->
<script>
var oldIMG="<td id=\"button-img\" title=\"Изображение\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index: 20; position: absolute;margin: 4px 0 0 18px; font-size: 0px;;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

Поделиться102025-08-04 16:32:46

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

@import url(style_cs.css);


/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/
@import url('https://forumstatic.ru/files/0019/47/79/29639.css');
@import url('https://forumstatic.ru/files/0019/47/79/45439.css');
@font-face {font-family: 'Font Awesome';
src:  url('https://forumstatic.ru/files/001a/da/7d/83987.ttf');}
@import url('https://fonts.googleapis.com/css?family=Oswald|Playfair+Display+SC|Playfair+Display|');
@import url('//fonts.googleapis.com/css?family=Yeseva+One&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src:  url('https://forumstatic.ru/files/001a/da/7d/83987.ttf');}

@font-face {font-family: Usually;
src: url('https://forumstatic.ru/files/001c/32/58/36487.otf');}

@font-face {font-family: Usually Bold;
src: url('https://forumstatic.ru/files/001c/32/58/39698.otf');}

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');


/* ROOT
-------------------------------------------------------------*/
:root {
--h2-font: 'Anticva'; /* шрифт с засечками */
--h1-font: 'Mulish'; /* шрифт и размер заглавного текста */
--body-font: 'Mulish'; /* шрифт основного текста */
--backcol: #BCB5A7; /* цвет тела */
--forcol: #7373732b; /* цвет подложки цитат */
--quotcol: #7f786e2b; /* цвет цитат */
--link: #2B2B2B; /* цвет основных ссылок */
--hovlink: #788754; /* цвет основных ссылок при наведении */
--hovlinkt: #fff; /* цвет ссылок при наведении в таблице */
--linkp: #B48E74; /* цвет ссылок в профиле */
--doplink: #691212; /* цвет дополнительных ссылок */
--t-body: #1b1c18;; /*цвет основного текста */
--doptext: #b5b5b5; /*цвет дополнительного текста */
--bordin:  1px solid #a09c96; /*цвет рамок */
--helpcol: #0e0e0e; /*тот почти черный*/
--bx-shadow: 0px 1px 0px 0px #909488;;
--orange-border: 1px solid #3D3D3D;  /*больше не оранжевый бордер*/
--modal: #aaa7a4;  /*цвет модальных окон*/
--category: url(https://forumstatic.ru/files/001c/32/58/57515.png);
--headlink: #976B823D;
}

 /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body {  font-family: 'Mulish'; font-size: 12px; font-weight: 400; overflow: auto; }
h1, h2 {  font-family: 'Mulish'; font-size: 12px;     color: #464646;   font-weight: 600;}

/* шрифты поля ввода*/
textarea,  input, select, optgroup {  font: 11px Verdana;}

/*шрифт в поле кода */
.punbb pre {  }


/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
 .section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,  .info-box, #pun-main .info-box .legend,  .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: var(--t-body);
}

/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/

.post-box a {
color: #718048 !important;
    font-weight: 700 !important;
}

.day .post-box a {  color: #466a6d !important;}

.post-box a:hover {  opacity: .6;   }

.post-box .code-box a{
   color: #433f36!important;
}

.post-box .post-rating { }
.post-box .post-rating a,
.post-box .post-rating a:hover {
    color: #dedede !important;
}

.post-box .code-box a:hover,
.code-box a:hover {
   color: #340705 !important;
}

del { background-color: transparent!important; }


/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;
    color: var(--t-body);
    font: var(--body-font);
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    color: var(--t-body);
    font-weight: 600;
    cursor: pointer;
}

/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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(--hovlink);
}

/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table {  table-layout: fixed;  width: 100%;  }
.main .category table { 
    display: flex;
    justify-content: center;
 }

.main .category table thead {
   display: none;
}

#pun-viewforum .main table tr {
    margin: 0px 0px 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pun-viewforum .hasicon {
display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
    padding-left: 16px;
    margin-bottom: 15px;
}

#pun-searchtopics { padding: 30px 20px 125px 50px; }

#pun-searchtopics .main table tr {
    margin: 0px 0px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pun-searchtopics .hasicon .tc3 { display: none; }

#pun-searchposts .post h3 span { }
#pun-searchposts .FNTslider { display: none; }

#pun-searchtopics .main table .tcr { 
    width: 30%;
    margin-top: -10px;
    padding-right: 15px;
    box-sizing: border-box;
 }
#pun-searchtopics .user-avatar .avatar-image {
    height: 30px;
    width: 30px;
    opacity: 0.65;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border-radius: 50%;
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

#pun-searchtopics .user-avatar {
    height: 30px;
    width: 30px;
    float: left;
    position: relative;
    margin: 0px 15px 8px 5px;
}

#pun-searchtopics .user-avatar .isonline {
    right: 24px;
}

.modmenu {
    width: 980px;
    margin: 0 auto;
}

#pun-viewtopic .modmenu { width: 960px; }
#pun-viewtopic #topic-users-in .container {
    text-align: left;
    background: #C1BAAB;
    border-radius: 10px;
    box-shadow: var(--bx-shadow);
    padding: 6px 10px;
   width: fit-content;
}

#pun-viewtopic .linksb .pagelink { margin-left: 40px; padding: 6px; }

#topic-modmenu .container span,
#pun-viewforum .modmenu .container span,
#pun-searchtopics .modmenu .container span { display: none; }



.closedatafield, .isticky .stickytext { display: none; }

#pun-userlist .main table {
  margin-top: 30px;
  padding: 0px 10px;
}

#pun-userlist .main table tr {
    margin: 0px 0px 12px;
    display: flex;
    justify-content: space-between;
}

#pun-userlist .main table .tc3 {  width: 10%; }

#pun-userlist .linkst {
  display: none;
}

#pun-messages .main table tr {
    margin: 0px 0px 10px;
    display: flex;
    height: 35px;
}

#pun-messages .post {
    background: none;
    box-shadow: none;
}

#form-buttons small, #form-buttons small b {
    font: var(--body-font)important;
    font-weight: 700!important;
    font-size: 11px;
}

#form-buttons small {
display: inline;
    width: 116px;
    box-sizing: border-box;
    padding: 7px 6px 5px 10px;
    height: 30px;
    text-align: center;
    margin-left: 27px;
    border-radius: 5px;
    background: #C1BAAB;
    box-shadow: var(--bx-shadow);
}

#form-buttons { position: relative; display: flex; }

#pun-edit #form-buttons small { top: -34px!important; }
#togglePreview {     
position: absolute;
    z-index: 10;
    right: 90px;
 }

#pun-post #form-buttons small,
#pun-edit #form-buttons small  {     margin: 0; }
#pun-post #form-buttons tr,
#pun-edit #form-buttons tr { width: 831px!important; }

#togglePreview input.button { 
    width: 30px;
    height: 30px;
    color: transparent;
    border: none !important;
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer !important;
    border-radius: 5px !important;
    background: #C1BAAB;
    box-shadow: var(--bx-shadow);
 }

#togglePreview:after {
content: '\f303';
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 18px;
    color: var(--t-body);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out;
    pointer-events: none;
}

#togglePreview:hover:after { color: var(--hovlink); }


#pun-post #togglePreview {     right: 32px; }
#pun-edit #togglePreview { 
    margin-top: 39px;
    right: 32px;
 }
#pun-edit #pun-announcement { display: none; }
#pun-post .formal .container {
    padding: 35px 0px;
}

#pun-profile #form-buttons small { margin: 0;  }
#pun-profile #form-buttons table tr {     width: 98%!important; margin-bottom: 15px; }
#pun-profile #form-buttons td { width: 16px; }

#pun-messages #form-buttons table {
  width: 102%;
}

#pun-messages #form-buttons table tr {  height: auto; width: 690px;
    margin-left: 10px; }

#pun-messages #form-buttons td {
  margin: 0px;
}

#pun-messages .main table tr .tc2 {
    margin: -8px 0px 0px;
}

#pun-messages .main table tr .tc2 a{
   display: flex;
   flex-wrap: wrap;
}

#pun-messages .main table tr .pmtc22 {
      width: 28% !important;
}

#pun-messages .main #post-form { margin-top: 30px!important; }

#pun-profile #profile-title strong {
   width: 180px;
}

#pun-messages .fs-box .code-box strong.legend { margin: 0px 0px 0px 60%; }

#pun-messages .fs-box .post-author {
    position: relative;
    border-radius: 6px;
}


#pun-messages .fs-box .post-author:after, #pun-messages .fs-box .post-author:before {
    content: '';
    position: absolute;
    background: none;
    width: 0px;
    height: 0px;
    bottom: 0px;
    left: 0px;
}

#pun-messages #togglePreview {  margin: 10px 0px; }

#pun-messages #post-form #form-buttons small {     
    margin: 0!important;
}

#pun-messages #post-new #post-form #form-buttons small  {
top: 52px !important;
    left: 90px !important;
  display: none;
}

#pun-viewforum .main table tr td {
  align-self: center;
}

#pun-viewforum .main table tr .tcl {
  width: 40%;
}

#pun-viewforum .main table tr .tcr {
    width: 30%;
}

#pun-profile .main {
  margin-bottom: 0px;
   margin-top: -31px;
}

#pun-profile li strong {
   font: var(--body-font);
}

#pun-profile #pa-fld5,
#pun-profile #profile-gifts {
  display: none;
}

#pun-profile #profile-title strong {
   width: 180px;
}

#pun-profile #profile8 fieldset {
    margin: 0px;
    padding: 0px;
}

#pun-profile #profile8 fieldset legend {
    margin: 0px;
    padding: 0px;
}

#pun-profile #profile8 .fs-box p, .punbb .fs-box fieldset {
    margin: 5px 0px 20px;

}

#pun-profile #profile8 .formsubmit {
    margin: 20px 0px 10px 0px;
}

#post-preview .code-box strong.legend {
    color: #363831;
    padding-left: 15px;
    font-weight: 700;
}


#viewprofile #pa-gifts,
#viewprofile #pa-invites { display: none!important; }

#post-preview .quote-box cite a { color: #d2cec4!important; }

#pun-online #pun-main table tr { height: 30px; }
#pun-online #pun-crumbs2 {
    margin-top: 30px;
}


/* ОФОРМЛЕНИЕ ПРЕВЬЮ ПРОФИЛЯ */

#pun-profile #pun-crumbs1 p {
    background: url(https://forumstatic.ru/files/001c/32/58/43313.png?v=1);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: #C1BAAB;
    font-weight: 700;
    font-family: 'Usually';
    padding: 8px 0;
    font-size: 20px;
    width: 100% !important;
    margin: 0 auto !important;
    text-shadow: 0 1px 0 #000;
    box-shadow: 0 0 0 1px #5e5b5685, 0 0 6px 2px #150d0d00 !important;
}

.day #pun-profile #pun-crumbs1 p {
    background: url(https://forumstatic.ru/files/001c/32/58/48699.png?v=1);
    background-size: cover;
}

#pun-profile:has(#profile) #pun-crumbs1 p  {}

#pun-profile #pun-crumbs1 strong,
#pun-profile #pun-crumbs1 em,
#pun-profile #pun-crumbs1 a { display: none!important; }

#pun-profile #viewprofile tbody {
       background: url(https://forumstatic.ru/files/001c/32/58/24568.png?v=1) center center;
    background-size: auto;
box-shadow: 0 0 0 1px #5e5b5685, 0 0 6px 2px #150d0d00 !important;
}

.day #pun-profile #viewprofile tbody  {
   background: url(https://forumstatic.ru/files/001c/32/58/70947.png?v=1) center;
}

#pun-profile #viewprofile > .container {
    padding: 21px 0px 0;
}

#pun-profile #viewprofile .eye_fancy { display: none; }

#pun-profile #viewprofile tbody tr {
    display: flex;
    min-height: 370px;
}

#pun-profile #viewprofile tbody tr #profile-left {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    width: 250px;
} 

#pun-profile #viewprofile tbody tr #profile-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 733px;
    box-shadow: var(--head-border);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    gap: 15px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0px auto 10px;
}

#viewprofile #profile-right li {
    font-family: 'Mulish';
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 1px 0px 0px #909488 !important;
    color: #363831 !important;
    font-weight: 700;
    text-shadow: none !important;
    background: #C1BAAB;
}

#pa-fld1 { max-width: 250px; }
#pa-fld5 { display: none!important; }

#viewprofile #profile-right li strong, #viewprofile strong {
       color: #363831 !important;
    font-weight: 600 !important;
}
#viewprofile #profile-right li * a,
#viewprofile #pa-fld1 a div {
       color: #716e87;
    font-weight: 700;
}

.day #viewprofile #profile-right li * a,
.day #viewprofile #pa-fld1 a div {
     color: #466a6d;
}

#viewprofile #profile-right li * a:hover,
#viewprofile #pa-fld1 a div:hover {
  color: var(--hovlink);
}

#viewprofile #profile-right  #pa-fld2 #lz {
    width: 94%;
    background: transparent;
    box-sizing: unset;
    color: var(--proftext);
    border: none;
    margin: 0;
}

#profile-name {
    z-index: 2;
    position: relative;
    font: var(--body-font);
    color: var(--linkp) !important;
    letter-spacing: -.3px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 20px 0px 8px;
    padding: 2px 0px;
    box-sizing: border-box;
}

#profile-name strong {
    color: var(--t-body) !important;
    font-weight: 700 !important;
}

#profile-title {
    font: var(--body-font);
    letter-spacing: .5px;
    z-index: 2;
    color: #6c6861;
    width: 201px;
    margin: 0px 0px 20px;
    position: relative;
    font-size: 12px;
    left: 3px;
}

#pun-profile #profile-title strong { width: 100%!important; }

#pun-profile #viewprofile #pa-avatar { margin: 8px 0px 15px; }
#pun-profile #viewprofile #pa-avatar div img { 
     max-width: 180px;
    max-height: 180px;
    width: auto;
    height: auto;
    box-shadow: inset 0px 0px 15px 0px #0000004D, 0px 0px 0px 1px #93899D, 0px 0px 0px 2px #565656;
}

.day #pun-profile #viewprofile #pa-avatar div img {
    box-shadow: inset 0px 0px 15px 0px #0000004D, 0px 0px 0px 1px #7e7572, 0px 0px 0px 2px #565656;
}

#pun-profile #viewprofile #pa-edit {
margin: 38px 0px 25px;
    padding: 10px 5px;
    width: 50%;
    border-radius: 20px;
    text-transform: uppercase;
    align-self: center;
    box-sizing: border-box;
    box-shadow: 0px 1px 0px 0px #909488 !important;
    color: #363831 !important;
    font-weight: 700;
    text-shadow: none !important;
    background: #C1BAAB;
}

#pun-profile #viewprofile #pa-edit a {
color: #363831;
    font-size: 11px !important;
    font-weight: 700;
}

#pun-profile #viewprofile #pa-edit a:hover {     color: var(--hovlink); }


/* отступы в ячейках */
.main td { }
th {  padding: 0!important; font-size: 0px!important;  }

/* ширина подфорума */
 #pun-index .tcl { 
    width: 350px;
    box-sizing: border-box;
}

 .main .tcl {  text-align: left;  width: 45%;  }

/* ширина ячеек */
.tc2, .tc3, .tcmod {  text-align: center; }

/* ширина последнего сообщения */
 .tcr {  text-align: left;  width: auto;
line-height: 30px;  }

/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-modviewforum .tcl {
  width: 34%  }
#pun-searchtopics .tcl {
  width: 35%  }
#pun-userlist .tc2, #pun-searchtopics .tc2 {  text-align: left;  width: 32%;  }

/*дебаг */
#pun-debug table .tcl {  width: 15%;  white-space:normal;  }
#pun-debug .tcr {  width: 90%;  white-space: normal;  }

/* расположение последней активной темы */
#pun-index .tcr {
    font-family: var(--body-font);
    align-self: center;
    box-sizing: border-box;
    text-transform: lowercase;
    font-size: 9px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 0;
    align-content: center;
    width: 190px;
    box-shadow: none;
}

#pun-index .tcr br {
    display: none;
}


/* последняя активная тема в подфоруме */
#pun-index .tcr a {
    margin-bottom: -2px;
    text-align: left;
    display: block;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
}

#pun-index .tcr a:hover { color: #5e6b3d; }
.day #pun-index .tcr a:hover {color: #3d6a6e; }

#pun-index .tcr .datetime, #pun-index .tcr .byuser {
    font-family: 'Mulish';
    font-weight: 600;
    line-height: 11px;
    font-size: 10px;
}

/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {    
    position: absolute;
    display: none;
}

#pun-index .tc2 {
    bottom: 35px;
    right: 15px;
    font-family: 'Mulish';
    font-size: 10px;
    text-transform: uppercase;
}

#pun-index .tc2::before {
    content: 'тем:';
    position: absolute;
    font-size: 10px;
    left: -25px;
}

#pun-index .tc3 {
    bottom: 20px;
    right: 15px;
    font-family: 'Mulish';
    font-size: 10px;
    text-transform: uppercase;
}

#pun-index .tc3:before {
    content: 'сообщений:';
    position: absolute;
    font-size: 10px;
    left: -69px;
}

#pun-index .tc3 { margin-left: -15px; }


#pun-main .category thead .tc2, #pun-main .category thead .tc3 {display: none;}


/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
#pun-navlinks .container {padding: 0px; margin: 0px;  justify-content: center;  display: flex; gap: 20px;}
#pun-navlinks li {  display: inline;  }

/* расположение*/
#pun-navlinks {  
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: -227px;
}

#pun-navlinks #navawards { position: absolute; }
#pun-navlinks #navadmin a { color: #9D8754; }

/* вид ссылок */
#pun-navlinks li a { 
    color: #A6A195;
    text-transform: uppercase;
    font-family: 'Usually';
    font-size: 27px;
    line-height: 20px;
    text-shadow: 0px 1px 1px #000;
    font-weight: 500;
  }

.day #pun-navlinks li a { color: #466A6D; text-shadow: none; }

/*  вид ссылок навигации при наведении */
#pun-navlinks li a:hover,
#pun-navlinks #navadmin a:hover { color: #788754; }

.day #pun-navlinks li a:hover,
.day #pun-navlinks #navadmin a:hove { color:#8C9A6A; }


/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ 
-------------------------------------------------------------*/
#pun-ulinks .container { 
    padding: 0 !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 3px 0 30px;
}
#pun-ulinks li, #pun-ulinks li a {
    font-family: 'Mulish';
 }

/*расположение */
#pun-ulinks  {
    position: absolute;
    width: 100%;
    left: 0;
    top: -38px;
}

/* цвет ссылок */
#pun-ulinks a {
font-size: 10px;
    line-height: 11px;
    font-weight: 600;
    color: #848086;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    text-shadow: 0px 1px 1px #000;
}

.day #pun-ulinks a {
    color: #466A6D;
    text-shadow: none;
    font-weight: 700;
}

/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: #A6A195;} 
.day #pun-ulinks a:hover { color: #8C9A6A;} 


/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ 
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 {  
}

/* расположение снизу */
#pun-crumbs2 {  }

/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
    font: var(--h1-font);
    text-align: center;
    text-transform: uppercase;
}

#pun-crumbs1 p, #pun-crumbs2 p { 
        margin: 0px !important;
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    color: #5B5E55;
    text-transform: lowercase;
}

#pun-crumbs1 p {
    text-transform: uppercase;
    font-weight: 700;
}

#pun-crumbs2 p { 
    width: 60%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 33px 0px 25px !important;
    font-family: var(--body-font);
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
 }

#pun-index #pun-crumbs2 p,
#pun-viewtopic #pun-crumbs2 p {
    text-shadow: 0px 1px 1px #000;
    color: #C6BFAD;
}

#pun-crumbs2 {
}

#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 {}

/* цвета ссылок */
#pun-crumbs2  a, #pun-crumbs1 a { color: #695e6d;}


#pun-viewtopic #pun-crumbs2  a { color: #c6bfad; }

/* цвет ссылок при наведении */
#pun-viewtopic #pun-crumbs2  a:hover, #pun-crumbs2  a:hover, #pun-crumbs1 a:hover {color: var(--hovlink);}

/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
#pun-status span {  margin-right: 0px;  }
#pun-status .status-right  {float: none!important;}

/* расположение  */
#pun-status { 
position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    top: 25px;
}

/* внешний вид  */
#pun-status .container {
color: #5B5E55;
    font-family: 'Mulish';
    font-size: 10px;
    text-transform: lowercase;
    line-height: 11px;
    text-align: justify;
    margin: 0;
    font-weight: 700;
}

  #pun-status .container strong,
  #pun-status .container *  { font-weight: 700; }


/* цвет ссылки  */
#pun-status a {     color: #5c5e55;  }

#pun-status a:hover { color: #7B787C; }

 /* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */

.post {
    background: #C1BAAB;
    box-shadow: var(--bx-shadow);
    border-radius: 5px;
}

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

/* разделитель между сообщения*/
.post h3 {       
    line-height: 10px;
    position: relative;
    width: 723px;
    z-index: 1;
    margin: 20px 0px 0px 300px;
    border-radius: 20px 0 0 20px;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 20px;
}

.post.hideprofile h3,
.hide-author h3 {
    display: flex;
    width: 100%;
    margin: 20px 0px 0px 0px !important;
}

/* текст внутри разделителя */
.post h3 span {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    padding: 60px 0px 15px 25px;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
    position: relative;
}

.post h3 span:after {
  width: 688px;
  height: 1px;
  background: linear-gradient(90deg, #838077 0%, rgba(100, 97, 87, 0) 100%);
  position: absolute;
  content: '';
 bottom: 0;
left: 25px;
}

/* ссылка внутри разделителя */
 .post h3 a, .post h3 strong {        
    font-size: 11px !important;
    text-transform: uppercase;
    font-family: var(--body-font);
    font-weight: 500 !important;
    color: var(--t-body);
}

.post h3 .sharelink { display: none; }


.hide-author .post-box {
    width: 100%;
    margin-top: -30px;
}

.hide-author .reaction-picker {
}

.hide-author div.post-rating p {  }

/* расположение профиля */
.post .post-author {    
    float: left;
    min-height: 200px;
}

/* пост и отступы в посте */
.post-body {    
    position: relative;
    margin: 17px 25px 0 325px;
}

.hideprofile .post-body {
    width: 100%;
    margin: 0 auto;
}

.hideprofile .post-body, .hideprofile .post-links, .hideprofile .post-links ul {
margin-top: 35px;
    margin-bottom: 25px;
}

.post.hideprofile h3>span  {
    width: 90%;
    margin: 35px auto 25px !important;
    padding-left: 0 !important;
}

.post.hideprofile h3 span:after {
    width: 940px;
    height: 1px;
    background: linear-gradient(90deg, #838077 0%, rgba(100, 97, 87, 0) 100%);
    position: absolute;
    content: '';
    bottom: 0;
    left: 0px;
}

.post.hideprofile .reactions-root {
    margin-left: 50px!important;
}

.hideprofile .post-box {
    margin: 0 auto!important;
width: 90%;
}

.post-box { 
    padding: 10px 1px 0px;
    margin-bottom: 20px;
    line-height: 150%;
    font-size: 11px;
    font-family: Verdana;
  }

/* выравнивание текста поста */
.post-content {
  width: 100%;
  overflow: hidden;
  text-align: justify;  }

/* абзацы постов */ 
 .post-content p {
    padding: 0;
    line-height: 150%;
    font-size: 12px;
    font-family: 'Mulish';
}

/* .post-content {margin: 0px 0px 15px 10px !important;} */

/* ссылки в посте */
.post-links {     
    width: 100%;
    margin-top: 35px;
    margin-bottom: 25px;
}

.pl-reports { display: none!important; }

.post-links li {  display: inline;  padding-left: 10px; font-size: 11px; }
.post-links ul {         
    padding: 0px 25px 0px 20px;
    text-align: right;
    font: var(--body-font)!important;
    font-weight: 600 !important;
    font-size: 11px !important;
    margin: 0px;
}
.pl-email, .pl-website {  float: left;  }
.clearer {  clear: both;  height: 0;  font-size: 0;  }

/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}

/* картинки в постах */
.post-content img {  vertical-align: text-bottom  }
.post-content img.postimg {  vertical-align: middle;  }

/* таблицы в постах */
td { border-color: transparent; }

.post-content td {     padding: 0.4em 0.5em !important;
    overflow: hidden;
}

/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a2;
    width: 350px;
    margin: 0px 170px;
}

/* экстра */
.post-content table {border-collapse:collapse; margin:0 0 0.8em;}
.post-content td p:last-child {padding-bottom:0;;}
.post-content .highlight-text {background-color:#ff0; color:#000}
.post-content .spoiler-box > div {background:none; cursor:pointer; padding-left:18px;}
.post-content .spoiler-box > div.visible {}
.post-content .spoiler-box > blockquote {padding: 0;    display: none;   margin: 10px;}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto; margin: 0; padding-bottom: 10px;}
.post-content hr {
    opacity: 0.3;
    margin: 2em 0;
    border: .4px solid var(--t-body);
}
.post-content abbr {cursor:help!important; text-decoration: underline dotted!important;}
@media (max-device-width: 620px) {
.post-content abbr {cursor:help!important; text-decoration: none!important; position: relative;}
.post-content abbr::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-bottom: 1px dotted;
    width: 100%;
}
}


.post-content ul {padding:0 0 1em 2.3em;}
.post-content ul li {list-style:inherit; margin-bottom:0.3em;}
.post-content ul li ul {padding-bottom:0;}
.post-content ul li > p {padding-bottom:0.3em;}
.post-content ul li > p:last-of-type {padding-bottom:0;}
.post .post-author .pa-ua {display: none;}



/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
 .formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0;     border: none;}
.punbb .formal span.input {padding-right:0 !important}

#post-form h2, #pun-announcement h2 { display:none;}

/* местоположение кнопок отправить/посмотреть */
.formsubmit {    margin: 0px 0px 10px 45px;}
#post .formsubmit input.button {
    background: #C1BAAB;
    border-radius: 5px !important;
    box-shadow: var(--bx-shadow);
    padding: 6px 10px;
    border: none !important;
}

#post .formsubmit input.button:hover {
    background: #B1AA9B;
box-shadow: 1px 1px 4px 0px #00000040 inset;
color: var(--link)!important;
}

.formsubmit input, .formsubmit a, .formsubmit span {  margin: 0;  }

/* инфо по заполнению */
fieldset {    padding: 0 20px;}
fieldset legend {  margin: 0 0px 10px 10px;}
/* настройка текста */
fieldset legend span { text-transform: uppercase!important;   } 
fieldset fieldset {  border: none;  margin: 0;  padding: 0px 0px 5px;  }

.fs-box {  padding: 0px;  }
.fs-box p, .punbb .fs-box fieldset {  padding: 0px;  }
.inline .inputfield, .inline .selectfield, .inline .passfield {  float: left;  margin-right: 1em;  }
.inline .infofield {  clear:both  }
.datafield br {  display: none  }
.required label, .datafield span.input {  font-weight: bold  }
textarea, .longinput input {  width: 64%;  margin: 0;  }

/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp {  position: relative;  }

/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {  height: 1.8em;  vertical-align: middle;  }

/* страница переадресации */
#pun-redirect {padding: 14px; font-family: 'Raleway';}
#pun-redirect.punbb .info .container, #pun-redirect.punbb .info .container a { 
    font-family: 'Raleway';
    color: #363831 !important;
    font-weight: 600;
}

#pun-redirect.punbb .info .container a:hover { 
  color: var(--hovlink)!important;
}

#pun-redirect.punbb .info .container * a { font-weight: 600 !important;
    font-family: 'Raleway'; 
color: var(--t-body) !important;}

body.redirect-page {
       background: url(https://forumstatic.ru/files/001c/32/58/71790.png?v=1) center top fixed rgb(51, 46, 42)!important;
    background-color: #424242;
    height: auto;
}

.redirect-page #pun { 
    margin-top: 420px;
    background: rgb(202, 195, 176) !important;
    box-shadow: var(--bx-shadow);
    border-radius: 10px;
}

#pun-redirect { height: 80px; }

.redirect-page #pun:after {
    background: url(https://forumstatic.ru/files/001c/30/dc/49588.png) no-repeat !important;
    content: '' ;
    position: absolute;
    height: 213px;
}

/* поле ввода текста поста */
.punbb textarea {
    background-clip: padding-box;
    background: var(--forcol);
    padding: 18px 20px !important;
    width: 95% !important;
    color: var(--link);
    border: solid 1px #46464640;
    border-radius: 5px;
}

#pun-viewtopic textarea {
    width: 95% !important;
    background: #C1BAAB;
    box-shadow: 0px 1px 4px 0px #00000040 inset;
    box-sizing: border-box;
    margin: 0 auto;
}

#pun-viewtopic #post  #main-reply {     width: 960px !important; }
#pun-viewtopic #post textarea::-webkit-scrollbar-thumb {
    background-color: transparent!important;
}

/* поле ввода название темы */
.punbb select, input {
    background: var(--forcol);
    color: var(--link);
    margin-top: 5px;
    border: solid 1px #4646460d;
    border-radius: 3px;
}

/* перенос сообщений из темы  */
.pun-modal .container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
    background: var(--backcol);
}

.isguest .fs-box > p.inputfield {
    width: 94%;
    margin: 16px auto;
}

.isguest .fs-box > p.inputfield span.input {
    border-radius: 5px;
    background: #c1baac;
    box-shadow: var(--bx-shadow);
    padding: 2px;
}

.isguest .fs-box > p.inputfield span.input input {
    background: transparent !important;
    border: none !important;
}

/* пагинация 
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
 .linkst {  
    position: relative;
    height: 0;
    font-size: 10px;
    width: 990px;
    margin: 20px auto;
}

 
.linkst .pagelink { 
    height: 10px;
    position: relative;
    z-index: 4;
    left: 15px;
}

#pun-viewforum .linkst .pagelink { left: 0; }

.postlink.long {    width: 300px; }
.linkst .postlink { position: absolute;
    top: 0px;
    z-index: 4;
    right: 5px;
    text-align: right;
}

/* страницы в подфоруме снизу*/
#pun-viewforum .linksb {        
    text-align: right;
    padding: 0px 5px;
    position: relative;
    left: 11px;
}

.linksb .pagelink {
width: 300px;
    text-align: left;
    font-size: 10px;
    position: relative;
    pointer-events: all;
    z-index: 10;
 }

.linksb .postlink {float: right; display: none;}
#pun-messages .linksb .postlink { display: block; }

#pun-respect .linksb {
    margin-top: 30px;
}

/* страницы в теме снизу*/
#pun-viewtopic .linksb {   
    text-align: right;
    padding: 0px 6px;
    width: 1000px;
    position: unset;
    margin-top: 0px;
    position: relative;
}

#pun-viewtopic #pun-main { 
    position: relative;
    z-index: 1;
}

/* подписаться и отслеживать внутри темы */
.subscribelink { 
    clear: both;
    margin-bottom: 35px;
    margin-top: -15px;
    position: relative;
    font-size: 0;
}

.subscribelink a {
    right: 22px;
    top: 11px;
    display: block;
    position: absolute;
    font-size: 0;
}

#pun-viewtopic .subscribelink a {
font-size: 12px;
    position: absolute;
    right: 5px;
    background: #C1BAAB;
    border-radius: 10px;
    box-shadow: var(--bx-shadow);
    padding: 6px 10px;
    width: 196px;
top: 0;
}

.subscribelink a:after {
    content: '\f02e';
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 18px;
    color: var(--t-body);
    opacity: .8;
    top: -17px;
    left: -23px;
    transition: opacity .3s ease-in-out;
}

#pun-viewtopic .subscribelink a:after { content: none; }

.subscribelink a:hover:after {
  opacity: .4;
}


.pun-viewtopic .subscribelink a {
    position: absolute;
    width: 200px;
    right: 10px;
    top: -90px;
}

/* меню модератора */
.modmenu .container {   
 padding: 0px 0px;
font-size: 11px !important;
    text-align: right;
    margin: 10px 0px 10px; }
.modmenu strong,  .modmenu a {height: 15px;    padding-bottom: 10px;  }
.modmenu .container strong {  float: left;  }
.modmenu input {  margin-left: 1em; }

 #pun-viewforum .modmenu .container strong {  float: right;  }
 #pun-viewforum .modmenu .container strong a,
 #pun-viewforum .postlink .new-topic a,
 #pun-viewforum .postlink .new-poll a {
    font-size: 0;
    position: relative;
}
 #pun-viewforum .modmenu .container strong a:after  {
    content: '\f085';
    left: -30px;
}

 #pun-viewforum .postlink .new-topic a:after {
    content: '\f15b';
    left: -37px;
}

 #pun-viewforum .postlink .new-poll a:after {
    content: '\f044';
    left: -23px;
}

#pun-viewforum .modmenu .container strong a:after,
#pun-viewforum .postlink .new-poll a:after,
#pun-viewforum .postlink .new-topic a:after   {
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 18px;
    color: var(--t-body);
    opacity: .7;
    transition: opacity .3s ease-in-out;
}

#pun-viewforum .modmenu .container strong a:hover:after,
#pun-viewforum .postlink .new-poll a:hover:after,
#pun-viewforum .postlink .new-topic a:hover:after {  opacity: .4;  }

/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option {    text-transform: lowercase!important;
    line-height: 9px;
font-size: 11px !important;
    font-size: 10px !important;
    padding: 2px 4px 4px;}

.checkbox { width: auto !important;}
.punbb option {    background-color: var(--backcol);} 


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
    background: var(--forcol);
    border-radius: 7px !important;
    border: 1px solid #46464638 !important;
    color: var(--link);
    padding: 6px 10px 6px 10px;
    cursor: pointer !important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    font: var(--h1-font) !important;
    text-transform: uppercase;
    font-size: 9px !important;
    width: auto;
    font-weight: bolder !important;
}

#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
    border-bottom-right-radius: 0px;
    font-size: 11px!important;
}

#pun-admain textarea, #pun-admain .longinput input {
    width: 92% !important;
    padding: 10px !important; 
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
padding: 6px 0px 15px!important;
    position: relative;
   background-color: transparent!important;
}

#pun-admain .tcr input {
   width: 90%!important;
}

/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
    background: none;
    cursor: pointer!important;
    color: var(--hovlink);
  }

/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
 #pun-main table .quote-box,  #pun-main table .code-box {margin: 5px 1px 5px}
#pun-message #pun-main .info .container { margin: 20px 0px; }

/* бокс под цитаты/код итд */
 .scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
margin-top: 7px;
  }  

blockquote {margin:0;}

/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */

.post-content .quote-box, .post-content .code-box {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: 15px 20px;
background: url(https://forumstatic.ru/files/001c/32/58/67599.png?v=1);
    box-shadow: 0px 1px #a29c8f;
    border-radius: 10px;
background-size: cover;
}

.post-content .code-box { background: rgba(170, 164, 156, 0.22); }

.post-content .quote-box {  padding: 0px 30px; }

.post-content .quote-box blockquote {
    margin: 9px 0px;
}

.post-content .quote-box, .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-size: 11px!important;
font-family: var(--h1-font)!important;
}

#pun-reputation .inner {
    font-family: 'Mulish' !important;
}


#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {  z-index: 99!important; }

.post-content .spoiler-box > div:before { 
    font-family: 'Font Awesome';
    font-size: 18px;
    font-weight: 100 !important;
    content: none;
    position: absolute;
    top: 15px;
    left: 26px;
    background: url(https://forumstatic.ru/files/001c/32/58/49098.png?v=1);
    background-size: contain;
    color: transparent;
    background-clip: text;
    float: left;
    transition: all .6s ease-out;
}


.post-content .spoiler-box > div.visible:before { opacity: .7; }
.spoiler-box > div table,
.spoiler-box > div table td p { margin: 0!important; }

/* фон проставления репутации */
.post_reputation {
    background: var(--backcol);
    border-radius: 5px;
    padding: 20px 20px 20px 10px !important;
}

/* написал и выделить код */
.code-box strong.legend, .post-content .spoiler-box > div, .post-content .spoiler-box > div.visible {    
    min-height: 20px;
    border: none;
    position: relative;
    z-index: 0;
    padding: 14px 50px 12px 60px;
    margin: -10px 0px 0px -30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: lowercase;
}

.post-content .spoiler-box > div, .post-content .spoiler-box > div.visible {
   color: #C1BAAB;
    background: url(https://forumstatic.ru/files/001c/32/58/43313.png?v=1);
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000000bf;
    width: calc(100% + 60px);
    justify-content: center;
padding: 19px 50px 8px 60px;
}

.day .post-content .spoiler-box > div, .day .post-content .spoiler-box > div.visible {
background: url(https://forumstatic.ru/files/001c/32/58/48699.png?v=1);
}

.code-box strong.legend a {
    font: var(--h1-font);
    font-size: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    padding-left: 36px;
    font-weight: 700 !important;
   color: rgb(54 56 49) !important;
    text-transform: uppercase;
    font-style: normal;
}

.code-box strong.legend a:hover {
  color: var(--hovlink)!important;
}

.code-box strong.legend {
width: 110%;
    min-height: 30px;
    padding: 3px;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    border: none;
    position: relative;
    z-index: 0;
    display: flex;
    margin: -15px 0 0 -20px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    box-shadow: 0px 1px 0px #909488;
    background: url(https://forumstatic.ru/files/001c/32/58/67599.png?v=1);
background-size: cover;
}

.quote-box cite {
width: 110%;
    min-height: 20px;
    border: none;
    position: relative;
    z-index: 0;
   padding: 18px 30px 6px;
    padding-right: 50px;
    margin: -10px 0px 0px -30px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    background: url(https://forumstatic.ru/files/001c/32/58/20823.png?v=1);
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    color: #C1BAAB;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000000bf;
}

.day .quote-box cite {
 background: url(https://forumstatic.ru/files/001c/32/58/19783.png?v=1);
}

.quote-box cite .qc-uname { margin: 0px 3px; }

.quote-box cite .qc-post-link img {  
    filter: hue-rotate(69deg);
    margin-bottom: 1px;
    position: relative;
}


.post-content .spoiler-box > div {  margin-bottom: 0px;}

/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {    
}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: verdana!important;}


/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}

/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
    padding: 15px 10px 10px 10px !important;
   background-color: var(--backcol);
    border-radius: 5px;
    color: var(--t-body);
    box-shadow: 0 0 6px 1px #0000001f, 0 0 0 1px #94928e;
}

#size-area {width: 50px; left: 15px;}
#video-area-msg { display: none; }

#font-area img {    height: 15px; }
#font-area span {    height: 27px; cursor: pointer; transition: color .3s ease-in-out; }
#font-area span:hover { color: var(--hovlink); }

#font-area {
    height: 160px;
    width: 400px;
    overflow-y: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0px;
}
#font-area div {
     width: 50%;
}

.font-label {
    width: 100%!important;
    text-align: center;
    padding: 5px;
    margin: 11px 0;
    border-radius: 9px;
    background: #2d4245;
    box-shadow: var(--bx-shadow);
}

.font-label span {
     font-family: 'Raleway' !important;
    color: #cac3b0;
    font-weight: 700;
    text-shadow: 0 1px 0 BLACK;
}

#tags .container {position: absolute;
    z-index: 100;
    right: 50px;
top: 35px;}

/* мини аватар на главной
-------------------------------------------------------------*/

#pun-index .user-avatar { display: none; }

 .user-avatar {
    height: 50px;
    width: 50px;
    float: left;
    position: relative;
    margin: -8px 25px 30px 0;
}

 .user-avatar .avatar-image {   
    height: 50px;
    width: 50px;
    opacity: 0.65;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border-radius: 50%;
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

Поделиться112025-08-04 16:33:00

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

.user-avatar .isonline {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 3px;
    right: 47px;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink);
    z-index: 100;
}

.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}

#pun-viewforum .user-avatar {float: left;
    position: relative;
height: 30px;
    width: 30px;
margin: 0px 10px 0px -15px;
}

#pun-messages .user-avatar {    
    float: left;
    position: relative;
    height: 34px;
    width: 34px;
    margin: 0px 20px 0px 0px;
}

#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {   
 border: 2px solid!important;
    height: 30px ;
    width: 30px !important;
opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left;     filter: grayscale(0.5); border-radius: 50%;}

#pun-messages .user-avatar .isonline { top: 0px; right: 25px; }
#pun-viewforum .user-avatar .isonline {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px!important;
    right: 27px!important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: var(--hovlink);
    z-index: 100;
}

/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {
    margin-left: 243px;
    width: 577px;
    background: var(--forcol);
    background-size: contain;
    border-radius: 6px;
    height: 20px;
 }

#pun-messages .post h3 span {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    width: 520px;
    text-transform: uppercase;
    font-size: 9px;
    position: absolute;
    top: 25%;
    color: #6a6a6a;
    text-shadow: none;
    padding: 0;
}

#pun-messages .post h3 span:after { content: none; }

#pun-messages .post-author {     
    margin-left: -41px !important;
    margin-top: -19px !important;
    min-height: 200px !important;
}

#pun-messages .post .pa-posts .fld-name {  text-shadow: none; }

#pun-messages .fs-box  { margin-right: -5px; }
#pun-messages .post-author ul { }
#pun-messages .pa-author a {    text-shadow: none !important;}
#pun-messages .pa-author {    text-shadow: none !important;     margin: 25px 0px 18px; }
#pun-messages .pa-title {  }


#pun-messages .pa-posts {}
#pun-messages .post-body {margin-left: 206px; }

 
#pun-messages .pa-posts {}
 #pun-messages .post-body {margin-left: 110px!important; width: auto !important; margin-top: 0;}   
#pun-messages .post-body .post-box { 
    margin-right: -45px;
    margin-left: 134px;}
#pun-messages .post-body .post-content { width: 97%; }
#pun-messages .post .container {    border: none!important;}
#pun-messages #post-form {    margin-top: 0px!important;    border: none!important; }

#pun-messages .indOnline, #pun-messages .indOffline, #pun-messages .pa-reg {display: none;}


.pmtc22 {
    width: 20% !important;
    line-height: 30px;
}

.pmtcl1 {width: 50% !important;}

/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА 
-------------------------------------------------------------*/
/* выделенный текст */
::selection {     background: #43523b85;
color: var(--proftext);
}

/* ширина прокрутки  */
::-webkit-scrollbar {
    width: 1.5px;
    height: 1px;
}

#pun-admain textarea::-webkit-scrollbar {
  width: 5px!important;
}

/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
     background-color: var(--head-text);
}

.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb {
    background: var(--t-body)!important;
}

/* подложка прокрутки */
::-webkit-scrollbar-track {
   background-color: black;
}

.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track {
    background-color: #6c6c6c30!important;
}


/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 {  }

/* контейнер */
#profile .container { padding-left: 200px; padding-top: 60px;}

/* навигация */
#profilenav {     
    float: left;
    width: 180px;
    margin-left: -185px;  
}

/* отступы между строк в меню*/
#profilenav li {  padding-bottom: 10px;  font-weight: normal;  }

/* отступ в управлении  */ 
#setmods dl {padding: 0 0 0 110px;  }
#setmods dt { float: left;
    width: 150px;
    margin-left: -190px;
    padding: 10px;
    display: inline;
  }
#setmods dd { display: block;     padding: 10px;     font-weight: normal;  }

/*настройки списка */
#profilenav ul { padding: 0px; }

/* заголовки  в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 {     text-align: left;
    margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {         
font-size: 15px;
    text-align: center;
    text-transform: uppercase; }

/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px;  }
#viewprofile li { }
#viewprofile li span {
font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
 }
#viewprofile li strong, #viewprofile li div {      
    display: block;
    font-weight: normal;
    text-align: center;  }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {font-size:14px}
#profile-left strong {}
#profile-signature {padding:10px;}

#viewprofile .lzname,  #viewprofile .lztext {
    background: transparent;
    text-align: left;
    width: auto;
    border: none;
    outline: none;
    margin: 0!important;
    padding: 0px!important;
    padding-bottom: 2px!important;
    text-shadow: none;
    font-weight: bolder!important;
    text-align: center;
}

#viewprofile .lzname:before { content: none!important; }

/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
/* html:has(+ :not(.day)) { min-width: 1200px; }

body {min-width: 1200px;} */

/* отключить прокрутку снизу */
body {}

/* отступы по умолчанию у тела */
body {margin: 0;}

/* элементы списка */
ul, dl, li, dd, dt {  list-style: none;  }

/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;} 

/* убрать подчеркивание с ссылок */
a {  text-decoration: none;  }

/* скрытые элементы */
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1,  #pun-debug h2 {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  overflow:hidden;  line-height: 0.0;  font-size: 0;  }

#button-files_rusff,
#button-graffiti_rusff {display: none!important;}
#post fieldset legend {display: none!important;}
.punbb-admin #pun-status {display: none!important;}

.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,  #navawards a span  {  font-size: 0;  height: 0;  width: 0;  line-height: 0.0;  position:absolute;  left: -9999px;  overflow: hidden  }
#pun-ulinks .item5, .modlist, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}

/* информация при регистрации */
.info-box {padding: 0 30px;    margin: 0 0 10px 0;  }
.info-box * {  padding: 0;  }
#pun-main .info-box .legend {    font-weight: bold;  }


/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%; position: relative;}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:35%}
#pun-online .tc3 {width:10%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}


/** подгрузка видео и картинок 
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}


/** подсказки и затемнение фона при всплывающих страницах 
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000; opacity: 1!important; width: 200px!important;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; min-width: 200px!important; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: absolute!important;  top: -30px!important; opacity: 1!important; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 999999!important;}
.tipsy-arrow {display: none;}
.tipsy-n .tipsy-arrow {display: none;}
.tipsy-nw .tipsy-arrow {display: none;}
.tipsy-ne .tipsy-arrow {display: none;}
.tipsy-s .tipsy-arrow {display: none;}
.tipsy-sw .tipsy-arrow {display: none;}
.tipsy-se .tipsy-arrow {display: none;}
.tipsy-e .tipsy-arrow {display: none;}
.tipsy-w .tipsy-arrow {display: none;}

.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}

.notify-message.jg-notice, .notify-message.jg-reputation, .notify-message.jg-report, .notify-message.jg-award { border-left: 12px solid transparent!important; }

.jGrowl-notification .jGrowl-header, .jGrowl-notification .jGrowl-message {
    font-weight: 600!important;
font-size: 12px;
    color: var(--doptext)!important;
    font-family: 'Mulish' !important;
}

.jGrowl-notification .jGrowl-header a, .jGrowl-notification .jGrowl-message a { 
    font-weight: 700!important;
    font-family: 'Mulish' !important;
 }

.jGrowl-notification .jGrowl-message a { 
    color: var(--doptext)!important;
 }

.jGrowl-notification .jGrowl-close {
    border: none !important;
    color: var(--doptext);
    padding: 2px 8px !important;
    font-size: 12px !important;
}

.flag-i {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    margin-right: 1em;
}

.flag-i:before {    content: '\00a0';}

.social {
    background-image: url(/i/social.1.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px;
}
.social-vkontakte {    background-position: -130px 0;}
.social-odnoklassniki {    background-position: -78px 0;}
.social-mailru {    background-position: -52px 0;}
.social-google {    background-position: -26px 0;}
.social-yandex {    background-position: -156px 0;}

.icons-pencil:before { content: '\270E'; } /* '' */


.hide-author .post-body {
    margin-left: 0px;
    margin-right: 0px;
    position: relative !important;
    padding: 10px 21px;
    box-sizing: border-box;
}

.hide-author  .post-content {
   overflow: visible;
}


/*Регулировка размера шрифта в постах © Alex_63 */

.FNTslider {
    border-radius: 4px;
    position: absolute;
    z-index: 1000;
   background: #d8d1bf;
    width: 109px;
    height: 2px;
    margin: 3px 5px;
    border: solid 1px #bab6b0;
    float: right;
    margin-right: 10%;
}

#pun-messages .FNTslider {  margin-right: 20%; }

.FNTslider .before {
    height: 2px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #00000070;
    margin-top: -1px;
    margin-left: -1px;
}
.FNTslider .thumb {
width: 5px;
    height: 10px;
    border-radius: 3px;
    position: relative;
    top: -3.5px;
    background: #54504a;
    cursor: pointer;
}


/*  подсказки */

#tooltip,
.tipsy-inner {
  z-index: 999999;
  padding: 6px!important;
     text-transform: lowercase;
    text-align: center;
    border-radius: 8px;
    pointer-events: all;
    font-family: 'Mulish';
    font-size: 9px!important;
    font-weight: 600 !important;
   color: #CAC3B0 !important;
    text-shadow: 0px 1px 0px #000 !important;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040 !important;
    background: #1e2d36!important;
border: 1px solid #63727a !important;
}


.day #tooltip,
.day .tipsy-inner { background: #466a6d !important; border: 1px solid #A6A195!important; }

#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
color: #CAC3B0 !important;
    font-size: 10px;
    text-shadow: 0px 1px 0px #000 !important;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040 !important;
 background: #1e2d36!important;
  text-transform: lowercase!important;
  text-decoration: none !important;
  text-align: center;
border: 1px solid #63727a !important;
}

.day #tooltip,
.day .tipsy-inner,
.day #respect figure .prof,
.day .tipsy-inner a { background: #466a6d !important; border: 1px solid #A6A195!important; }

#tooltip {
  position: absolute;
  max-width: 200px;
  display: none;
}

#tooltip,
.tipsy-inner,
.num_msg,
.bubble,
.jGrowl-notification,
.jGrowl .messag_theme,
#messages-list a.Author {
z-index: 50;
color: #CAC3B0 !important;
    font-size: 10px;
    text-shadow: 0px 1px 0px #000 !important;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040 !important;
    background: #1e2d36!important;
border: 1px solid #63727a !important;
}

.day .num_msg,
.day .bubble,
.day .jGrowl .messag_theme,
.day #messages-list a.Author { background: #466a6d !important; border: 1px solid #A6A195!important; }

.tipsy .post-rating p, .jGrowl .post-rating p, .tooltipsy .post-rating p, .tipsy-inner .post-rating p { left: -200px!important; margin-top: -300px!important;  }


.jGrowl-notification {  transform: unset !important; }
.jGrowl-notification, .jGrowl-closer, .notification-spoiler { background: var(--helpcol) !important; }
.jGrowl-notification .jGrowl-header, .jGrowl-notification .jGrowl-message {
    color: var(--proftext)!important;
    text-shadow: 0 0 1px #000 !important;
}



.custom_tag_left .postimg { margin: 0 4px 0 -4px!important; }
.custom_tag_right .postimg { margin: 0 -4px 0 4px!important; }


/*ЧАСТЬ 3. CSS-стили кастомизированного плеера*/
.playerNode {
    position: absolute;
    top: -175px;
    left: 468px;
}

.player-wrapper{
    width: 160px;
    height: 40px;
    background: #FFFFFF1A;
    backdrop-filter: blur(9.300000190734863px);
    box-shadow: 0px 1px 0px 0px #00090BA1;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}

.day .player-wrapper { box-shadow: 0px 1px 1px 0px #00000040; }

.play-pause.paused{
background: transparent !important;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    padding: 0 !important;
    border: none !important;
box-shadow: none !important;
}

.play-pause.paused:before {
    content: '\f144';
    position: absolute;
    font-size: 24px;
    font-family: Font Awesome;
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0px 1px 0px #000000;
    color: #7B787C;
}

.play-pause{ 
    background: transparent!important;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    padding: 0 !important;
    border: none !important;
box-shadow: none !important;
}

.play-pause:before {
    content: '\f28b';
    position: absolute;
    font-size: 24px;
    font-family: Font Awesome;
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0px 1px 0px #000000;
    color: #7B787C;
}

.track, .volume {
    height: 2px;
    background: #7B787C;
    display: inline-block;
    position: relative;
    box-shadow: 0px 0.5px 0.5px 0px #000000;
    border-radius: 10px;
    margin-top: 20px;
}

.track {
    width: calc(80% - 60px);
    display: none;
}
.volume {
    width: 15%;
    order: 1;
    cursor: pointer;
}
.thumb {
width: 6px;
    height: 6px;
    top: calc(50% - 3px);
    border-radius: 50%;
    position: absolute;
    background: #7B787C;
    box-shadow: 0px .5px .5px 0px #000000;
}

.loop-toggle {
   order: -1;
}

.loop-active {
    background-color: red; /* Цвет активированной кнопки */
}

.controls button:not(.play-pause) { 
    width: 12px;
    height: 12px;
    position: relative;
    background: transparent;
    border: none !important;
    padding: 0 !important;
    margin: 7px 0 0;
}

.controls {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 110px;
}

.prev-track:before { content: '\f048'; }
.next-track:before { content: '\f051';}
.loop-toggle:before  { content: '\f363';}
.loop-active:before  { opacity: .5; }
.prev-track:before, .next-track:before, .loop-toggle:before {
    position: absolute;
    font-size: 13px;
    font-family: Font Awesome;
    top: 50%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0px 1px 0px #000000;
    color: #7B787C;
}

.day .play-pause.paused:before, .day .play-pause:before, .day .prev-track:before, .day .next-track:before, .day .loop-toggle:before { color: #466A6D; text-shadow: none;}

.day .volume, .day .thumb { background: #466A6D; box-shadow: none;  }



/* Theme switcher © max, the murderer! */

#theme_switcher {
    display: flex;
    flex-direction: row;
    gap: 5px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: -49px;
    right: 48px;
    z-index: 999;
}

#theme_switcher li label {
    font-size: 0px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    display: block;
    box-shadow: 0 1px 1px 0px black;
    cursor: pointer;
}

#theme_switcher li label[for="night"] {    background: #466a6d; }
#theme_switcher li label[for="day"] { background: #a6a195; }
.day #theme_switcher li label[for="day"] {     background: #dcd2b4; }

#theme_switcher li input {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

#theme_switcher li input:hover::before,
#theme_switcher li input[type="radio"]:checked {
    color: white;
}

/* ------------------ черный список ------------------------*/
#panel-sticker {
    padding: 3px 5px 3px 5px !important;
    color: #a19c91 !important;
    font-family: 'Usually';
    font-size: 15px;
    letter-spacing: 2px;
    text-shadow: 0 1px 1px #000000cf;
    border-radius: 0px 5px 5px 0px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040;
    background: #193536a6 !important;
    border-bottom: 1px solid #3B464C;
    border-right: 1px solid #3B464C;
    border-top: 1px solid #3B464C;
}

#panel-content {
    color: #a19c91 !important;
    font-family: 'Mulish';
    font-size: 12px;
    text-shadow: 0 1px 1px #000000cf;
    border-radius: 0px 0px 5px 0px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040!important;
    background: #193536a6 !important;
    border: 1px solid #3B464C!important;
}

.day #panel-sticker {
    padding: 3px 5px 3px 5px !important;
    color: #466a6d !important;
    font-family: 'Usually';
    font-size: 15px;
    letter-spacing: 2px;
    text-shadow: none;
    border-radius: 0px 5px 5px 0px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040;
    background: #cdc4aa !important;
    border-bottom: 1px solid #466a6d78;
    border-right: 1px solid #466a6d78;
    border-top: 1px solid #466a6d78;
}

.day #panel-content {
    color: #466a6d !important;
    font-family: 'Mulish';
    font-size: 12px;
    text-shadow: 0 1px 1px #000000cf;
    border-radius: 0px 0px 5px 0px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040 !important;
    background: #cdc4aa !important;
    border: 1px solid #466a6d78 !important;
}


ul#blockUsers {
    list-style-type: none;
    float: left;
    background: #FFFFFF1A;
    backdrop-filter: blur(9.300000190734863px);
    box-shadow: 0px 1px 0px 0px #00090BA1;
    border-radius: 20px;
    color: #7B787C;
    font-weight: 700;
    text-shadow: 0px 1px 0px #000000;
    width: 80%;
    padding-bottom: 6px;
margin-left: 0 !important;
}

.day ul#blockUsers {
    background: #d6d0ba;
    box-shadow: 0px 1px 0px 0px #00090BA1;
    border-radius: 20px;
    color: #466a6d;
    font-weight: 800;
    text-shadow: none;
}


.toBlock {
    position: relative;
}

.blockButton:before {
    content: '\e52c'!important;
    font-family: 'Font Awesome';
    background: #C1BAAB!important;
    width: 28px!important;
    height: 28px!important;
    z-index: 2;
    color: #363831!important;
    position: absolute;
    font-size: 18px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #0000000A;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px #909488;
    top: 94px;
    left: 9px;
    padding: 0!important;
}



select#mod-options {
    font-size: 11px!important;
    font-family: 'Mulish';
    background: #C1BAAB;
    border-radius: 10px;
    box-shadow: var(--bx-shadow);
}


/* ------------------- автолайк ------------------------*/

  html:root {
    --autolike-bg: #f1f1f1;
    --autolike-txt: #711624;
    --autolike-border: #ddd;
    --autolike-hover-bg: #e1e1e1;
    --autolike-hover-txt: #333;
    --autolike-hover-border: #ccc;
  }

  .autolike_wrapper {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 13px;
    bottom: -45px;
    font-size: 0;
    pointer-events: all;
    z-index: 99;
  }

  .autolike_wrapper .autolike {
    display: none;

    background-color: var(--autolike-bg);

    font-size: 1.15em;
    color: var(--autolike-txt);
    text-decoration: none;
    text-transform: lowercase;

    border: 1px solid var(--autolike-border);
    border-radius: 3px;

    padding: 3px 8px;

    cursor: pointer;
    transition: 0.2s;
  }

#pun-viewtopic .autolike_wrapper .autolike { 
display: block;
    width: 30px;
    padding: 0;
    height: 30px;
    background: #c1baac;
    border: none;
    color: #363831;
    box-shadow: var(--bx-shadow);
 }

#pun-viewtopic .autolike_wrapper .autolike:before {
position: absolute;
    content: '\f164';
    font-size: 16px;
    font-family: 'Font Awesome';
    pointer-events: all;
    z-index: 99;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: all .3s ease-in-out;
}

#pun-viewtopic .autolike_wrapper .autolike:hover:before { color: var(--hovlink); }

.autolike_wrapper .autolike.disabled {
    opacity: .7;
    pointer-events: none;
  }


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

ЛИЧНАЯ СТРАНИЧКА

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

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.4);
 backdrop-filter: blur(10px);
	z-index: 999;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: -160px; 
	left: 50%;
	width: 900px;
	position: absolute;
	z-index: 101;
	padding: 1px 1px 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
    transition: color .3s ease-in-out !important;
	}

.reveal-modal.xlarge     { width: 900px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
font-size: 22px;
    line-height: .5;
    position: absolute;
    top: -88px;
    right: 36px;
    color: #c9bfae;
    text-shadow: 0 1px 1px #000000b5;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s ease-in-out !important;
}


#character {
         opacity: 1;
    transform: translateY(-50%);
    z-index: 99999;
    position: fixed;
    top: 52% !important;
    box-shadow: none;
    transition: color .3s ease-in-out !important;
}

card {
    display: flex;
    margin: 0 auto;
    background: url(https://forumstatic.ru/files/001c/32/58/24568.png?v=1) center center;
    box-shadow: 0px 1px 0px 0px #565656;
    box-sizing: border-box;
    justify-content: center;
    transition: all 0s;
    align-content: center;
    flex-wrap: wrap;
    width: 789px;
    height: 628px;
    border-width: 1px;
    border-radius: 20px;
    padding: 50px 75px;
    box-sizing: border-box;
}

.day card { background: url(https://forumstatic.ru/files/001c/32/58/70947.png?v=1) -305px -408px; }

card_wrap {
    height: 423px;
    width: 100%;
    gap: 40px;
    padding: 0;
    margin: 40px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

card_d {
    display: flex;
    flex-direction: column;
    height: 100px;
    width: 97%;
    margin: 18px auto 0;
}

card_info {
    display: flex;
    gap: 20px;
    flex-direction: column;
    width: 529px;
position: relative;
margin-left: 85px;
}

card_info img {
    position: absolute;
    height: 70px;
    width: 70px;
    border-radius: 10px;
    filter: grayscale(.3);
left: -82px;
    top: -8px;
}

card_info h2 {
    margin: 0;
    border-radius: 20px;
    color: #363831;
    font-family: 'Usually Bold';
    font-size: 24px;
    text-transform: uppercase;
font-weight: normal;
    display: flex;
    position: relative;
}

card_info h2:before {
    background: linear-gradient(90deg, #838077 0%, rgba(100, 97, 87, 0) 100%);
    position: absolute;
    content: '';
    width: 500px;
    height: 1px;
    bottom: -10px;
    left: 0;
}

card_info p {
    margin: 0;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}

card_c {
    width: 225px;
    height: 220px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    overflow: auto;
    padding-right: 4px;
}

card_d card_c  {
    width: 100%;
    justify-content: center;
    gap: 10px 4px;
}


card_c::-webkit-scrollbar {  }
card_c::-webkit-scrollbar-track {
    background-color: #49484A!important;
    width: 2px!important; 
}

card_c::-webkit-scrollbar-thumb {
       background-color: #242324!important;
       width: 2px!important; 
}


card_c p {
width: 58px;
    height: 58px;
    border-radius: 10px;
    padding: 6px;
    background: #00000099;
    margin: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
}

card_c p img {
  width: 50px;
  height: 50px;
}

card_c p::after {
position: absolute;
    content: attr(data-text);
    z-index: 1;
    text-align: center;
    padding: 4px 10px 6px;
    line-height: 11px;
    pointer-events: none;
    transition: all .3s ease-in-out;
    opacity: 0;
    text-transform: none;
    font-weight: 600;
    min-width: 68px;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--body-font);
    font-size: 10px;
    border-radius: 6px;
    background: var(--noise);
    box-shadow: var(--br-n-shadow);
    text-shadow: 1px 1px 0px #000000;
    color: #787671;
}

card_c p:hover:after { opacity: 1; }

card_r > * { margin: 0; }
card h4 {
    width: 100%;
    background: #C1BAAB;
    height: 37px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 1px 0px 0px #909488;
    font-family: 'Usually';
    color: #363831 !important;
    margin: 0 0 10px;
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 20px;
}


card_l {
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

card_awards, card_presents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


card_l div {
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 350px;
    overflow: auto;
    gap: 7px;
height: 142px;
}

card_l h5 {
    color: #B9B6AF;
    margin: 0;
    font-size: 10px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 700;
}

card_l p {
    margin: 0;
    height: 50px;
    width: 50px;
}

card_l p img {
    height: 50px;
    width: 50px;
    object-fit: none;
    margin: 0;
    border-radius: 10px;
}

card_r h4 { 
    width: 239px;
    box-sizing: border-box; 
}

card_r .wrp {
    height: 378px;
    overflow: auto;
    padding-right: 8px;
}

.card_pls {
    width: 239px;
    height: 50px;
    background: url(https://forumstatic.ru/files/001c/32/58/29019.png);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    color: #CAC3B0;
    text-shadow: 0px 1px 0px #0000006E;
    margin-top: 10px;
    font-weight: 700;
}

card_r p:not(card_c p) {
    background: #AAA9A6;
    border: 1px solid #767676;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 13px 16px;
    overflow: auto;
    display: flex;
    width: 160px;
    flex-direction: column;
    max-height: 110px;
    margin: 5px 0 10px;
    font-weight: 700;
    text-align: center;
}

card_r p:not(card_c p):last-of-type {  height: 110px; } 
list {
    display: flex;
    flex-direction: column;
    height: 90px;
    overflow: auto;
    text-align: start;
}

list a {
    font-weight: 700!important;
    line-height: 130%!important;
    transition: color .3s ease-in-out !important;
}

card_l div::-webkit-scrollbar-thumb,
card_r .wrp::-webkit-scrollbar-thumb {
background-color: #c1baac!important;
}

card_l div::-webkit-scrollbar-track,
card_r .wrp::-webkit-scrollbar-track {
       background-color: #466A6D!important;
}


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

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

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

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#fff; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Verdana;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
border: 1px solid #5D6755!important; 
text-shadow: none!important; 
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!important; 
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ 
margin-top: 9px; 
padding: 2px !important; 
vertical-align: middle; 
} 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #000000;
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Verdana!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/


/*****************
Стиль "Тихой Цитаты"
*****************/
.quiet-quote{
  position:relative;
  display: table;
  margin: 4px 15px 0px 19px!important; /*Отступы*/
  font-style: italic;
  font-size: 11px;
  color: #695f5f;
  /*text-align:justify;
  border:red solid 1px;*/
}
.quiet-quote>p{
  line-height:normal!important;
}
.quiet-quote:before, /*Шрифт, Цвет, Размер иконок*/
.quiet-quote:after{
  font-size: 17px;
  display: inline-block;
  position:absolute;
  z-index:1000;
  font-weight: 900;
  color: #695f5f; /*Цвет Кавычек*/
  font-family:System, Arial, sans-serif;
}
.quiet-quote:before{
  content: "\201C";  /*Код левой кавычки к Тихой цитате*/
  left:-2px;
  top:5px;
}
/* Cкрыл Правую кавычку
.quiet-quote:after{
  content: "\201D";  */  /*Код правой кавычки к Тихой цитате*/
  right: -15px;
  bottom: -20px;
}
/*************************
/END//Стиль "Тихой Цитаты"
*************************/


.hv-storage-count { color: #1b1c18 !important; }

Поделиться122025-08-04 16:33:13

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

/* ТЕЛО
-------------------------------------------------------------*/

#pun {
    position: relative;
    width: 1100px;
    margin: 355px auto 120px auto;
    background-color: #CAC3B0;
}

.day #pun { 
     background-color: #CAC3B0;
}

#pun:has(#pun-index), #pun:has(#pun-viewtopic) {
    background: url(https://forumstatic.ru/files/001c/32/58/37731.png) bottom center no-repeat;
     background-color: #CAC3B0;
}
.day #pun:has(#pun-index), .day #pun:has(#pun-viewtopic)  {      
         background: url(https://forumstatic.ru/files/001c/32/58/96424.png) bottom center no-repeat; 
     background-color: #CAC3B0;
}


/* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
    height: auto;
    width: 100%;
    padding: 30px 30px 145px;
    box-sizing: border-box;
    position: relative;
}

#pun-viewtopic.punbb {    padding: 30px 25px 145px;}

/* #pun-index { -webkit-font-smoothing: antialiased; } */

.multipage {
}

#pun-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

#pun-index #pun-main {    margin-top: 45px;  }


/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
    background: url(https://forumstatic.ru/files/001c/32/58/71790.png?v=1) center top fixed;
    background-color: #332e2a;
}

.day body {    background: url(https://forumstatic.ru/files/001c/32/58/92309.png?v=1) center top fixed;}


/* ШАПКА
-------------------------------------------------------------*/
 #pun-title {
} 


/* ФУТЕР
-------------------------------------------------------------*/

#pun-about .container {
  height: 10px;
  position: relative;
}

#pun-about {
    margin-bottom: -90px;
}

/* реклама русфф в футере */
#pun-about .container .item1 {
    position: absolute;
    font-size: 8px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
}

#pun-about .container .item1 a {
    font-size: 9px;
  color: #5c5e55;
   font-weight: 700;
}

#pun-index #pun-about .container .item1 a,
#pun-viewtopic #pun-about .container .item1 a {
  color: #c6bfad;
   text-shadow: 0px 1px 1px #000;
}

#pun-about .container .item1 a:hover,
#pun-viewtopic #pun-about .container .item1 a:hover {
  color: var(--hovlink)!important;
}

.day #pun-about .container .item1 a:hover { color: #89A9AC; }

/*---------- баннеры -------------*/

.banners {
    position: absolute;
    height: 68px;
    overflow: auto;
    bottom: -90px;
    width: 915px;
    left: 50%;
    transform: translateX(-50%);
}

.banners::-webkit-scrollbar-thumb {
    background-color: #3f4850 !important;
}

.banners::-webkit-scrollbar {
    width: 1px !important;
}

.banners img {
    filter: grayscale(0.6) brightness(0.5);
    transition: 0.3s ease-in-out !important;
}

.banners img:hover, 
.pflink img:hover {
    filter: grayscale(0) brightness(1);
}

.fng {
    position: absolute;
    width: 811px;
    height: 26px;
    background: url(https://forumstatic.ru/files/001c/32/58/17699.png?v=1);
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
}

.day .fng {  background: url(https://forumstatic.ru/files/001c/32/58/76196.png); }



/* ---------------- СТИЛИЗАЦИЯ АДМИНКИ -------------------*/

.punbb-admin {
position: relative;
padding: 20px 30px 0px!important;
font-family: 'Raleway';
}

.adformal h2, #pun-adnav h2 {
padding: 0.5em 1em;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    font-family: 'Raleway';
    text-transform: uppercase;
    text-align: center;
    border-color: #333;
    border: none !important;
    border-radius: 10px;
    background-color: #C1BAAB !important;
    color: #313131 !important;
    box-shadow: 1px 1px 1px 0px #909488 !important;
}

#adnav-standard ul li {
    text-align: center;
    text-transform: none;
    padding: 4px 0;
    margin: 5px 5px;
    border-radius: 5px;
    background: var(--forcol);
    background-color: #C1BAAB !important;
    color: #313131 !important;
    box-shadow: 1px 1px 1px 0px #909488cc !important;
}

#adnav-standard ul li ul li {
    margin: 5px;
}

#pun-adnav a, #adnav-standard ul li a { transition: all .3s ease-in-out;}
#pun-adnav a:hover, #adnav-standard ul li a:hover {
    color: var(--hovlink)!important;
}

#adnav-standard > ul {
    display: flex!important;
    flex-direction: column!important;
} 

#adnav-standard ul .item1 {
   order: -5;
} 

#adnav-standard ul .item6 {
   order: -4;
} 


#adnav-standard ul .item-forms {
   order: -3;
   position: relative;
} 

#adnav-standard ul .item-forms sup {
   display: none;
} 

#adnav-standard ul .item15 {
   order: -2;
   position: relative;
}

#adnav-standard ul .item20 {
   order: -1;
}  

#adnav-standard ul .item15:after,
#adnav-standard ul .item-forms:after {
    content: "\f02e";
    font-family: Font Awesome;
    position: absolute;
    font-size: 11px;
    left: 4px;
    top: 0;
}

#adnav-standard ul li::marker {
    color: transparent!important;
    font-size: 0!important;
}

.adcontainer {
    border-style: unset!important;
}

.adminmain {
  padding-left: 155px;
  margin-bottom: 6.2em!important;
  margin-top: 70px;
}

#pun-admain legend span {
    padding: 4px 9px!important;
    margin: 0 0 0 -15px;
    background: var(--forcol)!important;
    border-radius: 5px!important;
    font-size: 12px!important;
    font-weight: 600!important;
    border: var(--bordin)!important;
    box-shadow: 0 0 3px 0.2px #00000017!important;
}

#pun-admain fieldset {
    border-color: var(--forcol)!important;
}

.adformal {
    border-style: none!important;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
    border-color: var(--forcol)!important;
    border-radius: 5px!important;
}

#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
    max-width: 94%!important;
}

.punbb #pun-admain p.contains-textarea {
    border-left-width: 0px !important;
    border-left-style: none !important;
    background-color: transparent!important;
}

#pun-admain .adcontainer td {  border-color: #918a9b !important; }



/* КАТЕГОРИИ
-------------------------------------------------------------*/

.category {
    height: 303px;
    width: 947px;
    display: flex;
    gap: 50px;
    margin-bottom: 50px;
    margin-left: -50px;
}

.category:nth-of-type(even) {  
     margin-left: 150px;
     flex-direction: row-reverse;
}

/* оформление всей категории */
#pun-index .category .container {
  position: relative;
  display: flex;
}

/* оформление всего подфорума */
#pun-index .hasicon {
    display: flex;
    flex-direction: row;
    width: 580px;
    align-content: center;
    flex-wrap: wrap;
gap: 35px;
}

#pun-index .hasicon tr {
    position: relative;
    justify-content: space-between;
    display: flex;
    transition: all .3s linear;
    width: 100%;
    flex-direction: row;
    height: fit-content;
}

/* #pun-index .hasicon tr:last-of-type:after { content: none; } */

/* оформление всех категорий */

.category h2 {
     margin: 0;
    background: url(https://forumstatic.ru/files/001c/32/58/29354.png) no-repeat;
    width: 316px;
    height: 310px;
}

#pun-category1 h2 { background: url(https://forumstatic.ru/files/001c/32/58/29354.png) no-repeat; }
#pun-category2 h2 { background: url(https://forumstatic.ru/files/001c/32/58/83385.png) no-repeat; }
#pun-category3 h2 { background: url(https://forumstatic.ru/files/001c/32/58/37378.png?v=1) no-repeat; }
#pun-category4 h2 { background: url(https://forumstatic.ru/files/001c/32/58/94218.png?v=1) no-repeat; }
#pun-category5 h2 { background: url(https://forumstatic.ru/files/001c/32/58/73142.png?v=1) no-repeat; }
#pun-category6 h2 { background: url(https://forumstatic.ru/files/001c/32/58/61860.png?v=1) no-repeat; }
#pun-category7 h2 { background: url(https://forumstatic.ru/files/001c/32/58/28216.png?v=1) no-repeat; }

.day #pun-category1 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/16535.png) no-repeat; }
.day #pun-category2 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/28307.png) no-repeat; }
.day #pun-category3 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/43347.png?v=1) no-repeat; }
.day #pun-category4 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/96346.png?v=1) no-repeat; }
.day #pun-category5 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/13768.png?v=1) no-repeat; }
.day #pun-category6 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/12903.png?v=1) no-repeat; }
.day #pun-category7 h2 {  background: url(https://forumstatic.ru/files/001c/32/58/98759.png?v=1) no-repeat; }


#pun-index .category h2 span,
#pun-stats h2 span {
    display: none;
}


/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-statistic .tc3 {
  width: 15%;
}

#pun-statistic .tc-username {
  width: unset;
  text-align: left;
}

#pun-statistic .tc-title {
  width: 25%;
  text-align: left;
}

#pun-statistic .tc-registered {
  width: 20%;
}

#pun-statistic .tc-topic {
  width: 50%;
}

/* оформление статистики */
#pun-stats {}

/* оформление текста в статистике */
#pun-stats .container {
      position: relative;
    padding: 5px 0px;
    width: 940px;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 0px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font: var(--body-font);
    font-size: 9px;
    gap: 0px 21px;
    border-radius: 20px;
    background: #00000033;
}

#pun-stats .container span { }

#pun-stats .container span a {}

#pun-stats .container strong {
    font-family: var(--body-font);
    font-weight: 600;
}

#pun-stats .container strong a {
  text-transform: uppercase;
  color: #c6bfad;
}

#pun-stats .container strong a:hover,
#pun-stats .container span a:hover { color: #788754; }
.day #pun-stats .container strong a:hover,
.day #pun-stats .container span a:hover { color: #89A9AC; }

/* вся инфа в 1 строчке */
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    color: #C6BFAD;
    text-align: center;
    padding: 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    margin: 16px 0 0;
    font-family: 'Mulish';
    font-size: 10px;
    font-weight: 600;
    background: #00000033;
    border-radius: 20px;
    letter-spacing: .3px;
    text-shadow: 0px 1px 1px #000;
}


/* активные пользователи */
li#onlinelist {
    width: 940px;
    padding: 10px 40px;
    box-sizing: border-box;
    font-family: 'Mulish';
    font-weight: 600;
    text-align: justify;
    line-height: 150%;
    color: #C6BFAD;
    font-size: 12px;
    text-shadow: 0px 1px 1px #000;
}

li#onlinelist strong { font-weight: 600!important; }

.onlinelist {
    margin-left: 0px !important;
    padding-top: 20px !important;
}

li#onlinelist a {
    color: #C6BFAD;
    font-size: 12px;
    text-shadow: 0px 1px 1px #000;
}
.users_24h {     
    border-bottom-right-radius: 20px;
    padding-bottom: 20px !important; 
}


/* ПОДФОРУМ
-------------------------------------------------------------*/

/* расположение и оформление */
#pun-index .tclcon {
   color: var(--t-body);
    font-weight: 700;
text-transform: uppercase;
    font-size: 10px;
    font-family: 'Mulish';
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
}

ams { text-transform: lowercase;     font-weight: 600; }

#pun-index .tclcon div {
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 8px;
text-transform: lowercase;
-webkit-font-smoothing: antialiased;
}

#pun-index .tclcon .navsi {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

#pun-index .tclcon .navsi a {
       background: #6F68754D;
    text-transform: uppercase;
    font-weight: 700 !important;
    padding: 3px 10px 3px;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 1px 0px 0px #909488;
}

.day #pun-index .tclcon .navsi a { background: #B1AFA0; }

#pun-index .tclcon .navsi a:hover {
  background: #6F68751A;
  color: var(--t-body);
}

#pun-index .tclcon h3 {
  margin: 0px;
}

#pun-index .tclcon a img {
    filter: grayscale(1) brightness(0.7);
    transition: all .3s ease-in-out;
}

#pun-index .tclcon a img:hover {
    filter: grayscale(0) brightness(1);
}

/* название подфорума - ссылка */
#pun-index .tclcon h3 a {
    text-transform: uppercase;
    color: #363831;
    font-family: 'Usually Bold';
    font-size: 20px;
font-weight: normal;
    display: block;
    line-height: 1;
    margin: 0 0 10px;
    width: 100%;
    letter-spacing: 0px;
}

#pun-index .tclcon h3 a:hover {
  color: var(--hovlink) !important;
text-shadow: 0 1px 0 BLACK;
}

.day #pun-index .tclcon h3 a:hover {
  color: #466A6D!important;
}


/* ИКОНКА СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/

/* общее для иконок */
#pun-index table Div.icon,
#pun-index TR.inew Div.icon {
display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 0;
}

/* новые */
#pun-index TR.inew Div.icon {
       background: #794670;
}

.day #pun-index TR.inew Div.icon {
      background: #466a6d;
}

/* ИКОНКА  ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
/* старые  */
#pun-viewforum table Div.icon,
#pun-messages table Div.icon,
#pun-searchtopics table Div.icon {
  float: left;
  display: block;
  position: relative;
margin: 2px 8px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  border: .4px solid #3838383b;
  background-color: #3838383b;
}

/* новые */
#pun-viewforum TR.inew Div.icon,
#pun-messages TR.inew Div.icon,
#pun-searchtopics TR.inew Div.icon {
  background-color: var(--hovlink);
}

/*важные */
#pun-viewforum TR.isticky Div.icon,
#pun-messages TR.isticky Div.icon,
#pun-searchtopics TR.isticky Div.icon {
  background-color: #716b70;
}

/* закрытые */
#pun-viewforum TR.iclosed Div.icon,
#pun-messages TR.iclosed Div.icon,
#pun-searchtopics TR.iclosed Div.icon {
  background-color: transparent;
  border: 1px solid #3838383b;
}

/* ЗАКЛАДКИ
-------------------------------------------------------------*/
#MyBookmarks {
  background-color: #0e0e0e;
  box-shadow: 0 0 0 1px #292929cf, 0 0 6px 2px #000000cf;
  border-radius: 5px;
backdrop-filter: blur(50px);
    box-shadow: 0px 1px 1px 0px #00000040;
    border: 1px solid #3B464C;
    background: #1b2d32ab;
}

#MyBookmarks span.scrl.b,
#MyBookmarks span.scrl.t {
    background: #cac3b0;
    border-radius: 20px;
    width: 117px;
}

#MyBookmarks h2, #MyBookmarks h1, #MyBookmarks .deS  { 
       color: #c4beac!important; 
       text-shadow: 0 1px 1px #000; 
}

#MyBookmarks li.BookmarkL {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(0, 0, 0, .1);
    margin: 10px 0;
    border-radius: 10px;
    padding: 4px 10px;
    background: #384c4f;
    color: #000;
}

#MyBookmarks li.BookmarkL>span>a {
    color: #cac3b0;
    text-shadow: 0 1px 1px #000;
}

#MyBookmarks li.BookmarkL>span.last_click {
    background: transparent!important;
    box-shadow: none!important;
}

.post .bookmark {  background: rgb(30 45 54); }
.post .bookmark:before {
    border-color: rgb(34 43 48) transparent;
    left: -9px;
}

.editBookmark {
background-color: var(--backcol);
    box-shadow: inset 0 0 6px 2px #aaa7a2, 0 0 0 1px #94928e;
}

.post .bookmark {
  color: #1b2a33 !important;
  background: currentColor;
  opacity: .9 !important;
}

.day .post .bookmark { color: #4d6364 !important; }

#BookmCntToggle {
  opacity: .8 !important;
}

#BookmCntToggle:hover {
  opacity: 1 !important;
  filter: brightness(1.1);
}

#BookmCntToggle.default-style {
     background: #6d616f !important;
  border-left: solid 5px currentColor;
  box-shadow: 1px 1px 6px rgb(30 4 4) !important;
  color: #111111 !important;
  display: block;
  height: 26px;
  width: 18px !important;
  z-index: 0;
}

.day #BookmCntToggle.default-style {
    background: #466a6d !important;
    box-shadow: 1px 1px 2px rgb(30 4 4) !important;
}


/* КНОПКИ ВВЕРХ ВНИЗ 
-------------------------------------------------------------*/
.go-up,
.go-down {
cursor: pointer;
    display: none;
    margin-bottom: 160px;
    opacity: 1;
    font-size: 0px;
    position: fixed;
    z-index: 100;
    transition: transform .3s ease-in-out;
}

/* расположение */
.go-up {
  bottom: 32.3%;
     background: url(https://forumstatic.ru/files/001c/32/58/97059.png);
    width: 106px;
    height: 108px;
margin-left: 1125px !important;
}

.day .go-up {  background: url(https://forumstatic.ru/files/001c/32/58/62444.png); }


 .go-up:hover{
  transform: scale(.9);
}


.go-down:hover {
    transform: scale(1.1);
} 


.go-down {
  bottom: 23%;
     background: url(https://forumstatic.ru/files/001c/32/58/86550.png);
    width: 86px;
    height: 48px;
margin-left: 1135px !important;
}

.day .go-down { background: url(https://forumstatic.ru/files/001c/32/58/30708.png);  }


/* при наведении */
.go-down:hover,
.go-up:hover {
  opacity: 1;
} 



/* профиль 
-------------------------------------------------------------*/
.post-author {
       width: 270px;
    padding-top: 0px;
    margin-left: 25px;
    margin-top: -10px;
    margin-bottom: 55px !important;
background: url(https://forumstatic.ru/files/001c/32/58/98298.png);
    position: relative;
   z-index: 0;
}

.day .post-author  { background: url(https://forumstatic.ru/files/001c/32/58/87034.png); }

.post-author:before {
    width: 40px;
    height: 40px;
    background: #C1BAAB;
    content: '';
    position: absolute;
    border-radius: 50%;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
} 

#pun-post .post-author {
    background: #ccc5b3;
    border-radius: 10px;
    box-shadow: 0px 1px 0px #909488;
}


/* пространство в профиле */
.post-author ul {
padding: 0px !important;
    box-sizing: border-box;
    text-align: center;
    text-transform: lowercase;
    background: #C1BAAB;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 240px;
    margin: 35px auto 70px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px 0px #00000040 inset, 0px 1px 0px 0px #909488;
}


/* ник автора */
.pa-author {
    margin: 20px 0px 20px;
    box-sizing: border-box;
    font-size: 14px;
    width: 95%;
}

/* ссылка ника */
.pa-author a {
    z-index: 2;
    position: relative;
    color: var(--t-body) !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700 !important;
    width: 230px;
    display: block;
}

.pa-author a:before {
   position: absolute;
    content: '';
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, rgba(100, 97, 87, 0) 0%, #838077 50%, rgba(100, 97, 87, 0) 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
} 

.pa-author a:hover {
  color: var(--hovlink)!important;
}


/* статус */
.pa-title {
    font: var(--body-font);
    z-index: 2;
    color: var(--t-body);
    width: 200px;
    margin: 0px 0px 10px;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    letter-spacing: 0px;
}

/* аватар */
.pa-avatar {
    margin-bottom: 9px !important;
    margin-top: 5px;
    width: 100%;
}

/* рамка аватара */
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

/* рамка смены аватара */
.pa-avatar.item2 img.allow_change:hover {
  outline-color: var(--hovlink) !important;
}

.change_avatar_theme h2 {
  font: var(--h1-font);
  padding: 5px;
  text-align: center;
  color: var(--doptext);
  font-weight: normal;
}

/* айпи */
.pa-ip {
  clear: both;
  color: #51514e !important;
  font-size: 7px;
  width: 233px;
}

.pa-ip a {
  clear: both;
  color: #4d4d54 !important;
  font-size: 7px;
}

/* активен */
.pa-online {
  height: 0px;
  width: 0px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -4px;
  opacity: .8;
  font-size: 0px;
  background: var(--back-noise);
}

/* последний визит */
.pa-last-visit {
  font-size: 9px !important;
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 0.5px;
  color: var(--proftext);
  margin-top: 5px;
}

/* отображение при ответить */
#pun-post .pa-author {
  padding: 0;
  text-align: center;
  width: 100%;
}

/* награды */

.post .pa-awards {
  display: none;
}


/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
/* лз */

.fld_wrap {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.pa-fld4 {
    display: flex;
    background: #AFA89F;
    max-width: 230px;
    width: 190px;
    height: 24px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--t-body);
    box-shadow: 0px 1px 0px 0px #909488;
    margin-bottom: 10px;
}

.day .pa-fld4 { background: #B1AFA0; }


.pa-fld1 {
    display: block;
    width: 220px;
    padding: 10px 25px;
    box-sizing: border-box;
    text-align: justify;
    font-size: 11px;
    font-weight: 500;
}

.lzname {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: 700!important;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
}

.lzname:before {
    position: absolute;
    content: '';
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, rgba(100, 97, 87, 0) 0%, #838077 50%, rgba(100, 97, 87, 0) 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

.pa-fld1 a:not(.lzname) {
    font-weight: 800 !important;
    color: #788754 !important;
}

.day .pa-fld1 a:not(.lzname) { color: #466A6D!important; }

.pa-fld1 a:not(.lzname):hover {
    color: #3d675d !important;
}

.day .pa-fld1 a:not(.lzname):hover {  color: #788754 !important; }

.pa-fld5 a {
    font-size: 0;
}

.pa-fld5 a:before {
    content: '\f521';
    font-family: 'Font Awesome';
    background: #C1BAAB !important;
    width: 28px;
    height: 28px;
    z-index: 2;
    color: #363831 !important;
    position: absolute;
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #0000000A;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 0px #909488;
    top: 16px;
    left: -54px;
} 

.pa-fld3 a {
    background: url(https://forumstatic.ru/files/001c/32/58/43313.png?v=1) bottom;
    width: 239px;
    height: 50px;
    display: flex;
    position: absolute;
    left: 0;
    bottom: -60px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 12px;
    color: #CAC3B0!important;
    text-shadow: 0px 1px 0px #0000006E;
}

.pa-fld3 a:hover { color: var(--hovlink)!important; }

.pa-fld3 .exb {
    background: url(https://forumstatic.ru/files/001c/32/58/43313.png?v=1) left bottom;
    width: 270px;
    height: 80px;
    position: absolute;
    top: -35px;
    left: -15px;
    z-index: -1;
}

/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
#pa-ua { display: none; }

.pa-respect, .pa-posts, .pa-fld2 {
    display: flex;
    margin: 10px 0 20px;
    font-weight: 600 !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 10px;
flex-direction: column;
position: relative;
}


.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld2 .fld-name {
    font-size: 0;
    position: relative;
    width: 100%;
    height: 20px;
}

.pa-respect .fld-name:before { content: '\f004' }
.pa-posts .fld-name:before  { content: '\f27a' }
.pa-fld2 .fld-name:before { content: '\f09d' }
.pa-respect .fld-name:before, .pa-posts .fld-name:before, .pa-fld2 .fld-name:before {
    position: absolute;
    color: var(--t-body);
    font-family: 'Font Awesome';
    font-size: 15px;
    transform: translateX(-50%);
    left: 50%;
}

.pa-respect span a {
    display: block;
    height: 16px;
    width: 16px;
    pointer-events: none;
    pointer-events: all;
    z-index: 5;
    position: absolute;
}

.pa-respect img {
   filter: hue-rotate(-24deg);
    margin-right: -7px;
    margin-top: 3px;
}

.pa-respect > a {
    position: absolute;
    left: -12px;
    top: 20px;
}


/* Индикатор активности пользователя */
.indOnline,
.indOffline {
    display: -webkit-box;
    position: absolute;
    left: 50%;
    top: -56px;
    border-radius: 50%;
    z-index: 1 !important;
    background: url(https://forumstatic.ru/files/001c/32/58/23393.png);
    width: 18px;
    height: 35px;
    transform: translateX(-50%);
}

.indOnline {
}

.indOffline { filter: grayscale(1); }




/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
  position: relative;
  z-index: 1;
}

#pun-viewtopic #pun-announcement {
}

#pun-announcement .container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* ТАБЛИЦА ТУТ */

t {
    top: -355px;
    left: 0px;
    position: absolute; 
}

t * { position: absolute; margin: 0; }

t h2 {
font-family: 'Usually Bold';
    background: url(https://forumstatic.ru/files/001c/32/58/37731.png) no-repeat 0px -650px;
    background-size: cover;
    color: transparent;
    -webkit-background-clip: text;
font-weight: normal;
    background-clip: text;
    font-size: 35px;
    width: 1100px;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 250px;
    padding-top: 15px;
}

t h2.t_shadow {
    color: #000;
    z-index: -1;
    margin-top: 251px;
}

.day t_shadow {
    display: none;
}


.day t h2 { 
    color: #466A6D;
}

t h2 span {
    position: unset;
    font-size: 65px;
    margin-top: -7px;
}

t_q {
    width: 950px;
    display: flex;
    font-size: 10px;
    text-transform: uppercase;
    color: #7B787C;
    left: 75px;
    top: 40px;
    text-shadow: 0px 1px 1px #000;
    text-align: justify;
    flex-direction: column;
    gap: 12px;
    font-weight: 700;
}

t_q p {
    position: unset;
    height: 26px;
    overflow: auto;
    padding-right: 5px;
}

.day t_q p { 
    color: #466A6D; text-shadow: none; 
    backdrop-filter: blur(500px);
    box-shadow: 0px 1px 1px 0px #00000040;
    background: #FFFFFF1A;
    padding: 3px 8px;
    border-radius: 10px 0px 0 10px;
}

t_q a {
    position: unset;
    display: flex;
    justify-content: end;
    color: #CAC3B0!important;
    font-style: italic;
    font-weight: 700!important;
}

.day t_q a {
    color: #466A6D !important;
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF1A;
    box-shadow: 0px 1px 1px 0px #00000040 !important;
    backdrop-filter: blur(50px);
    width: fit-content;
    padding: 3px 5px;
    border-radius: 7px;
    text-shadow: none;
    align-self: flex-end;
}

.t_divider {
    width: 606px;
    height: 1px;
    background: linear-gradient(90deg, rgba(100, 97, 87, 0) 0%, #838077 50%, rgba(100, 97, 87, 0) 100%);
    margin: 239px 0 0 247px;
}

.day .t_divider { 
    background: linear-gradient(90deg, rgba(100, 97, 87, 0) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(100, 97, 87, 0) 100%); 
   }

t_p, t_w {
    border: 1px solid #3B464C;
    width: 210px;
    height: 66px;
    display: flex;
    backdrop-filter: blur(4px);
    box-shadow: 0px 1px 1px 0px #00000040;
    background: #FFFFFF08;
    border-radius: 20px;
    top: 180px;
    margin: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.day t_p, .day t_w {
    background: #FFFFFF1A;
   border: 1px solid #FFFFFF1A;
box-shadow: 0px 1px 1px 0px #00000040;
backdrop-filter: blur(50px);
}

t_p a, t_w a {
    color: #CAC3B0!important;
    font-size: 10px;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #000 !important;
}

.day t_p a, .day t_w a {
    color: #466A6D!important;
    font-weight: 700!important;
    text-shadow: none!important;
}

t_p a:hover, t_w a:hover { color:#8C9A6A!important; }

t_p *, t_w * { position: unset; }

t_p { left: 20px; }
t_w { left: 875px; }

t_m, t_p h4, t_w h4, .spirit-navigation {
    background: #FFFFFF1A;
    backdrop-filter: blur(9.300000190734863px);
    box-shadow: 0px 1px 0px 0px #00090BA1;
    border-radius: 20px;
    color: #cac3b0;
    text-shadow: 0 1px 0 #000;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 10px;
    height: 23px;
}

.day t_m, .day t_p h4, .day t_w h4, .day .spirit-navigation { 
    color: #466A6D!important;
    font-weight: 700!important;
    text-shadow: none!important;
    backdrop-filter: blur(500px);
    box-shadow: 0px 1px 1px 0px #00000040;
 }

.day .spirit-navigation:hover { color: #8C9A6A!important; }


t_p h4, t_w h4 { width: 190px; } 

t_m {
    width: 200px;
    top: 188px;
    left: 640px;
}

.t_faces {
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 215px;
    left: -75px;
   display: none;
}

.t_faces_r { left: 1112px; }

.t_faces a {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    backdrop-filter: blur(9.300000190734863px);
    box-shadow: 0px 1px 0px 0px #00090b6e !important;
    background: #FFFFFF0D;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: unset;
    position: relative;
}

.day .t_faces a img { border: 1px solid #969282; }

.t_faces a:before {
   position: absolute;
   content: '';
    width: 55px;
    height: 55px;
    border-radius: 50%;
   background: #AE9AB433;
    z-index: 1;
}

.day .t_faces a:before {    background: #CFC7A880; }

.t_faces img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #10212C;
    filter: grayscale(1) brightness(.8);
}

t_q a:hover { color: #788754!important; }
.day t_q a:hover { color: #8C9A6A!important; }

t_q p::-webkit-scrollbar { width: 1px!important; }
t_q p::-webkit-scrollbar-track {
       background-color: #7B787C!important;
}

t_q p::-webkit-scrollbar-thumb {
    background-color: #7B787C!important;
}

.day t_q p::-webkit-scrollbar-thumb {
    background-color: #466a6d!important;
}

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */

/* настройка позиции выпадающего по клику окна и его ширина */

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */


.sslka {
     position: absolute;
    text-align: center;
    padding: 10px;
    line-height: 11px;
    pointer-events: all;
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 2px;
    z-index: 5;
    font-family: var(--body-font);
    text-transform: uppercase;
    color: #868480;
    top: -165px;
    left: 227px;
    backdrop-filter: blur(35px);
    box-shadow: 0px 1px 1px 0px #00000040;
    background: #193235;
    border-radius: 20px;
    border: 1px solid #3b464c;
}

.day .sslka {
    background: #cec4a7;
    border: 1px solid #FFFFFF1A;
    box-shadow: 0px 1px 1px 0px #00000040;
    backdrop-filter: blur(100px);
}

#navigblock_2 .sslka { left: 368px; }


/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
margin: 2px auto;
    width: 165px;
    text-align: center;
    display: block;
    padding: 5px;
    border: 1px solid #504b474a;
    font-family: var(--body-font);
    text-transform: uppercase;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    background: #384f50;
    color: #cac3b0;
    text-shadow: 0 1px 0px #000;
}

.day #pun .sslka a {
    color: #466A6D !important;
    background: #d6d0bb;
    font-weight: 700 !important;
    text-shadow: none !important;
    backdrop-filter: blur(500px);
    border: none;
    box-shadow: 0px 1px 1px 0px #00000040;
}

#navigblock_2 .sslka a {    border-radius: 5px 5px 0px 5px;}

#pun .sslka a:hover {color: #8C9A6A!important; }

.spirit-navigation {
    width: 200px;
    top: -167px;
    left: 256px;
    position: absolute;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
}

.spirit-navigation:hover {
     color: #8C9A6A;
     cursor: pointer;
}

#navigblock { position: relative; z-index: 999; }



/* ФУТЕР
**************************************************************/


.cop {
    position: absolute;
    display: block;
    bottom: -30px;
    left: 50%;
    font-size: 13px;
    transform: translateX(-50%);
    color: #c0b9c2 !important;
    text-shadow: 1px 1px 1px #443e4c;
}

.cop:hover {
  color: #dba9c4 !important;
}


/* ДРУГОЕ 
**************************************************************/
/* кнопка реакции  */
.reactions-root button,
.reactions-root [type=button],
.reactions-root [type=reset],
.reactions-root [type=submit] {
  -webkit-appearance: button !important;
  background-color: transparent;
   border: .5px solid #979386 !important;
    border-radius: 40px !important;
}

.reactions-root * {
    color: rgb(151 147 134) !important;
}

.reaction-chip.reaction-chip--clicked {
      background-color: transparent !important;
}

.reaction-chip:not(.reaction-chip--disabled):hover {
 background-color: #00000014!important;
}

.reactions-root {
  margin-top: -15px;
}

.reactions-root .emoji-mart {
    font: var(--body-font) !important;
    display: inline-block !important;
    color: #909488 !important;
    border: 1px solid #8f8686 !important;
    border-radius: 5px !important;
    background: #c1baab !important;
    width: 503px !important;
}

.reactions-root .emoji-mart-category-label span {
    background-color: #cec7b8 !important;
    border: .5px solid #00000038;
    border-radius: 5px;
    margin: 6px 2px !important;
}

Поделиться132025-08-04 16:33:25

Автор: hoosier
Администратор
кайден, 30
you better believe there's a sharp knife beside my bed. you better believe there's a sharp knife inside your head.
Сообщений: 110
посты:
999
Уважение: +9
денешки:
1056
плашка плашка

Код:

.reactions-root .emoji-mart-search input,
.reactions-root .emoji-mart-bar:first-child {
  border: 1px solid transparent !important;
}

.reactions-root .emoji-mart [type=button] { border: none !important; }

/* рейтинг поста   */
div.post-rating p {
  float: right !important;
  border: 0 !important;
  padding: 3px !important
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 3px 13px !important;
  margin-right: 5px !important;
  position: relative;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a,
div.post-vote a,
.day div.post-vote a  {
    font-size: 11px !important;
    text-decoration: none !important;
    letter-spacing: -2px !important;
    color: transparent !important;
    font-family: verdana;
}

div.post-rating a {
    cursor: pointer !important;
    margin-right: 12px !important;
    position: relative;
    top: 20px;
    padding-right: 2px;
    z-index: 1;
    font-weight: 300!important;
    right: 10px;
}

div.post-rating a:before {
    content: '\f0c2';
    font: 24px Font Awesome;
    position: absolute;
    z-index: -1;
    left: calc(50% - 1px);
    transform: translateX(-50%);
    top: -6px;
    color: var(--t-body);
    opacity: .3;
    transition: animation .3s ease-in-out;
}

div.post-rating a:hover:before {
           opacity: .8;
        }

.mylike div.post-rating a:before { opacity: .6; }

div.post-vote a {
    color: transparent !important;
    position: absolute;
    right: -20px;
    top: 16px;
}


div.post-vote a:hover {
  color: transparent !important;
}

div.post-vote a:before {
  position: absolute;
content: '\f186';
    right: -7px;
    font: 17px Font Awesome;
    color: var(--t-body);
    opacity: .3;
    transition: all .4s ease-in-out;
}

div.post-vote a:hover:before {
   opacity: .8;
}

/* перекрасить количество уведомлений и сообщений */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
  background: #ab9e9a !important;
  border-radius: 8px;
  color: #fff;
  content: attr(data-new-topics);
  display: inline-block;
  font-size: .8em;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  margin: -6px;
  min-width: 12px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: lightblue;
  border-radius: 3px;
  color: black;
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: lightblue transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

.bubble {
background: #d9b9ca !important;
    border: 0 none;
    border-radius: 15px !important;
    color: #d4d2ce !important;
    display: inline-block;
    font: bolder 8px Roboto !important;
    margin: 0;
    min-width: 12px;
    padding: 0 1px;
    position: absolute;
    right: -5px !important;
    text-align: center;
    top: -9px !important;
}

.bubble:after {
    border-color: #d9b9ca !important;
    border-style: solid;
    border-width: 2px 2px 0 !important;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

span.num_msg {
  position: absolute;
  margin-top: -15px;
  margin-left: -8px;
  font-size: 11px;
  font-weight: 700;
  background: #685942 !important;
  padding: 1px 4px;
  border-radius: 2px;
  height: 14px;
  color: #fff;
  cursor: pointer;
}

span.num_msg:before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  top: 14px;
  background: #685942 !important;
  margin-left: 1px;
}


/* вкладка стикеров  */
.hvStickerPackModal {
  padding: 16px 16px 8px;
  width: 959px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: var(--bord) !important;
  border-radius: 4px;
  background: var(--backcol)!important;
box-shadow: inset 0 0 6px 2px #aaa7a2, 0 0 0 1px #94928e;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.hvStickerPackModalContainer {
  position: absolute !important;
  width: 944px !important;
  height: fit-content !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
}

.hvStickerPackModalContent {border: none!important;}

/* подложка маски  */
#mask_dialog .inner {
  cursor: default;
  margin: 0;
  width: 760px;
  max-width: 99%;
  max-height: 90%;
  overflow-x: auto;
  z-index: 100;
  padding: 8px;
  border-radius: 4px;
   background: var(--backcol);
  box-shadow: inset 0 0 6px 2px #aaa69f, 0 0 0 1px #cec5b454, 0 0 0 2px #9f9b93;  
}

#mask_form {
  padding: 0px 10px;
}

#button-mask:before {
  content: "\f6fa";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
    color: var(--t-body);
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#button-styles:before {
  content: "\f044";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: #534e48;
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#button-ChangeСase:after, #pun-viewtopic[data-topic-id="5718"] #button-voice:after {
    position: absolute;
    content: '\f034';
    font-family: 'Font Awesome';
    font-size: 12px;
    left: 50%;
    top: 105%;
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
      color: #534e48;
    transition: all .3s ease-in-out;
}

#pun-viewtopic[data-topic-id="5718"] #button-voice:after {     content: '\f130'; }

#button-ChangeСase:hover:after,
#button-mask:hover:before, #button-styles:hover:before, #pun-viewtopic[data-topic-id="5718"] #button-voice:hover:after { color: var(--hovlink); }

#button-voice { display: none!important; }
#pun-viewtopic[data-topic-id="5718"] #button-voice { display: block!important; }

#pun-viewtopic[data-forum-id='15'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='12'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='11'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='10'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='9'] .post-content .post-sig {  display: none; }

.hv-mask .pa-fld2 {
}

/* порядок элементов в маске */

/*.hv-mask .pa-author {
  order: 0;
}

.hv-mask .pa-title {
  order: 1;
}

.hv-mask .pa-avatar {
  order: 2;
}

.hv-mask .pa-fld2 {
  order: 4;
}

.hv-mask .pa-fld3 {
  order: 5;
}

.hv-mask .pa-fld1 {
  order: 3;
}

.hv-mask .pa-posts {
  order: 6;
}

.hv-mask .pa-fld4 {
  order: 7;
}

.hv-mask .pa-respect {
  order: 8;
}

.hv-mask .pa-awards {
  order: 9;
}

.hv-mask .pa-fld1 .lz {
  padding-bottom: 10px;
  margin: 15px 0px;
} */


/* плашки */

.news__container {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    transition: all .3s ease-in-out !important;
    margin: 20px 30px 25px;
}

.news {
    transition: all .2s ease-in-out !important;
    padding: 5px 40px 5px;
    min-width: 140px;
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
    pointer-events: all;
    font-family: 'Mulish';
    color: #5B5E55 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    background: #6F68754D;
    z-index: 0 !important;
    border-radius: 20px;
    box-shadow: 0px 1px 0px 0px #909488 !important;
}

.day .news { background: #B1AFA0; }

.news span {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Mulish';
    font-size: 12px;
z-index: 0 !important;
}

.news:hover {
    background: #6F68751A!important;
}

.day .news:hover {    background: #B1AFA080;  }

/* ГОСТЕВАЯ */

.guests {
    background: url(https://forumstatic.ru/files/001c/32/58/35820.png);
    border-radius: 20px 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 20px 50px;
    margin-top: 15px;
    color: #C7C0C9;
    text-shadow: 1px 1px 0px #00000040;
    justify-content: center;
}

.guests .custom_tag { width: 100%; }
.guests .custom_tag p {
    text-align: center;
}

.guests_i p { 
    font-weight: 600; 
    margin: 10px 0px;
    line-height: 15px!important;
    font-size: 12px!important;
}

.guests .custom_tag_h3 p {
    font-family: Viaoda Libre;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -.5px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 1px 1px 1px #00000040;
}

.guests .custom_tag_h4 p {
    margin: 10px 0 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.guests .custom_tag_h5 p {
    font-family: Mulish;
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 10px 0px 20px;
}

.guests_fc, .guests_fc_2 {
    width: 280px;
    height: 172px;
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: inset 0px 0px 15px 0px #0000004D, 0 0 0 1px #93899d47;
    background: #5D5766;
    color: #C7C0C9;
    border-radius: 10px;
    text-shadow: 1px 1px 0 #00000040;
    margin: 0;
}

.guests_fc_2 {
    margin-left: 20px;
}

.guests_fc p, .guests_fc_2 p {
    margin: 0;
    width: 240px;
    height: 132px;
    overflow: auto;
    line-height: 14px;
    font-weight: 600;
}

.guests .code-box strong.legend {
    width: 120%;
    margin: 2px 0 -15px -40px;
    background: #5d576600;
}

.guests .code-box {
    margin: 30px 0 10px !important;
    padding: 10px 20px 0 !important;
    box-shadow: inset 0px 0px 15px 0px #00000021, 0 0 0 1px #93899d47;
    background: #5d576657 !important;
    width: 545px !important;
}

/* ОФОРМЛЕНИЕ ТЕМ */

.pl-share {
  display: none !important;
}

.linksb .pagelink strong,
.linkst .pagelink strong {
  font-family: var(--body-font);
  font-weight: 900;
    font-size: 10px;
background: #C1BAAB;
    border-radius: 5px;
    box-shadow: var(--bx-shadow);
    padding: 2px 6px;
}

.isguest #pun-viewtopic .topic {
  margin-bottom: 15px;
}

.lastedit {
  display: none;
}

#pre_placement>a {
  height: 0px !important;
  top: 30px !important;
  right: 4px !important;
}

#pre_placement>a:after {
  content: '\f358';
  font-family: Font Awesome;
  font-size: 16px;
}

.Form-Table {
  width: 95%;
  top: 30px;
  left: 20px;
  margin-bottom: 10px;
}

.table_GamePosts tr:nth-child(odd) {
  background: #00000010 !important;
}

.table_GamePosts {
  background: none !important;
}

.punbb .table_GamePosts td {
  border: 1px solid #74726e !important;
}

.punbb .table_GamePosts tbody tr:not(.first) .aa {
  color: #c4c0b9 !important;
  background: url(https://forumstatic.ru/files/0018/b2/d3/45858.png?v=1) !important;
}

/* убрать "кричалку" из хайда */
.hide-box .qcn {
  display: none;
}


#notify-link .unreads, #navpm .unreads {
background: var(--hovlink) !important;
    font-size: 8px !important;
    color: #ccc7bf !important;
    right: -1.3em!important;
    top: -1em!important;
}


#notifications .notification-item {
    box-sizing: border-box;
    padding: 10px 15px 0px!important;
}

#notifications .notification-item:last-of-type { padding: 10px 15px 10px!important; }

.unread-notifications .modal-inner { margin-top: 0!important; }
.unread-notifications h2 {
    background-color: #aaa69f!important;
    box-sizing: border-box!important;
    padding: 6px!important;
}
.notification-right span { font-weight: 600!important; }
.notification-right span a { font-weight: 700!important; }
#notifications-stored tbody tr { 
    box-sizing: border-box;
    padding: 10px 15px 0px;
    display: flex;
 }

.notification-image {
    opacity: 0.85;
    float: left;
    border-radius: 5px!important;
    filter: grayscale(0.5) brightness(0.9);
    border: 1px solid #978d7b;
    box-sizing: border-box;
}

.notification-image:hover {
    opacity: 1;
}


/* ОФОРМЛЕНИЕ СПЕЦТЕМ */

.theme div p, .theme > p { margin: 0; }
.post-content .theme div a,
.theme > p a { color: #B16B75!important; }
.post-content .theme div a:hover,
.theme > p a:hover, .post-content .custom_tag_themePara .code-box strong.legend a:hover { color: var(--hovlink)!important; }

.post-content .theme hr {
    opacity: 1;
    border: none;
    width: 600px;
    margin: 0 auto 15px;
    height: 1px;
    background: linear-gradient(90deg, rgba(83, 86, 95, 0) 0%, #979EAE 49.5%, rgba(62, 65, 72, 0) 100%);
}

.theme_faq hr { margin: 15px auto 20px!important; }

.theme {
    background: url(https://forumstatic.ru/files/001c/30/dc/76302.png?v=1);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 800px;
    margin: 67px auto 0;
    border-radius: 0 0px 20px 20px;
    box-sizing: border-box;
    padding: 0px 50px 40px;
    border: 1px solid #535965
}

.theme:before {
    position: absolute;
    content: '';
    width: 900px;
    height: 200px;
    border-radius: 20px 20px 20px 0px;
    border: 1px solid #AAA;
    left: 50%;
    top: -45px;
    transform: translateX(-50%);
    background: #A5A5A580;
    z-index: -1;
}

.post-content .custom_tag_themeTitle p {
    font-family: 'Prata';
    font-weight: 400;
    font-size: 30px!important;
    line-height: 100%;
    letter-spacing: .7px;
    text-align: center;
    text-transform: uppercase;
    color: #979EAE;
    text-shadow: 1px 1px 2px #11131B;
    margin: 35px auto 20px;
}

.theme_plot .custom_tag_themeTitle p,
.theme_news .custom_tag_themeTitle p,
.theme_faq .custom_tag_themeTitle p { font-size: 25px!important; }

.custom_tag_themeP p {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #979EAE;
    text-shadow: 1px 1px 0px #00000080;
    margin: -5px 0 15px !important;
}

.post-content .custom_tag_themeSub p {
    background: #AAA9A6;
    width: fit-content;
    display: flex;
    height: 30px;
    border-width: 1px;
    padding: 5px 40px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: -15px auto 0;
    font-family: Mulish;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #8D8D8D;
}

.post-content .custom_tag_themePara {
    backdrop-filter: blur(10px);
    padding: 15px;
    box-sizing: border-box;
    background: #0000004D;
    border: 1px solid #525B6C;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0px 0px 20px 0px #00000033 inset, 2px 2px 4px 0px #00000040;
    width: 100%;
}

.tabsy .custom_tag_themePara {     backdrop-filter: blur(0px);}


.post-content .custom_tag_themePara p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    white-space: pre-wrap;
    color: #979EAE;
    text-shadow: 1px 1px 0px #00000080;
    margin-bottom: 12px;
}

.post-content .custom_tag_themeParT p,
.post-content .custom_tag_themePara .custom_tag_themeParT p:last-of-type {
    text-transform: uppercase;
    margin: 20px 0 20px 35px !important;
}

.post-content .custom_tag_themePara .custom_tag_themeParT:first-of-type p { margin: 3px 0 20px 35px !important; }

.custom_tag_tab {
    width: 100%;
}

.custom_tag_tab .custom_tag_themePara {
    padding: 30px 15px;
}

.custom_tag_tab .custom_tag_themePara p {
    text-align: center;
    margin: 0!important;
}

.post-content .custom_tag_themePara p:last-of-type { margin-bottom: 0px!important; }

.post-content .custom_tag_themeParab { overflow: auto; padding-right: 7px; }

.theme_g > p:first-of-type { margin-top: 15px!important; }

.custom_tag_themeTitleS {
    max-width: 500px;
    align-self: center;
}

.custom_tag_themeTitleS p {
    color: #979EAE;
    font-weight: 700;
    line-height: 135% !important;
    text-shadow: 1px 1px 0px #00000080;
    margin-bottom: 15px !important;
    margin-top: -5px !important;
}


.theme > p {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 100%!important;
    text-transform: uppercase;
    color: #979EAE;
    text-shadow: 1px 1px 0px #00000080;
}

.theme_lists {
    display: flex;
    justify-content: center;
    gap: 15px;
    box-sizing: border-box;
    padding: 0 23px;
    margin-top: 15px;
}

.theme_lists .custom_tag_themeParab { height: 215px; }

.theme_links p {
    margin: 15px auto!important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2.5px;
    flex-wrap: wrap;
}

.post-content  .theme_links p a {
    color: #979EAE !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 10px 25px;
    border-radius: 10px;
    background: #343B4D03;
    box-shadow: 2px 2px 4px 0px #00000040 !important;
    backdrop-filter: blur(10px);
    border: 1px solid #424B60;
    text-shadow: 1px 1px 0px #00000080;
}

.post-content  .theme_links p a:hover {
    background: #0000004D;
    color: #979EAE !important;
}

.theme_smt p {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #979EAE;
    width: 500px;
    height: 35px;
    padding: 11px 0px!important;
    box-sizing: border-box;
    margin: 15px auto!important;
    border-radius: 10px;
    background: #343B4D03;
    box-shadow: 2px 2px 4px 0px #00000040 !important;
    backdrop-filter: blur(10px);
    border: 1px solid #424B60;
    text-shadow: 1px 1px 0px #00000080;
}

.post-content .custom_tag_themePara .code-box {
    background: none;
    padding: 0;
    margin: 0;
}

.post-content .custom_tag_themePara .code-box strong.legend {
    background: none;
}

.post-content .custom_tag_themePara .code-box strong.legend a {
    color: #979EAE !important;
    text-transform: uppercase;
    font-style: normal !important;
    margin: 8px 0 0;
}

.post-content .custom_tag_themePara .code-box .scrollbox {
    height: unset!important;
}

.post-content .custom_tag_themePara .code-box .scrollbox pre {
    color: #969dad;
    margin: 0 0 0 20px;
}

.theme_g #themePara-4 { padding: 15px 15px 15px 185px; }

.post-content .custom_tag_themeParab::-webkit-scrollbar-thumb,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar-thumb {
    background-color: #979eaead!important;
}

.post-content .custom_tag_themeParab::-webkit-scrollbar-track,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar-track {
    background-color: #b4aeb71f !important;
}

.post-content .custom_tag_themeParab::-webkit-scrollbar,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar { width: 1px!important; }

.theme_b .custom_tag_themeParab {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.theme_b .custom_tag_themeParab p { text-align: center; }

.theme_b .theme_titles p { text-transform: uppercase; }

.theme_b .custom_tag_themePara {
    display: flex;
    justify-content: center;
    gap: 160px;
    padding: 30px 0px;
}

.custom_tag_q {
    display: flex;
    gap: 10px;
   margin: 35px 0 20px;
    justify-content: center;
}

.custom_tag_q .custom_tag_themePara {
    border: 1px solid #424B60;
    border-radius: 10px;
}

.custom_tag_qInfo .custom_tag_themePara {
    padding: 10px 25px 7px;
}

.custom_tag_qInfo .custom_tag_themePara p {
  height: 20px;
  overflow: auto;
    padding-right: 5px;
}

.custom_tag_qInfo .custom_tag_themePara:last-of-type {
  height: 104px;
}

.custom_tag_qInfo .custom_tag_themePara:last-of-type p {
    height: 84px;
    overflow: auto;
    padding-right: 5px;
}

.custom_tag_qPic {
    width: 200px;
    display: flex;
    height: 147px;
    margin: 15px 0px;
}

.custom_tag_qPic p img {
    margin: 0 0 5px!important;
    border-radius: 10px;
    border: 1px solid #13161C;
    filter: grayscale(1) contrast(0.9);
}

.custom_tag_qPic .custom_tag_themePara p {
    text-align: center;
}

.custom_tag_qInfo {
    width: 400px;
    height: 178px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.post-content .custom_tag_qInfo .custom_tag_themeTitle p {
    margin: 0;
    font-size: 20px!important;
    line-height: 150%;
}

.theme_q .custom_tag_themeP {
    margin: 5px 0 -20px;
}

.theme_q hr:last-of-type {
    margin: 15px auto;
}

.theme_q .theme_links p { margin: 0px auto 15px !important; }
.theme_qa {
    width: 600px;
    padding: 0 20px 20px;
    margin: 55px auto 0;
}

.theme_qa:before { width: 660px; }
.theme_qa .custom_tag_q  {
    margin: 20px 0 5px;
    gap: 7px;
}

.theme_qa .custom_tag_qInfo .custom_tag_themeTitle p {
    font-size: 15px!important;
}

.theme_qa .custom_tag_q {
    margin: 20px 0 5px;
}

.theme_qa .custom_tag_qPic {
    width: 205px;
    margin: 0;
    height: 177px;
}

.theme_qa .custom_tag_qPic .custom_tag_themePara {
    display: flex;
}

.theme_qa .custom_tag_qPic .custom_tag_themePara p {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.theme_qa .custom_tag_qInfo { width: 345px; }
.theme_qa .custom_tag_qInfo .custom_tag_themeTitle p { font-size: 15px; }
.theme_qa .custom_tag_qInfo .custom_tag_themePara p { height: 36px; }
.theme_qa .custom_tag_qInfo .custom_tag_themePara:last-of-type p { 
   height: 65px; 
   font-size: 11px;
   line-height: 14px !important;
}

.theme_qa .custom_tag_qInfo .custom_tag_themePara:last-of-type { height: auto; }
.theme_qa hr {
    margin: 10px auto 15px;
    width: 500px;
}

@media (max-device-width: 1300px) {
.go-up {
    bottom: 32.3%;
    background: url(https://forumstatic.ru/files/001c/32/58/97059.png) no-repeat!important;
    width: 48px!important;
    height: 49px!important;
    background-size: contain!important;
    margin-left: 1080px !important;
}

.day .go-up {     background: url(https://forumstatic.ru/files/001c/32/58/62444.png) no-repeat!important; background-size: contain !important; }

.go-down {
    bottom: 25%!important;
    background: url(https://forumstatic.ru/files/001c/32/58/86550.png) no-repeat !important;
    background-size: contain !important;
    width: 48px!important;
    height: 27px!important;
    margin-left: 1080px !important;
}

.day .go-down { background: url(https://forumstatic.ru/files/001c/32/58/30708.png) no-repeat !important; background-size: contain !important; }

}

@media (max-device-width: 1180px) {
#pun_wrap { width: 1150px; } }

@media (max-device-width: 620px) {
  body {   background: url(https://forumstatic.ru/files/001c/32/58/74690.png?v=1) center top!important;  }
.day body {    background: url(https://forumstatic.ru/files/001c/32/58/63922.jpg?v=1) center top!important;}
}

.hasicon #forum_f20 {
   display: none!important;
}


#yandex_rtb_R-A-1623045, #yandex_rtb_R-A-1623045-1, #yandex_rtb_R-A-1623045-3, #yandex_rtb_R-A-1623045-2 { margin: 10px 0px!important; display: none!important;}

Тема закрыта

Страница: 1

Аномалии, 21+

the things

back.png

#body

keep the vampires from your door

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

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

Объявление

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

тестовое для жасмина

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

Поделиться12025-07-08 22:49:36

Поделиться22025-07-08 22:51:48

Поделиться32025-07-08 22:52:23

Поделиться42025-07-13 18:40:10

Поделиться52025-07-13 19:30:34

Поделиться62025-07-14 16:36:11

Поделиться72025-08-04 16:27:28

Поделиться82025-08-04 16:27:42

Поделиться92025-08-04 16:27:56

Поделиться102025-08-04 16:32:46

Поделиться112025-08-04 16:33:00

Поделиться122025-08-04 16:33:13

Поделиться132025-08-04 16:33:25

i’m not an anomaly