<!-- https://codepen.io/glitchworker--> <div class="gradient-bg" style="visibility: visible;"> <rect width="100%" height="100%" preserveaspectratio="xMidYMid meet" filter="url(#noiseFilterBg)"> <svg xmlns="http://www.w3.org/2000/svg" class="svgBlur"> <defs> <filter id="goo"> <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur> <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8" result="goo"></feColorMatrix> <feBlend in="SourceGraphic" in2="goo"></feBlend> </filter> </defs> </svg> <div class="gradients-container"> <div class="g1"></div> <div class="g2"></div> <div class="g3"></div> <div class="g4"></div> <div class="g5"></div> <div class="interactive" style="transform: translate(434px, 446px);"></div> </div> </rect></div> <script type="text/javascript">document.addEventListener('DOMContentLoaded', () => { const interBubble = document.querySelector('.interactive'); let curX = 0; let curY = 0; let tgX = 0; let tgY = 0; const move = () => { curX += (tgX - curX) / 20; curY += (tgY - curY) / 20; interBubble.style.transform = `translate(${Math.round(curX)}px, ${Math.round(curY)}px)`; requestAnimationFrame(move); }; window.addEventListener('mousemove', (event) => { tgX = event.clientX; tgY = event.clientY; }); move(); });</script> <div class="checkgrad"><div class="checkbox-container" title="Не нажимай, подумай..."><input type="checkbox" id="hideGradientCheckbox"><label for="hideGradientCheckbox">#анимация</label></div></div> <script> document.addEventListener('DOMContentLoaded', function() { const checkbox = document.getElementById('hideGradientCheckbox'); const gradientBg = document.querySelector('.gradient-bg'); function toggleGradient(hidden) { gradientBg.style.visibility = hidden ? 'hidden' : 'visible'; localStorage.setItem('hideGradient', hidden); } // Устанавливаем начальное состояние const isHidden = localStorage.getItem('hideGradient') === 'true'; checkbox.checked = isHidden; toggleGradient(isHidden); // Добавляем обработчик события checkbox.addEventListener('change', () => toggleGradient(checkbox.checked)); }); </script> <!-- Смена стиля, (с) ForumD.ru, satsana --> <script type="text/javascript"> var styleList = [ { class: 'night', name: 'ночь' },{ class: 'street', name: 'улица' },{ class: 'light', name: 'фонарь' },{ class: 'meds', name: 'аптека' },{ class: 'mless', name: 'бессмысленный и тусклый свет' }]; function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle); $(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")}); </script> <!-- Смена стиля - END --> <ul id="stylelist"></ul> <!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"--> <script type="text/javascript"> rusffLive.enable = false; RusffCore.sets.show_reportBtn = 0; RusffCore.sets.tags = false; ReactionsPlugin.setConfig({ elemSelector: '.clearer', customEmojis: [ { id: '_custmem1', url: 'https://i.imgur.com/S0mWKgc.png', }, { id: '_custmem2', url: 'https://i.imgur.com/8hSleup.png', }, { id: '_custmem3', url: 'https://i.imgur.com/YCcbtfj.png', }, { id: '_custmem4', url: 'https://i.imgur.com/TSCxKAg.png', }, { id: '_custmem5', url: 'https://i.imgur.com/EivvruP.png', }, { id: '_custmem6', url: 'https://i.imgur.com/21BFzW7.png', }, { id: '_custmem7', url: 'https://i.imgur.com/lLYVKdG.png', }, { id: '_custmem8', url: 'https://i.imgur.com/enFZuGr.png', }, { id: '_custmem9', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/223641.webp', }, { id: '_custmem10', url: 'https://forumupload.ru/uploads/0013/63/cd/2/521958.png', }, { id: '_littlestar', url: 'https://forumupload.ru/uploads/001b/e4/bf/4/958300.gif', }, { id: '_uuu', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/281113.jpg', }, { id: '_satan', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/441041.png', }, { id: '_queen', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/933309.webp', }, { id: '_banan', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/930046.webp', }, { id: '_yes', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/698535.webp', }, { id: '_no', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/478663.webp', }, { id: '_hmm', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/994580.webp', }, { id: '_sunglasses', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/788025.webp', }, { id: '_coffee', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/845771.webp', }, { id: '_lightning', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/667945.webp', } ] }); </script> <!-- *************************************************************** --> <div id="Logo"></div> <!-- Cчётчик Игровых постов --> <script type="text/javascript"> /*************************** Настройки! ***************************/ FORUM._NUMpa_fld = 4; // Номер.Доп.поля, FORUM._color_fld = "inherit"; // Цвет шрифта, FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах, FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений, FORUM.Number_winners = [7,[1]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа; FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!; /**** НАСТРОЙКА Игровых локаций ****/ function ad_ (){/*!~!FORUM.ForArrAy = { //Форум //Темы (включаемые, или исключаемые) f7 :-[0], //личные эпизоды f8 :-[0], //альтернатива f24 :-[0] //квесты - эпизоды //Последний элемент без запятой! } !~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_); </script> <script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script> <style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff} #pre_placement>a {top:3px;right:3px;}.punbb .GamePst{padding:0!important;} .punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style> <!--//END Cчётчик Игровых постов © Deff--> <!--КНОПКИ ВВЕРХ ВНИЗ--> <div class="go-up" id='ToTop'></div> <div class="go-down" id='OnBottom'></div> <!-- *************************************************************** --> <div id="ZACHTO"> <div id="NEWS"> <a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">#прочитай меня</a> <a href="https://sept3rd.rusff.me/viewtopic.php?id=482#p64321" target="_blank">#собери меня снова Vol.8</a> <a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=4#p64322" target="_blank">#расскажи Vol.24</a> <a href="https://sept3rd.rusff.me/viewtopic.php?id=554#p64295" target="_blank">#с 8 марта!</a> </div> <div id="RANDOM"> <!-- Ротатор произвольного контента --> <div id="KontentRotator"> <p>На мгновение померещилось, что на поцелуй отвечают. И всё тут же кончилось. <br><br> — Шеннон. Что вы делаете... <br><br> А <i>что</i> он сделал? Определенно, что-то безумное. Что-то, чего не должен делать женатый человек. <br><br> Влюбился. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=64146#p64146'>[читать дальше]</a> </p> <p>Алан живописно кивнул головой в сторону предполагаемой диллерши, дескать, смотрите, мистер Харрис. Теперь-то узнаёте? Впрочем, ответ на этот вопрос мало интересовал маниакально настроенного и очень расстроенного потерей <i>любимой</i> (хоть и бывшей) супруги агента УБН. Поимка мисс Майрус была обязательным пунктом на пути к карьерным вершинам. Сюжетный, если хотите, квест. Непрохождение которого стопорило всё. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=59036#p59036'>[читать дальше]</a> </p> <p>— Я не представляю как это будет выглядеть, но я попробую с ней поговорить. Но только попробую, — ответил он, хотя а толку было добавлять, что он попробует. Как-будто его сейчас остановят со словами, что да, не стоит этого делать и вообще затея плохая и можно расходиться. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63322#p63322'>[читать дальше]</a> </p> <p> Теряясь в догадках, Чарнас предпочел выбрать надежный путь молчания самурая, который гарантировал отсутствие конфронтации из-за неосторожного слова. Горький опыт подсказывал: в общении с женщинами это самый идеальный вариант. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63026#p63026'>[читать дальше]</a> </p> <p> В Саратов приезжала уже не балерина, а... девчонка, что когда-то уехала "покорять столицы" (в театральный небось поступала, ага?), но споткнулась, обожглась, испортила паспорт штампом о разводе и вынужденно поумерила былые амбиции. В родной город (в паспорте значится Иркутск, но где это — <i>она</i>, как коренная москвичка, не знает) возвращаться стыдно — там родня заклюёт, та самая, что "яжетебеговорила". Такая вот простенькая легенда. И простенькая новая жизнь — в съёмной квартире "гражданского" мужа, что требует варить ему борщи и стирать носки, а за это — отвешивает комплименты уровня "куда вырядилась" и на восьмое марта приносит коробку "Raffaello" и тюльпан из ближайшего магазина. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=58755#p58755'>[читать дальше]</a> </p> <p> Мисс Свон перевела вопросительный взгляд на мистера Леманна, но по его виду быстро поняла, что вряд ли он сможет дать хоть какие-то внятные ответы. В голове начали мелькать картинки из прошлой жизни. Куксы — трупы, воскрешенные по воле некроманта, обычно могли существовать только в некотором радиусе около самого этого некроманта и требовали части его магической силы. Так что, у них тут в офисе завелся свой некромант? <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=61223#p61223'>[читать дальше]</a> </p> </div> </div> <div id="wat"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" title="Нажми меня">#что происходит?</a></div> <div id="Logo2"></div> <div id="genre">[альтернативная реальность - 2023 / 4]</div> <!-- *************************************************************** --> <script language="javascript"> var sek = 100000000000000000000; // Время отображения var Nrout=$("#KontentRotator p").length var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i); function RotatorMycontent(i) { $("#KontentRotator p").hide(); $("#KontentRotator p").eq(i).show(); j =Math.round(Math.random()*(Nrout-1)); timerID = setTimeout("RotatorMycontent(j)",sek);} </script> </div> <!-- *************************************************************** --> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script> <script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script> <!-- *************************************************************** --> <!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana --> <script type="text/javascript"> if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1)) $('#pun-profile').addClass('view'); </script> <style> #pun-profile.view #profilenav {display: none} </style> <script> // Исправляем работу оценок в закрытых темах if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() }; </script> <!-- Обтекание текста слева/справа --><style type="text/css"> .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em} .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right} </style> <script type="text/javascript"> FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}}); FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}}); </script> <!--/ Мгновенные уведомления © Alex_63, Deff 2019 /--> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <script type="text/javascript"> notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token notifications.key = 'xjj93ak6jdr7'; // Subscription key <!--FALSE ломает награды --> RusffCore.sets.notifications = false </script> <!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 --> <script>notifications.load('subscriptions');</script> <!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [12,17]}); // ID важных тем (через запятую) </script> <!-—+ Мгновенные уведомления: комментарии к репутации без переадресации Alex_63, 2019 --> <script>notifications.load('reputation');</script> <!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 --> <script>notifications.load('mentions');</script> <!--// конец //--> <!-- ************************************************************--> <script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1]?c[1]:false}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script> <!-- ************************************************************--> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93928845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js?v5" addcomment="1"></script> <!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 --> <script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script> <!-- Обтекание текста слева/справа --><style type="text/css"> .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em} .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right} </style> <script type="text/javascript"> FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}}); FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}}); </script> <!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх; доработки automatisch --> <script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script> <!-- Регулятор размера шрифта (с) satsana, forumd.ru; доработки automatisch--> <div id="chfontsize" title="Размер шрифта"> <div class="fsizeplus"></div> <div class="fsize"></div> <div class="fsizeminus"></div> </div> <script type="text/javascript"> var chfsize; if (!localStorage.fontsize) localStorage.setItem('fontsize', 13); chfsize = +localStorage.getItem('fontsize'); function setfsize (f) { localStorage.setItem('fontsize', f); $('.fsize').text(f); $('.post-content p').css('font-size', f+'px'); $('.punbb textarea').css('font-size', f+'px'); $('#post-preview .fs-box .post-content').css('font-size', f+'px'); } $('.fsizeplus').on('click', function() { chfsize += 1; if (chfsize > 72) chfsize = 72; setfsize (chfsize); }); $('.fsizeminus').on('click', function() { chfsize -= 1; if (chfsize < 6) chfsize = 6; setfsize (chfsize); }); $(document).pun_mainReady(function() { setfsize (chfsize); }); </script><!-- Регулятор размера шрифта (конец) (с) satsana, forumd.ru --> <script type="text/javascript"> if(GroupID==2) document.write('<style>.pa-ip{display: none;}</style>') </script> <!-- ПИАР-ВХОД v.2 --> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script> <script type="text/javascript"> PR.nick = 'PR'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script>
22/02
Сообщений 1 страница 4 из 4
Поделиться1Сб, 22 Фев 2025 10:11:24
Поделиться2Сб, 22 Фев 2025 10:11:31
<!-- Аватарка в строке приветствия --> <script type="text/javascript"> DA = "https://forumupload.ru/uploads/001b/e4/bf/4/962766.png" if (UserAvatar == "/i/default_avatar.jpg"){UserAvatar = DA} </script> <script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+UserAvatar+'"/></span>')</script> <!-- Аватар по умолчанию / Deff, Alex_63 --> <script type="text/javascript"> var DefAvtr = 'https://forumupload.ru/uploads/001a/eb/a8/2/758077.png'; //Ссылка на аватар по умолчанию DefAvtr='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>'; $('li.pa-title').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);}); $('li.pa-author').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);}); </script> <style> .avatar-image[style*="default_avatar.jpg"]{ background-image:url(https://forumupload.ru/uploads/001a/eb/a8/2/758077.png)!important; } </style> <!----- Замена ссылок в Постах на абсолютные by Leraje -----> <script type="text/javascript"> $(".post-content a").each(function (){ var L=$(this).attr("href");var b="click.p"; L=L.replace(/^.*click\.php\?(.*)$/mgi,"$1"); if(L.search(/viewtopic\.php\?id=.*#p/)!=-1){ var p=L.replace(/^.*?#p(\d+)$/mgi,"$1"); L=L.replace(/\?id=.*$/,""); L+="?pid="+p+"#p"+p; } $(this).attr("href",L); }); </script> <!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 --> <script type="text/javascript"> (function(){ $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});} function appendTopicS(){ $('#pun-index .tcl h3').each(function() { var L=$(this).parents('tr:first'); var str='<br><div class="Add"><div style="cursor: poiner;" class="Tems_And_messages">'+L.find('td.tc2').text()+' / ' +L.find('td.tc3').text()+'</div>\ </div>';$(str).appendTo(this); }); } if($('#pun-index').length){appendTopicS ();} if($('#pun-viewforum').length){ var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1); if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()}); } }()); </script> <!-- *************************************************************** --> <!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"--> <script type="text/javascript"> rusffLive.enable = false; RusffCore.sets.show_reportBtn = 0; RusffCore.sets.tags = false; ReactionsPlugin.setConfig({ elemSelector: '.clearer', customEmojis: [ { id: '_custmem1', url: 'https://i.imgur.com/S0mWKgc.png', }, { id: '_custmem2', url: 'https://i.imgur.com/8hSleup.png', }, { id: '_custmem3', url: 'https://i.imgur.com/YCcbtfj.png', }, { id: '_custmem4', url: 'https://i.imgur.com/TSCxKAg.png', }, { id: '_custmem5', url: 'https://i.imgur.com/EivvruP.png', }, { id: '_custmem6', url: 'https://i.imgur.com/21BFzW7.png', }, { id: '_custmem7', url: 'https://i.imgur.com/lLYVKdG.png', }, { id: '_custmem8', url: 'https://i.imgur.com/enFZuGr.png', }, { id: '_custmem9', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/223641.webp', }, { id: '_custmem10', url: 'https://forumupload.ru/uploads/0013/63/cd/2/521958.png', }, { id: '_uuu', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/281113.jpg', }, { id: '_satan', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/441041.png', }, { id: '_queen', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/933309.webp', }, { id: '_banan', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/930046.webp', }, { id: '_yes', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/698535.webp', }, { id: '_no', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/478663.webp', }, { id: '_hmm', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/994580.webp', }, { id: '_sunglasses', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/788025.webp', }, { id: '_coffee', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/845771.webp', }, { id: '_lightning', url: 'https://forumupload.ru/uploads/001a/eb/a8/2/667945.webp', } ] }); </script> <!-- *************************************************************** --> <!-- Быстрое редактирование постов © Alex_63 // V.3 --> <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script> <!-- *************************************************************** --> <p>твой особенный день</p> <!-- *************************************************************** --> <!--ЗАМЕНА--> <script type="text/javascript"> var h=(new Date()).getHours(), UserID; if (UserID == 'undefined' || UserID == null || UserID == '1'){ if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило;'} if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября;'} if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября;'} if (h > 18 && h < 24) {a='Сентябрь горит, убийца плачет;'}} else {if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило, '+UserLogin+';'} if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} if (h > 18 && h < 24) {a='Совы - не то, чем кажется, '+UserLogin+';'}} var arre=document.getElementsByClassName("item1") var f=0 for (f=0; f<=(arre.length-1); f++) {if (arre[f].innerHTML.indexOf("Привет,")!=-1) {arre[f].innerHTML=a}} </script> <!-- *************************************************************** --> <!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ; доработки automatisch --> <template id="dice-box-template"> <div class="dice-box"> <p> <span class="roll-dice"></span> <span class="roll-value"></span> </p> <p class="roll-reason"></p> <p class="roll-result"></p> </div> </template> <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script> <script> diceResults = [ {'max' : 16, 'result' : 'неудача, тяжелые травмы.'}, {'max' : 29, 'result' : 'неудача, персонаж зарабатывает легкие ушибы.'}, {'max' : 49, 'result' : 'неудача, но без увечий и травм.'}, {'max' : 60, 'result' : 'удача с большим трудом и возможными тяжелыми увечьями.'}, {'max' : 90, 'result' : 'удача, с легкими ранениями.'}, {'max' : 1000, 'result' : 'удача без единой травмы или увечья.'} ] isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0) if (isTagged) { diceRoller = new DiceRoller(diceResults) diceRoller.initDiceBoxes() } </script> <!-- Dice Roller END --> <!-- Dice Roller Form BEGIN --> <form id="dice-form" class="hidden" autocomplete="on"> <div> <label><span>Кубиков</span> <input type="text" name="count" maxlength="3" value="1" disabled=""></label> <label><span>Граней</span> <input type="text" name="sides" maxlength="3" value="100" disabled=""></label> <label><span>Бонус</span> <input type="text" name="bonus" maxlength="4" value="0"></label> <label><span>Штраф</span> <input type="text" name="fine" maxlength="4" value="0"></label> </div> <div> <label><span>Действие</span><div class="resizable-textarea"><span><textarea name="reason" cols="10" rows="5" class="processed"></textarea><div class="grippie" style="margin-right: 1806px;"></div></span></div></label> </div> <button type="submit">вставить</button> </form> <script> replyForm = document.getElementById('post') diceForm = document.getElementById('dice-form') diceButtonString = '<td id="button-dice" title="Форма дайсов" class="hidden"><img src="/i/blank.gif"></td>' function handleDiceFormSubmit(event) { event.preventDefault() let tagArguments = [] for(let control of event.target.elements) if (control.tagName != 'BUTTON') tagArguments.push(control.name + ' = ' + control.value) replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]' } function handleDiceButtonClick(event) { diceForm.classList.toggle('hidden') } if (replyForm != null) { replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm) diceForm.addEventListener('submit', handleDiceFormSubmit) let row = replyForm.querySelector('#form-buttons tr') row.innerHTML += diceButtonString let diceButton = document.getElementById('button-dice') diceButton.classList.remove('hidden') diceButton.addEventListener('click', handleDiceButtonClick) } </script> <!-- Dice Roller Form END --></div> <!-- *************************************************************** --> <!--Новый скрипт смены имиджа--> <script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script> <script> hvScriptSet.addMask({ guestAccess: ['архив эпизодов', 'личные эпизоды', 'альтернатива', 'игровой архив'], forumAccessExtended: { 'личные эпизоды': ['Пользователи'], 'альтернатива': ['Пользователи'], 'обсуждения': ['Пользователи'], 'эпизоды': ['Пользователи'], 'игровой архив': ['Пользователи'], 'архив эпизодов': ['Пользователи'], 'флуд': ['Пользователи'], 'игры и конкурсы': ['Пользователи'], 'личные темы игроков': ['Пользователи'], 'архив архивов': ['Пользователи'], 'акции': ['Пользователи'], 'информация': ['Пользователи'], 'анкеты': ['Пользователи'], 'принятые анкеты': ['Пользователи'] }, changeList: { 'pafld1': { title: 'pa-fld1', description: 'Личное звание', tag: 'lz', class: 'pa-fld1', defaultCode: '<a href="ссылка на анкету" target="_blank">Имя Фамилия, XX</a><br>чаще всего я <b>род деятельности</b>, но иногда <b>дополнительная информация</b>', type: 'html' }, 'pafld2': { title: 'pa-fld2', description: 'История', tag: 'fnd', class: 'pa-fld2', defaultCode: '<story title="название-истории">персонаж</story>', type: 'html' } }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld5', 'pa-fld1', 'pa-fld2', 'pa-fld4', 'pa-fld3', 'pa-respect', 'pa-online'] }); </script> <!-- Ссылка на авторский пост в цитате // v.3 © Alex_63 --> <script type="text/javascript"> $('.quote-box>cite:contains("#")').each(function() { var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="'; if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');} else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');} });$('#pun-viewtopic .pl-quote>a').each(function() { $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+',')); }); </script> <!-- *************************************************************** --> <div class="container"><!--БАННЕРЫ--> <div class="bannner"><div class="banr"> <a href="https://ftr404.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001c/1a/06/2/212691.png" original-title="киберпанк, эпизоды, анархия"></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/14/5b/245/266488.png" border="0" width="88" height="31" original-title="karma cross"></a> <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/36/d0/3/228996.png" width="88px" height="31px" original-title="Supermassive Black Cross"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/lCYion2.gif" alt="Execute" width="88" height="31" original-title="мистицизм без рас"></a> <a href="https://eatcake.rusff.me" target="_blank"> <img src="https://i.imgur.com/TUWB8Fj.gif" border="0" alt="Cake" original-title="CAKE rpf"></a> <a href="https://fallinginreverse.rusff.me/" original-title="hp 2nd: falling in reverse"><img src="https://i.imgur.com/jGC9LuK.png"></a> <a href="https://wayward.rusff.me/"><img src="https://forumupload.ru/uploads/001c/32/58/2/651193.png"></a> <a href="https://genshinmemories.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" original-title="Genshin Impact: Golden Memories"></a> <a href="https://everspace.mybb.ru/" target="_blank" original-title="Everspace"><img src="https://forumupload.ru/uploads/001b/f2/fa/7/255546.gif" width="88" height="31" border="0" alt="Everspace"></a> <a href="https://newadventure.rusff.me/" target="_blank" original-title="Genshin Impact: Adventure Time"><img src="https://forumupload.ru/uploads/001b/df/32/4/t64194.gif"></a> <a href="https://breakout.rusff.me/" original-title="BREAKOUТ: аномалии, способности, монстры"> <img src="https://forumstatic.ru/files/001c/2a/d4/18938.png"></a> <a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" alt="cursed land" border="0" original-title="cursed land"></a> <a href="https://epitaphium.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/0013/26/8a/4/453227.png" original-title="Marauders: EPITAPHIUM"></a> <a href="https://crossfeeling.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/0015/e5/b7/3090/557165.gif" border="1" width="88" height="31" original-title="crossfeeling"></a> <a href="https://serodomno.mybb.ru/"><img src="https://i.ibb.co/wYJ9Mkc/image.png"></a> <a href="https://grayhouse.rusff.me/"><img src="https://forumupload.ru/uploads/001b/fb/40/3/788443.gif" class="hoverort" original-title="#НЕ_НАРУЖНОСТЬ"></a> <a href="https://edgezone.rusff.me/" target="_blank" original-title="Cyberpunk 2077: Edgezone"><img src="https://i.imgur.com/ub4UiCW.gif"></a> <a href="https://nightcity.rusff.me/" target="_blank"> <img src="https://i.imgur.com/LVEIYSX.gif" border="0" alt="NIGHT CITY VIBE"></a> <a href="https://historycross.rusff.me/" target="_blank" original-title="ИСТОРИЯ РОССИИ"><img src="https://forumupload.ru/uploads/001b/67/7a/207/48826.jpg"></a> <a href="https://killarney.rolka.me" target="_blank" original-title="Магия в небольшом городке Ирландии"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a> <a href="https://darksymphony.f-rpg.me/" original-title="Явь, Сны и Магия: Dark symphony"><img src="https://forumupload.ru/uploads/001b/d5/58/2/217166.gif"></a> <a href="https://jkisdead.rusff.me/" target="blank" original-title="Town under the Arch"><img src="https://forumupload.ru/uploads/0017/2a/64/6/714913.gif"></a> <a href="https://labardon.rusff.me" target="_blank" original-title="Labardon: disillusionment of unity"><img src="https://i.ibb.co/7vC8mL2/image.gif" border="0" alt="labardon" width="88" height="31"></a> <a href="http://holod.rusff.me" target="_blank"><img src="https://s7.uploads.ru/YmQdR.gif" width="88" height="31" original-title="ХОЛОД"></a> </div></div> <!--КОНЕЦ--> <!-- *************************************************************** --> <!--НОВЫЕ СООБЩЕНИЯ--> <script type="text/javascript">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');</script> <!-- *************************************************************** --> <!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК--> <script type="text/javascript">function to(username) {insert('[b]' + username + '[/b]' + ', ');}</script> <!-- *************************************************************** --> <!--КЛИКАБЕЛЬНОСТЬ НИКА ОТ ГОСТЯ--> <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!-- *************************************************************** --> <!--КНОПКИ ВВЕРХ ВНИЗ--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- *************************************************************** --> <!--Короткое и среднее тире на длинное автоматически--><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> function getUrlParameterByName(e,t){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var r=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(t);return null==r?"":decodeURIComponent(r[1].replace(/\+/g," "))}function getRandomInt(e,t){return Math.floor(Math.random()*(t-e))+e}function copyAdvertisingToClipboard(e,t){e.preventDefault();var r=$(t).closest(".post").find(".permalink").attr("href"),n=$("<textarea>");$("body").append(n);var i=advertiseCodes[getRandomInt(0,advertiseCodes.length)]+"\n[url="+r+"]Ваша реклама[/url]";n.val(i).select(),document.execCommand("copy"),n.remove()}function addAdvertiseLink(e){getUrlParameterByName("id",window.location.href)==e&&$(".post").each(function(){var e=$("<li>").attr("class","pl-advlink").append('<a href="#" onclick="copyAdvertisingToClipboard(event, this);">Взаимная реклама</a>');$(this).find(".post-links ul").append(e)})} var advertiseCodes=[ "[align=center][url=https://sept3rd.rusff.me/][img]https://forumupload.ru/uploads/001b/e4/bf/4/385105.png[/img][/url][/align]", "[align=center][url=https://sept3rd.rusff.me/][img]https://forumupload.ru/uploads/001b/e4/bf/4/841880.png[/img][/url][/align]", "[align=center][url=https://sept3rd.rusff.me/][img]https://forumupload.ru/uploads/001b/e4/bf/4/776983.png[/img][/url][/align]" ]; addAdvertiseLink(459); </script> <script type="text/javascript"> $('.lastedit').remove(); </script> <script type="text/javascript"> $('div.icon').attr('title', 'Нет новых сообщений'); $('tr.inew div.icon').attr('title', 'Есть новые сообщения'); $('tr.isticky div.icon').attr('title', 'Важная тема'); $('tr.iclosed div.icon').attr('title', 'Закрытая тема'); $('div.unlock').attr('title', 'Достижение получено'); $('div.lock').attr('title', 'Достижение не получено'); $('#button-bold').attr('title', 'Жирный Ctrl + B'); $('#button-italic').attr('title', 'Наклонный Ctrl + I'); $('#button-underline').attr('title', 'Подчеркнутый Ctrl + U'); $('#button-strike').attr('title', 'Зачеркнутый Ctrl + S'); $('#button-transL').attr('title', 'Lat <-> Рус'); $('.pa-fld4').attr('title', 'Посты'); $('.pa-posts').attr('title', 'Сообщения'); $('.pa-respect').attr('title', 'Уважение'); $('#stylelist [data="night"] a').attr('title', 'Ночь'); $('#stylelist [data="street"] a').attr('title', 'Улица'); $('#stylelist [data="light"] a').attr('title', 'Фонарь'); $('#stylelist [data="meds"] a').attr('title', 'Аптека'); $('#stylelist [data="mless"] a').attr('title', 'Бессмысленный и тусклый свет') </script> <script type="text/javascript"> $('li[title],before[title],img[title],a[title],story[title],div.icon[title],td[title],div.lock[title],div.unlock[title],div.checkbox-container[title]').tipsy({fade: true, gravity: 's'}); </script> <!---личная эта самая---> <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script> <div id="character" class="reveal-modal xlarge main container"> <div class="modal_wrap"></div> <a class="close-reveal-modal">Ч</a> </div> <script type="text/javascript"> function showTab(elem){ $(".menu span").removeClass("tabactive"); $(elem).addClass("tabactive"); $("div.submenutext").hide(); var activeDiv = $(elem).attr("alt"); $("div."+activeDiv).fadeIn(); return false; } $(".modal-link").click(function() { var modId = $(this).attr('id'); $('.modal_wrap').html(''); $.get('pages/'+modId, function (data){ $('.modal_wrap').html($(data).find('.character').html()); }); $(".submenutext").hide(); $(".submenutext:first").show(); }); </script> <!-- Индикатор активности пользователя © Alex_63 --> <script type="text/javascript"> $('.post-author:not(.online) .pa-author').addClass('offline'); $('.post-author.online .pa-author').addClass('onlines'); $('.post').each(function(){ var PostAuthorLogin = $(this).find('li.pa-author>a').text(); var activeTime = $(this).find('.pa-online').text().split('Активен')[1]; var visitTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1]; $(this).find('.pa-author.onlines').prepend('<img src="/i/blank.gif" class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'" />'); $(this).find('.pa-author.offline').prepend('<img src="/i/blank.gif" class="indOffline" title="'+PostAuthorLogin+' сейчас не на форуме, последний визит: '+visitTime+' "/>'); }); </script> <script> $(window).on('load scroll', function() { var scrollTop = $(this).scrollTop(); // Кешируем значение скролла function toggleFixed(element, offset) { $(element).toggleClass('fixed', scrollTop >= offset); } toggleFixed('#pun-navlinks', 380); toggleFixed('#pun-ulinks', 380); }); </script>
Поделиться3Вс, 16 Мар 2025 18:04:00
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0'); .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;900&display=swap'); /*-----1st----*/ @font-face {font-family: "BlackOceanOne"; src: local("BlackOceanOne"), url(https://forumstatic.ru/files/001a/eb/a8/14190.ttf);} /*---2nd----*/ @font-face {font-family: "Creat"; src: local("Creat"), url(https://forumstatic.ru/files/001a/eb/a8/96915.otf);} @font-face {font-family: "VerPro"; src: local("VerPro"), url(https://forumstatic.ru/files/001a/eb/a8/38327.ttf);} /*--3rd-----*/ @font-face {font-family: "DymaxionScript"; src: local("DymaxionScript"), url(https://forumstatic.ru/files/001a/eb/a8/56003.otf);} /*--4th--*/ @font-face {font-family: "Palace"; src: local("Palace"), url(https://forumstatic.ru/files/001a/eb/a8/16115.woff2);} @font-face {font-family: "Soyuz"; src: local("Soyuz"), url(https://forumstatic.ru/files/001a/eb/a8/84441.woff2);} @font-face {font-family: "Girlo"; src: local("Girlo"), url(https://forumstatic.ru/files/001a/eb/a8/23520.otf);} /*--5th--*/ @font-face {font-family: "MV"; src: local("MV"), url(https://forumstatic.ru/files/001a/eb/a8/80431.woff2);} @font-face { font-family: 'Inter'; font-weight: 100 900; font-display: swap; font-style: oblique 0deg 10deg; src: url("https://forumstatic.ru/files/001a/eb/a8/96284.woff2") format("woff2"); } /*--7th--*/ @font-face {font-family: "Leotaro"; src: local("Leotaro"), url(https://forumstatic.ru/files/001a/eb/a8/20401.woff2);} @font-face {font-family: "Letov"; src: local("Letov"), url(https://forumstatic.ru/files/001a/eb/a8/63115.otf);} /*--8th--*/ @font-face {font-family: "Comfortaa"; src: local("Comfortaa"), url(https://forumstatic.ru/files/001a/eb/a8/95609.ttf);} @font-face {font-family: "Gwen"; src: local("Gwen"), url(https://forumstatic.ru/files/001a/eb/a8/52094.woff2);} @font-face {font-family: "Novo"; src: local("Novo"), url(https://forumstatic.ru/files/001a/eb/a8/13165.otf);} @font-face {font-family: "Eugusto"; src: local("Eugusto"), url(https://forumstatic.ru/files/001a/eb/a8/39985.otf);} @font-face {font-family: "Vetrino"; src: local("Vetrino"), url(https://forumstatic.ru/files/001a/eb/a8/28372.otf);} @font-face {font-family: "GarciaMarquez"; src: local("GarciaMarquez"), url(https://forumstatic.ru/files/001a/eb/a8/94656.otf);} @font-face {font-family: "Mak"; src: local("Mak"), url(https://forumstatic.ru/files/001a/eb/a8/75165.otf);} /*-----------------------------*/ @media screen and (max-device-width: 480px) { html {-webkit-text-size-adjust: none;} } /*-----------------------------*/ /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0 } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 70% verdana, arial, helvetica, sans-serif; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, #post-form > h2 > span { color: var(--color-black); font-size: 16px; text-transform: lowercase; font-family: var(--custom2); letter-spacing: 1.25px; } #post-form > h2 > span {margin-right:10px; display:none;} .punbb h1 span { color: var(--color-brown); display:none;} /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after,.punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0!important; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0 auto -12px; width: var(--wide); } /* A5.2 */ /* A5.3 */ #pun-redirect { background:#191919 fixed top center repeat; position: absolute; width: 100%; height: 125%; z-index: 100; top: -200px !important; left: 0 !important; } #pun-redirect #pun-main { margin: 12% 37% 12px 37%; background-color: #191919; width: auto; float: none; position: relative; z-index: 1000; } #pun-redirect #pun-main > a {color:#f0f0f0!important} /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { /*margin-top: 0;*/ } /* 5.7 */ #pun-post .topic { margin-top: 1em; } #pun-main h1{ padding: 5px 10px; text-align: right; margin: 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; margin: 10px 0px; height: 0px; border-bottom: 1px dotted var(--color-grey2); } .post-sig dd p, #profile .fs-box dd p { font-size: 10px; text-align: center!important; line-height: 11px!important; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.5em 0px; line-height: 150%; text-align: justify; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; height: auto!important; max-height: 500px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { padding: 10px 15px; margin: 10px 0; } .punbb .post-content .spoiler-box {padding: 10px 20px !important; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { padding: 3px 10px 5px !important; text-align: center; margin: -5px auto 10px !important; color: var(--color-white) !important; background: var(--color-black2); border-radius: 10px; display: block; width: fit-content; font-weight: 600; font-style: normal; text-align: center; text-transform: lowercase; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height: 20px; text-transform: lowercase; color: var(--color-black); } /* B3.2 */ .multipage { margin-top: 30px; padding: 0 25px!important; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -30px; width: 30em; text-transform: lowercase; font-size: 10px; } /* B3.4 */ .linkst .postlink { position: absolute; top: -30px; font-size: 10px; right: 5px; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { position: relative; text-transform: lowercase; font-size: 10px; margin: 10px 0px; color: var(--color-black); } /* B3.6 */ .linksb .pagelink { float: left; text-transform: lowercase; font-size: 10px;} /* B3.7 */ .linksb .postlink { font-size: 10px; float: right; width: auto!important; } /* B3.8 */ .subscribelink { float: right; margin-right: 10px; text-transform: lowercase; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { border-style: solid; border-width: 1px; padding: 5px 15px; font-size: 11px; margin: 10px 0; } #profile .formal { } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 3px; text-align: center; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit span { } /* C1.4 */ .punbb fieldset { padding: 0px 20px; } /* C1.5 */ .punbb fieldset legend { text-transform: lowercase; font-size: 13px; } /* C1.6 */ .punbb fieldset legend span { padding: 2px 5px; margin: 0; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { /* padding: 0 0 15px 0*/ } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 50%; } .punbb td div.tclcon { text-align: left; font-size: 11px; color: var(--color-black); padding-right: 10px!important; margin-right: 15px; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 7%; text-transform: lowercase; font-size: 11px; } /* C2.3 */ .punbb .main .tcr { text-align: left; width: 35%; text-transform: initial; color: var(--color-black); padding-right: 0px; padding-bottom: 10px; padding-top: 10px; /* padding-left: 10px; */ /* display: flex; */ /* flex-wrap: wrap; */ /* font-variant: all-small-caps; */ } #pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important} #pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, #pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr, #pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr { } #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod { text-align: center; width: 15%; color: var(--color-hz); text-transform: lowercase; padding: 8px; } /* C2.4 */ #pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%; padding-left:25px; } #pun-searchposts .pa-replies{ display:none } #pun-respect .main .tcr, #pun-respect .main .tcl, #pun-positive .main .tcr, #pun-positive .main .tcl { text-align: center; } #pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod { border: none; color: var(--color-black); } /* C2.5 */ #pun-userlist .main .tc2 {} #pun-searchtopics .main .tc2 { text-align: left; width: 20%; vertical-align: top; padding-top: 20px; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { text-align: left; margin-bottom: 5px; padding-right: 75px; vertical-align: middle; padding-top: 20px; margin-left: 14px; } #post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a { color: var(--color-black); font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-family: Roboto; /* font-variant: all-small-caps; */ font-family: var(--custom3); font: 600 17px Roboto; font: 600 15px arial; } #pun-index .tcl h3 a {margin:0} /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em; display:none; } /* C2.11 */ .punbb .main td { padding: 0; } /* C2.12 */ .punbb .main th { } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding: 10px 25px; } #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 { width: 20px; vertical-align: top; padding-top: 20px; font-size: 11px; padding-left: 5px; } #pun-viewforum div.icon { margin-top: -30px; } #pun-searchtopics div.icon { margin-top: -35px; } #pun-modviewforum div.icon { margin-top: 0px!important; } #pun-multimove .main .tc2 { border: none!important; } #pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod { text-align: center; width: 10%; color: #344150; text-transform: lowercase; border-top: 3px solid #a5936d; } #pun-message .pun-navlinks { margin-bottom: -82px!important; } #pun-viewforum .forum .tcl .tclcon { text-align: left; margin-right: 18px; padding-left: 18px; margin-top: -10px; margin-left: -4px; } #pun-searchtopics .forum .tcl .tclcon { text-align: left; padding: 0px 10px 0; margin-right: 18px; padding-left: 0px; margin-top: -10px; margin-left: 15px; } #pun-modviewforum .main .tcl { } #pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr { vertical-align: top; padding-top: 20px; } #pun-modviewforum .forum .tcl .tclcon { padding-top: 5px; margin-left: 55px; } #pun-searchtopics .main .tcr { width: 35%!important; } #pun-searchtopics .main .tcr, #pun-viewforum .main .tcr { padding-right: 15px; padding-left: 5px; padding-bottom: 0px; padding-top: 20px; } #pun-searchtopicsem.user-avatar { float: right !important; padding-left: 15px; padding-bottom: 11px; margin: -10px 0px 2px 0px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { margin-top: 0px; } /* C3.2 */ .punbb .post h3 { color:var(--color-black); } /* C3.3 */ .punbb .post h3 span { padding: 0px 0px 5px; display: block; text-transform: lowercase; margin-left: 250px; margin-bottom: 10px; } .punbb .post h3 span a { color: var(--color-green); font-size: 10px; font-variant: all-petite-caps; } /* C3.4 */ .punbb .post h3 strong { float: right; text-align: right; font-weight: normal !important; font-size: 10px; } /* C3.5 */ .punbb .post .post-author { margin-left: 0px; float: left; width: 206px; margin-top: -30px; text-align: center; background: var(--color-black2); /* border-radius: 10px; */ padding: 5px 10px 15px; background-size:cover!important; background-position: center !important; /* border: 1px solid var(--color-back2); */ border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .punbb .post .post-author ul { padding: 5px 0 0 0; background: var(--color-black2); border-radius: 10px; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 100%; } /* C3.7 */ div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active { color: var(--color-white)!important; } div.post-author > p.pa-author, li.pa-author { font-family: var(--custom); text-transform: uppercase; line-height: 1.5; font-size: 14px; text-align: center; letter-spacing: 0.5px; margin: 5px 9px 5px; } li.pa-avatar.item2 { border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; width: fit-content; display: inline-block; margin: 7px; } li.pa-avatar.item2 img { padding: 0 5px 4px; } .pa-awards a:before { display:none; content: "•••"; letter-spacing: 4px; font-size: 6px; color: var(--color-green); position: relative; } .pa-awards { text-align: center; text-transform: lowercase; font-size: 0px; height: 15px !important; padding: 5px 0 0 !important; } /* C3.9 */ li.pa-title { text-align: center; font-size: 9px; background: var(--color-black); color: var(--color-white); text-transform: lowercase; padding: 3px 10px 4px; margin: -4px 13px -1px; } .pa-online{ left: 200px; top: -6px; font-size: 0px; display: flex; width: 8px; height: 8px; border-radius: 50%; z-index: 2 !important; position: relative; background: var(--color-blue); margin-left: -8px; margin-top: 0px; } .punbb .user-avatar .isonline, .pa-online{ animation: blinkColor 1.2s linear infinite; -moz-animation: blinkColor 1.2s linear infinite; -webkit-animation: blinkColor 1.2s linear infinite; } .pa-online:hover {animation: none!important;} .pa-online:hover strong { opacity: 1.0; visibility: visible; } .pa-online strong { position: absolute; top: 18px; right: -6px; padding: 0 8px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0.7); font-weight: 400; white-space: nowrap; color: #fff; font-size: 10px; text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0; text-align: center; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; opacity: 0; visibility: hidden; } .pa-online strong:before { content: ""; position: absolute; width: 0; height: 0; right: 6px; top: -10px; border-width: 5px 5px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; } /* C3.11 */ .punbb .post-body { margin-left: 250px; } /* C3.12 */ .punbb .post-box { padding: 0px; margin: 5px; } #post-preview .post-box { text-transform: none!important; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { padding: 15px 0px 15px; font-size: 10px; /* text-transform: lowercase; */ } /* C3.15 */ .punbb .post-links ul { text-align: right; } .punbb .post-links ul a { color: var(--color-green); /* text-transform: lowercase; */ } /* C3.16 */ .punbb .post-links li { display: inline; text-transform: uppercase; font-variant: all-small-caps; /* color: var(--color-black)!important; */!i;!; } /* C3.17 */ .pl-email, .pl-website{ float: left; } .pl-email, .pl-website {padding-right: 10px!important;} .pl-quote, .pl-delete, .pl-edit, .pl-advlink {padding-left: 10px!important;} /* C3.18 */ .punbb .clearer { clear: both; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 15px 0px 10px; font-size: 10px; color: var(--color-black); text-align: right; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { height: 11px; line-height: 1em; font-variant: all-petite-caps; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } #topic-modmenu .container strong #mod-options { } #topic-users-in { height: 100%;} #topic-users-in a:last-child:after {content: "";} #topic-users-in a:after {content: ",";} /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 10px; margin: 0 25px; color: var(--color-black); font-size: 11px; text-align: center; border: 1px solid var(--color-black); } /* C5.2 */ .punbb .info .container .backlink { padding-top: 10px; text-align: center; font-size: 11px; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #pun-profile #profile .container { padding-left: 18.6em; margin-top: 50px; } .adminmain { margin-top: 153px; } #pun-messages #profile .container { padding-left: 18.6em; width: auto; } #messages .icon { margin-top: -10px; } #pun-main #viewprofile .container { } #pun-messages #form-buttons { width: auto; } #messages .tc2.pmtc22 {width:30%!important; padding-right: 10px; vertical-align: inherit; } #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 { width: 30%!important; padding-top: 0px; padding-bottom: 20px; vertical-align: inherit;} #messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important; vertical-align: inherit;} #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon { font-size: 11px; padding-top: 20px; margin-left: 25px; margin-right: 5px; padding-bottom: 10px;} #messages .tc3 { color: var(--color-black); padding-left: 15px; vertical-align: inherit; } #messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { } #pun-profile .main .tc2, #pun-profile .main .tc3, #pun-profile .main .tcmod { border:none; } .award-description { color: var(--color-green); } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; font-size: 9px; font-weight: bold; margin: 8px 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -5px 0px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border: none; background: transparent; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { border-style: none none none none; border-width: 0px 0px 0 0px; display:none; } /* D1.2 */ #pun-title h1 { display : block; height : 0px; padding: 0em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 0px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks {text-transform: lowercase;color: var(--color-black);background: var(--color-back);box-sizing: border-box;height: auto;position: sticky;z-index: 10;top:0px;margin: 0 34px 0 76px;text-align: right;} /* D3.2 */ #pun-navlinks .container { padding: 8px 0px 9px 0px; display: inline-flex; align-content: center; align-items: center; justify-content: center; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { box-sizing: border-box; height: auto; position: sticky; z-index: 10; top: 30px; background: var(--color-back); text-align: right; margin-left: 23px; padding: 0 34px 0 10px; } /* D4.2 */ #pun-ulinks .container {position: relative;padding: 8px 0px 10px 0px;font-size: 10px;text-transform: lowercase;/* font-style: italic; */ /border-bottom: 1px dotted var(--color-grey2);border-bottom: 1px dotted var(--color-green);} #pun-navlinks.fixed, #pun-ulinks.fixed { margin: 0 1px; padding: 0 33px 0 35px;!; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: var(--color-black); } #pun-ulinks li a:before {/* content:'['; */} #pun-ulinks li a:after {/* content:']'; */} /* D4.4 */ #pun-ulinks li a { padding: 0 3px; color: var(--color-white) !important; background: var(--color-black2); padding: 2px 10px 4px 10px; text-transform: lowercase; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; height: 0; } /* D5.2 */ #pun-status .container { color: var(--color-white); display: inline-block; position: relative; top: -392px; margin-left: 610px; font-size: 10px; line-height:200%; font-style: italic; text-transform: lowercase; width: 360px; } #pun-status .container strong { font-weight: normal!important; } /* D5.3 */ #pun-status span { } #pun-status > p > span.status_userava > img, #status_userava > a > img { width: 80px; height: auto; vertical-align: middle; float: left; margin-right: 15px; } /* D5.4 */ #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 20px; } /* D5.5 */ #pun-crumbs1 p.container, #pun-crumbs2 .container{ margin-top: 5px!important; margin-bottom:10px; padding: 3px; text-align: left; margin-left: 10px; font-size: 11px; letter-spacing: 0.5px; text-transform: lowercase; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; } /* D6.3 */ #pun-announcement .container { } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { font-size: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* D7.2 */ #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: inline-block; } #pun-stats li.item1 { width: 120px; } #pun-stats li.item2 { width: 185px; } #pun-stats li.item3 { width: 245px; } #pun-stats li.item4 { width: 325px; } #pun-stats li.item4 > strong > a {color:var(--color-white)!important} /* D7.4 */ li#onlinelist { text-align: justify; font-size: 10px; padding: 15px 0px 0px 0px; } li#onlinelist.item5.onlinelist {display:inline!important; width: 100%} /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 5px; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; } /* D8.5 */ #pun-about p span { display: block; position: absolute; width: 860px; height: 9px; font-family: isocteur; text-transform: uppercase; font-size: 8px; margin-left: 33px!important; margin-top: 33px!important; color: var(--color-green); text-align: center; } /* D8.7 */ #pun-crumbs2 .container { text-align: left; padding-top: 11px; /* border-bottom: 2px solid var(--color-brown);*/ margin: 0 10px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } .admain { padding-left: 172px!important; margin-bottom: 1em; } li.pa-hidePunk {border: none 0; padding: 5px 0px 10px; cursor: pointer; margin: 5px; text-align: center; color: var(--color-mda2); text-transform: lowercase; font-size: 9px; } .editBookmark {baclground:var(--color-hz)} .FNTslider .before { height: 3px; position: absolute; margin-top: 0px; background: var(--color-grey); } .FNTslider .thumb { width: 5px; height: 7px; position: relative; top: -2px; cursor: pointer; background: var(--color-green); } .FNTslider { position: relative; width: 110px; height: 3px; margin: 3.5px 130px 3px 5px; float: right; margin-right: %; background: var(--color-green); } #pun-main > div.usertable > div > table > tbody > tr > td.tcl { padding: 5px 15px 0 5px; width: 15%} #pun-about > p > span {display:none} .quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-grey)!important} #pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 10px} #filetable > tbody > tr > td.tcl {padding-top: 10px!important;} #filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5), #filetable > tbody > tr > td.tc2.ft-uploaded, #filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;} #filetable > tbody > tr > td.tcr {border:none!important} #filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;} #rep_form > table > tbody > tr > td.tc2 {border:none!important} #rep_form > table > tbody > tr:nth-child(1) > td.tc2 { padding-top: 0px; color: var(--color-black2);} #rep_form > table > tbody > tr:nth-child(2) > td.tcl { vertical-align: inherit;} li.pa-fld4.hidePunkt > span, li.pa-respect.hidePunkt > span.fld-name, li.pa-posts.hidePunkt > span{padding-right:0px!important} #pun-userlist .main .tcl, #pun-userlist .main .tc2, #pun-userlist .main .tc3 {border: none!important;} #pun-main {padding: 0 0px} div[id*=pun-admin_]> #pun-title > #title-logo-table > tbody > #title-logo-tr {top:0!important} #pun-status > p > span.item4.status-right {display:none} .bubble:after { border-color: var(--color-blue)!important;} .bubble { background: var(--color-blue) !important; color: var(--color-white) !important;} #tags .container { background: var(--color-back); top: 31px!important; box-shadow: 1px 1px 5px; border: solid 1px #999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .pl-reports {display:none!important} #awards-content > tr.alt1 > td.tcl {display:none} #awards-content > tr.alt1 > td:last-child {display:none} #awards-content > tr > td:nth-child(2) {width:40%} #awards-content > tr > td:nth-child(3) { width: 60%; text-align: left; padding: 10px; display: flex; align-items: center; } #profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%} td.tcl > div > div.tclcon > a { text-align: right; color: var(--color-black); letter-spacing: 0.5px; text-transform: lowercase; } span.datetime, span.byuser { font-variant: all-small-caps; font-size: 10px;} #pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar { margin: 0px 35px 12px 0px;} #pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important; top: 0px;} .punbb textarea, .punbb select, .punbb input {outline: transparent; } li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld5 > span {display:none} /*---------GUEST------*/ html {border:none!important} div.theme-img { width: 310px; padding: 0 10px; margin-left: 5px; min-height: 120px; display: inline-block; text-align: center; } div.theme-img > img { max-width: 310px; max-height: 110px;} .theme-text { max-width: 310px; padding: 0px 10px; font-size: 11px; text-align: justify; display: inline-block; } div.blabla { width: 145px; padding: 0 10px; display: inline-table; height: 88px; color:var(--color-green); } div.blbl { width: 300px; padding: 10px 10px 10px 22px; display: inline-table; height: 150px;} .theme-name1 { margin: 0px 10px 10px; padding: 10px 10px 0px 0; border-bottom: 1px solid var(--color-nice); color:var(--color-green);} .theme-name { font-family: var(--custom2); text-align: right; font-size: 11px; text-transform: lowercase; letter-spacing: 0.5px; color:var(--color-green); } .theme-subname { font-size: 10px; text-align: right; font-weight: normal; margin-bottom: 7px; letter-spacing: 1px; font-family: verdana; } div.blabla-face { width: 275px; padding: 0 10px 0 12px; display: inline-table; color:var(--color-green); } div.blabla-face > div.theme-name { padding: 4px 0 5px; color: var(--color-green); text-align: center; font-weight: 600; border-bottom: 1px solid var(--color-nice); } div.blabla-face > div.theme-links { padding: 0 5px 0 10px; text-align:left; } .colortext { color: var(--color-green); } .theme-back { background: var(--color-grey); margin: 5px; box-shadow: 5px 5px 0 var(--color-nice); } .theme-links { font-size: 10px; text-align: right; text-transform:lowercase; } .guestblock { width: 300px; height: 80px; border:1px solid var(--color-black); font-size: 10px; padding: 5px; color:var(--color-green); } .gubl {padding: 5px; overflow-y: auto; height: 70px; text-transform: lowercase; } #pun-ulinks #Rz{display:none} #cont_1 > img {width:50px; height:50px;} /*guest mask*/ div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px; } div.post-author.no-avatar > ul > li.pa-avatar { padding: 10px; text-align: center; margin-top: 0px;} div.tclcon > div.for { padding: 5px 8px; margin-left: 5px; text-align: justify; font-size: 10px; text-transform: lowercase; /* border: 1px solid #bfbfbf; */ } .punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input { padding: 3px 10px 5px !important; text-align: center; margin: 5px 0px !important; color: var(--color-white) !important; background: var(--color-black2); border-color: transparent; } .punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4{ text-transform: lowercase;} .input > input, .punbb select { text-align: left!important;} .for-a {margin-top: 5px; display: flex; flex-wrap: wrap; justify-content: flex-start; line-height: 15px; color:var(--color-back)} .for-a > a { color: var(--color-white) !important; background: var(--color-black2); padding: 0px 10px 1px 10px; font-size: 9px !important; text-transform: lowercase; } td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none} /*иконка и плашка*/ .pa-fld3 { position: absolute; z-index: 9; margin: -33px 89px 0px; background: var(--color-back); width: 24px; height: 24px; border-radius: 50px; padding: 4px !important; } .pa-fld3 img{ width: 24px; height: 24px; object-fit: cover; border-radius: 0 !important; } .pa-fld5 { margin: 0px 0px 5px !important; background: var(--color-grad2); /* background: blueviolet; */ color: var(--color-white); background-size: cover !important; line-height: 1.5; padding-top: 5px !important; padding-bottom: 8px !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .plsh { padding: 0px!important; position: relative; } #viewprofile #pa-fld5 {display:none} .plsh frst, .plsh scnd { color: var(--color-white);} .plsh frst { display: block; font-size: 9px; line-height: 2; text-align: center; text-transform: lowercase; letter-spacing: 0.75px; } .plsh scnd { display: block; font-size: 8px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.75px; } .plsh pict {display:none!important;} .plsh img { height: 33px !important; width: 33px !important; position: absolute; left: 9px; text-align: center; top: 2px !important; display: block; filter: invert(1); } .plsh-mes { display: flex; justify-content: space-evenly; align-content: flex-start; align-items: center; } .adformal h2, #pun-adnav h2 { background-color: var(--color-white)!important; color: #000!important;} #profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span { font-size: 13px!important; font-family: var(--custom2)!important; text-transform: lowercase; text-shadow: none; color: var(--color-black);} #pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none} td.tcl > div > div.tclcon > h3 > a { padding: 0px 10px 0; margin-right: 18px; margin-left: 15px; padding-left: 0px; margin-top: -10px; text-align: right; color: var(--color-black); letter-spacing: 0.25px;} #act-news > a > img{ position: relative; background-size: contain!important; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; margin: 5px 10px; border-radius: 30px; border: 2px solid transparent; background: var(--color-grad2); } #act-news {text-align:center} #notify-settings > span {height: 5px; display: flow-root;} #pun-status > p > span.item3.status-right { float: none!important; position: relative; padding: 10px 0; text-align: right; font-style: normal; display:none!important; } #poll-special {margin-left: 15px;} span.polltext {text-transform: lowercase!important; font-weight: 600;} /*замена верхнего меню*/ #pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { /* color: var(--color-black); display: block; font-size: 11px; letter-spacing: 1px; text-transform: lowercase;*/ color: var(--color-black); display: block; font-size: 11px; font-style: italic; /* font-weight: 600; */ /* letter-spacing: 1px; */ /* text-transform: uppercase; */ /* font-family: Arial; */ text-transform: lowercase; font-style: italic; /* letter-spacing: 0.5px; */ /* background: var(--color-grad-text); */ /* -webkit-text-fill-color: transparent; */ /* background-clip: text !important; */ /* -webkit-background-clip: text !important; */ -moz-background-clip: text !important; -o-background-clip: text !important; } .punbb .post { margin: 0px 5px;} #profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 { display:none;} #MyBookmarks, #BookmCntToggle { top: 75px!important; } /******/ .slide_button { position: absolute; top: -10px; right: 0px; width: 50px; height: 20px; cursor: pointer; padding: 4px 0 0 4px; text-align: center; opacity: 1; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } .slide_button.i_active { opacity: 0 } .slide_block { display: none; position: absolute; background: var(--color-grad); top: 25px; right: 0px; width: 540px; height: 380px; z-index: 1000; } .slide_block div { display: flex; flex-direction: column; align-items: center; padding: 7px; box-sizing: border-box; } #dot > div.slide_block > div > iframe { width: 524px!important; margin-top: 0px; height: 365px!important; border-radius: 0px!important; position: relative;} #imageupload-left input[type=button] {width:12em!important} /***https://pcvector.net/scripts/other/480-mercayuschaya-girlyanda-na-chistom-css.html******/ .lightrope { text-align: center; white-space: nowrap; position: absolute; position: fixed; z-index: 1000; top: -10px; left: 20px; padding: 0; pointer-events: none; width: 100%; } .lightrope li { position: relative; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; list-style: none; margin: 0; padding: 0; display: block; width: 12px; height: 14px; border-radius: 50%; margin: 20px; display: inline-block; background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; -webkit-animation-name: flash-1; animation-name: flash-1; -webkit-animation-duration: 2s; animation-duration: 2s; } .lightrope li:nth-child(2n+1) { background: cyan; box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5); -webkit-animation-name: flash-2; animation-name: flash-2; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .lightrope li:nth-child(4n+2) { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; -webkit-animation-name: flash-3; animation-name: flash-3; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .lightrope li:nth-child(odd) { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .lightrope li:nth-child(3n+1) { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .lightrope li:before { content: ""; position: absolute; background: #222; width: 10px; height: 9.33333px; border-radius: 3px; top: -4.66667px; left: 1px; } .lightrope li:after { content: ""; top: -14px; left: 9px; position: absolute; width: 52px; height: 18.66667px; border-bottom: solid #222 2px; border-radius: 50%; } .lightrope li:last-child:after { content: none; } .lightrope li:first-child { margin-left: -40px; } @-webkit-keyframes flash-1 { 0%, 100% { background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; } 50% { background: rgba(0, 247, 165, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2); } } @keyframes flash-1 { 0%, 100% { background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; } 50% { background: rgba(0, 247, 165, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2); } } @-webkit-keyframes flash-2 { 0%, 100% { background: cyan; box-shadow: 0px 4.66667px 24px 3px cyan; } 50% { background: rgba(0, 255, 255, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2); } } @keyframes flash-2 { 0%, 100% { background: cyan; box-shadow: 0px 4.66667px 24px 3px cyan; } 50% { background: rgba(0, 255, 255, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2); } } @-webkit-keyframes flash-3 { 0%, 100% { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; } 50% { background: rgba(247, 0, 148, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2); } } @keyframes flash-3 { 0%, 100% { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; } 50% { background: rgba(247, 0, 148, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2); } } .inew > td > div > div > strong > a { text-transform: lowercase; } #notify-link .unreads, #navpm .unreads { background: var(--color-nice)!important;} .hidden { display: none !important; } #button-dice { background: url("/files/000f/3e/d5/81483.png") center; } form#dice-form { width: 350px; height: 115px; padding: 15px; text-align: right; position: absolute; top: 41px; right: -15px; background: var(--color-back); box-shadow: 1px 1px 5px; border: solid 1px #999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } form#dice-form input { width: 30px; margin: 0 0 0 5px; text-align: right; } #dice-form label { display: inline-flex; margin: 3px; font-size: 10px; align-items: baseline; } #dice-form span { font-weight: bold; vertical-align: top; } #dice-form label > span::after { content: ":" } #dice-form textarea { border: 1px solid var(--color-black); width: 150px; margin-left: 5px; background: var(--color-back); color: var(--color-black); } #dice-form > div { width: 165px; display: inline-block; vertical-align: top; position: absolute; left: -40px; } #dice-form > div:nth-child(2) { margin-top: 0px; margin-left: 180px; width: 180px; } #dice-form > label { display: inline-block; } #dice-form > button { position: absolute; bottom: 5px; right: 150px; cursor: pointer; display: inline-block; padding: 5px 10px !important; margin: 2px!important; text-align: center; letter-spacing: 0.5px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; text-transform: lowercase; background: var(--color-back); color:var(--color-black) } div.dice-box { border: 1px dotted var(--color-grey2); background: var(--color-back); margin: 0 8px; padding: 5px 15px 10px; } .roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before { font-weight: bold; } .roll-dice::before { content: "Бросок: "; } .roll-value::before { content: ", с результатом: "; } .roll-reason::before { content: "Действие: " } .roll-result::before { content: "Итог: " } #pun .roll-result { padding-bottom: 0px; } .plashka { padding: 0.1em 0.25em 0.25em; line-height: 1.5; margin: 2px!important; min-width: 165px !important; font-size: 11px; display: inline-block; background: url(https://forumstatic.ru/files/001a/eb/a8/29745.png) center fixed; color: var(--color-white); text-transform: lowercase; letter-spacing: 1px; font-family: var(--custom2); cursor: pointer; } .button, sub4 { cursor: pointer; display: inline-block; padding: 3px 10px 5px !important; margin: 2px !important; text-align: center; letter-spacing: 0.2px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; color: var(--color-black); text-transform: lowercase; background: var(--color-back); } #pun-stats, .punbb .category { margin: 20px 10px 25px; position: relative; } #pun-stats { padding: 15px 25px; } #post-form > h2 {display:none} #form-buttons tr { width: 100%; display: flex; height: 30px; justify-content: space-between; } #form-buttons td { display: flex; align-items: center; justify-content: center; width: inherit!important; box-sizing: border-box; } #form-buttons td { background-image: none !important; font-family: Material Symbols Outlined; font-size: 20px; color: var(--color-black); cursor: pointer; } #form-buttons td:before { position: absolute; } #button-font:before {content: '\e165';} #button-transL:before {content: '\e8e2';} #button-size:before {content: '\e245';} #button-bold:before {content: '\e238';} #button-italic:before {content: '\e23f';} #button-underline:before {content: '\e249';} #button-strike:before { content: '\e257';} #button-indent:before { content: '\e23e';} #button-left:before {content: '\e236';} #button-center:before { content: '\e234';} #button-right:before { content: '\e237';} #button-link:before { content: '\e157';} #button-spoiler:before {content: '\e8f5';} #button-image:before {content: '\e3f4';} #button-video:before { content: '\f06a';} #button-hide:before { content: '\e898';} #button-quote:before { content: '\e244';} #button-code:before { content: '\e86f';} #button-color:before { content: '\e23c';} #button-table:before { content: '\f191';} #button-smile:before { content: '\e813';} #button-sticker:before { content: '\e983';} #button-keyboard:before { content: '\f7db';} #button-addition:before { content: '\e146';} #button-dice:before { content: '\e025';} #button-mask:before { content: '\e9ed';} #button-files_rusff, #button-graffiti_rusff {display:none!important} #button-sticker { background-size: contain;} #form-buttons td img {position: relative;} #mask_dialog .inner, .hvStickerPackModal,.hvStickerPackModalTab {border-radius: 0 !important; background:var(--color-back)!important;} .hvStickerPackModalTab.active { background:var(--color-black2)!important; color:var(--color-white)!important;} .hvStickerPackModal { bottom: -35px!important; left: 15px!important; } .hvStickerPackModalTab { cursor: pointer; margin-top: 8px; margin-right: 8px; padding: 5px !important; text-align: center; letter-spacing: 0.2px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; color: var(--color-black)!important; } .hvStickerPackModalInput {border-radius: 0 !important;} .pa-respect span.fld-name::before, .pa-respect span.fld-name a::before, li.pa-fld4:before { display: block; margin: 0px 0 8px 12px; width: 32px; height: 0px; font-family: Material Symbols Outlined; font-size: 20px; color: var(--color-white); } li.pa-respect span.fld-name a::before { position: absolute !important; margin-top: -19px; color: rgb(151 151 151 / 0%); } li.pa-respect span.fld-name::before, li.pa-respect span.fld-name a::before { content: '\e8dc'; height: 11px; } li.pa-fld4:before { content: '\e745'; } li.pa-respect span.fld-name a, li.pa-respect span.fld-name { font-size: 0; } li.pa-respect > a > img {display:none} li.pa-respect > a:before{content: url(/img/plus.png); filter:grayscale(1)} #pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod { display: none; } div.grippie {display:none} .Add { position: absolute; display: inline-block; margin-top: -15px; font-size: 10px; text-transform: lowercase; width: 140px; left: 430px; } .Tems_And_messages, .topics-and-posts { position: relative; display: flex; padding: 0px 10px; text-transform: lowercase; color: var(--color-grey2); font-size: 10px; letter-spacing: 0px; justify-content: end; } #pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before {font-size:20px} #pun-index table Div.icon:before, .night #pun-index table Div.icon:before {font-size:0} blockquote a, .punbb .post-content > p > a { color: var(--color-white) !important; background: var(--color-black); } div.post-rating > p > a {color:var(--color-green)!important; font-size: 14px!important;} .punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, .day div > cite > a, .day div > cite > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important; font-weight: 600;} .city div > cite > a, .city div > cite > a:hover {color: var(--color-black)!important;} #pun-navlinks > ul > #navawards, div > table > thead {display:none} #pun-main.main.multipage > div.usertable > div > table > thead { display: contents; } .hvStickerPackModalContent img { max-height: 50px!important; cursor: pointer; } #pun-live-rusff {display:none!important} .punbb textarea, .punbb input, .punbb select, .punbb optgroup, #dice-form > button { font: 1em verdana, arial, helvetica, sans-serif; } #stylelist { position: absolute; z-index: 100; /* right: 35px; */ /* top: 100px; */ float: right; display: flex; gap: 3px; margin: -284px 0 0 808px!important; } #stylelist a { cursor: pointer; display: inline-block; width: 20px; height: 20px; margin: 5px; font-size: 0; /* background: var(--color-black2); */ padding: 2px 5px 6px; } #stylelist [data="night"] a:before { content:'\e51c'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="street"] a:before { content:'\e565'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="light"] a:before { content:'\f02a'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="meds"] a:before { content:'\f033'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="mless"] a:before { content:'\e3a5'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #pun-main h2 { text-align: center; /* margin-bottom: -14px; */ margin: 25px 25px 10px; position: relative; display: flex; align-items: center; } .punbb h2 span { font-size: 27px; /* font-style: italic; */ padding: 10px 10px 0px; font-family: var(--custom); color: var(--color-black); background: var(--color-back); /* display: inline-block; */ text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 1; display: flex; align-items: center; } .category > div.container { border: 1px solid var(--color-green); background: var(--color-back2); margin: 0 25px 0; padding: 10px 0; } .category h2::after { content: ""; display: block; /* background: var(--color-green); */ height: 4px; width: 100%; position: absolute; left: 0px; border-bottom: 1px dotted var(--color-green); } /*.category h2:before{ font-size: 0px; letter-spacing: 1px; font-style: italic; width: 900px; position: relative; text-align: right !important; display: inline-flex; background: var(--color-grad-text); -webkit-text-fill-color: transparent; background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -o-background-clip: text !important; } #pun-category1 h2:before{content:"did we create a modern myth, did we imagine half of it, would happen in a thought from now, save yourself, save yourself. the secret is out, the secret is out. to buy the truth and sell a lie the last mistake before you die. so don't forget to breathe tonight, tonight's the last so say goodbye. the secret is out, the secret is out.";} #pun-category2 h2:before{content:"now that, that don't kill me can only make me stronger. i need you to hurry up now, 'cause I can't wait much longer. i know I got to be right now, 'cause I can't get much wronger. man, i been waitin' all night now, that's how long I've been on you. i need you right now. i need you right now. don't act like I never told you.";} #pun-category3 h2:before{content:"our souls they need peace and harmony, but in the moonlight we get lost. when things get kind of crazy, take a break with me, my baby. no more trouble, let's make love all night, 'cause i'm high on life in this melancholic paradise. our hearts open wide, we get hurt, we cry, but it's all worth it in the end. we have come too far to let it go just";} #pun-category4 h2:before{content:"all my life i was never there. just a ghost, running scared. here our dreams aren't made - they're won. the silver of a lake at night; the hills of hollywood on fire; a boulevard of hope and dreams; streets made of desire. lost in the city of angels; down in the comfort of strangers, i found myself in the fire burned hills, in the land of a billion lights. ";} #pun-category5 h2:before{content:"these scars don't lie, i'm living in an empty time. falling from space, i'm living in an empty place. but one truth that I know is that life's beautiful, life is beautiful, life is beautiful. my dream won't die, still fighting for a bettеr life. the king of pain, playing a never ending game. but one truth that I know is that life's beautiful, life is beautiful";} #pun-category6 h2:before{content:"my mind's sick of me, always tricking me, feeding me these lies, telling me the last ones at midnight. nighttime enemy, always sending me deep between the lines, slipping over to the other side. wake me up if i fall asleep, don't wanna be alone in this nightmare, 'cause i'll never leavе. once i jump, i jump in too deep. you know i take evеrything";} #pun-category7 h2:before{content:"until you crash, until you burn, until you lie, until you learn, until you see, until you believe, until you fight, until you fall, until the end of everything at all, until you die, until you're alive - don't save me, don't save me, 'cause I don't care. don't save me, don't save me, 'cause I don't care. until you give, until you've used, until you've lost";} */ .post h3 span, .endpost .post-links, #pun-messages .post-links { border-bottom: 1px dotted var(--color-grey)!important; } #chfontsize { position: fixed; /*прилеплен к краю экрана*/ top: 10px; /*отступ сверху*/ right: 10px; /*отступ справа*/ width: 26px; /*ширина*/ text-align: center; /*текст по центру*/ line-height: 22px; /*высота строк*/ -moz-opacity: .8; /*прозрачность*/ opacity: .8; z-index: 999999; /*поверх всех элементов*/ } #chfontsize:hover { opacity: 1; /*нету прозрачности при наведении*/ -moz-opacity: 1; } .fsizeplus, .fsizeminus {/*кнопки плюса и минуса*/ background-color: var(--color-back); /*цвет фона*/ color: var(--color-black); /*цвет плюса и минуса*/ cursor: pointer; } .fsizeplus::after { content: '+'; } .fsizeminus::after { content: '-'; } .fsize {/*поле показывающее размер шрифта*/ background-color: var(--color-back); /*цвет фона*/ color: var(--color-black); /*цвет цифр*/ } .punbb .post-content .spoiler-box::before,.punbb .post-content .spoiler-box::after {display: none} .punbb .post-content em.bbuline { text-decoration: none!important; border-bottom: 1px dotted; } .reaction-counters-container, .reaction-picker { filter: brightness(0.95); z-index: 1; } #pun .reaction-counter__count { font-size: 10px; } .reaction-chip { height: 28px!important; min-width: 28px!important; } span.reaction-counter__emoji > span.emoji-mart-emoji.emoji-mart-emoji-custom > span { width: 24px!important; height: 24px!important; } /*.punbb .reaction-chip.reaction-counter:hover, .punbb .reaction-chip.reaction-chip--clicked { background: var(--color-grey)!important; }*/ /*#pun-navlinks > ul > li > a:before,*/ .punbb .post h3 strong::before { content: "#"; } .post + .post { padding-top: 90px !important; margin-top: -65px; } .hvStickerPackModalTab { text-transform: lowercase; } #pun .post-content .spoiler-box > div { background:transparent; position: relative; width: 100%; box-sizing: border-box; padding:0; } #pun .post-content .spoiler-box > div:before { background-image: none !important; font-family: Material Symbols Outlined; font-size: 14px; color: var(--color-black); content: '\e5e1'; width: 12px; height: 13px; -webkit-transition: transform 0.5s ease-in-out 0s; -moz-transition: transform 0.5s ease-in-out 0s; -o-transition: transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s; box-sizing: border-box; display: block; margin-right: 16px; float: left; transform: rotate(-90deg) } #pun .post-content .spoiler-box > div.visible:before { content:'\e5e0'; } .post-content .spoiler-box > blockquote.visible { border-top: 1px dotted var(--color-green); padding-top: 5px !important; margin-top: 10px; }
Поделиться4Вс, 16 Мар 2025 18:04:08
/* CS1 Background and text colours -------------------------------------------------------------*/ /* Variables --------------------------------- */ :root { --color-hz: #914db1; --color-nice: #62bfa7; --color-nice2: #a5a5a5; --color-back: #dadada; --color-white: #dadada; --color-back2: #dfdfdf; --color-fon: #241d2e; --color-black2: #1c1c1c; --color-black: #1c1c1c; --color-green:#a2a2a2; /*границы*/ --color-green2: #a2a2a2; --color-grey: rgb(151 151 151 / 20%); /*серый для формы ответа*/ --color-grey2: #a2a2a2; --color-blue: #90d8d2;/*выделение текста*/ --wide: 1040px; --color-trans: rgb(0 0 0 / 60%); --color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%); --color-grad2: linear-gradient(270deg, var(--color-nice), var(--color-hz), var(--color-black)); --color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green)); --html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/87916.jpg) top center repeat-y fixed; --logo: url(https://forumstatic.ru/files/001a/eb/a8/78270.png); --custom: /*Vetrino;*/ /*Eugusto;*/ Leotaro; --custom2: Verdana; --custom3: Roboto; --color-bg1: rgb(108, 0, 162); --color-bg2: rgb(0, 17, 82); --color1: 0, 109, 167; --color2: 161, 0, 197; --color3: 64, 192, 226; --color4: 200, 70, 70; --color5: 226, 219, 114; /*124, 128, 0;*/ --color-interactive: 78, 167, 179; /*140, 100, 255;*/ --circle-size: 80%; --blending: hard-light; } @keyframes moveInCircle { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes moveVertical { 0% { transform: translateY(-50%); } 50% { transform: translateY(50%); } 100% { transform: translateY(-50%); } } @keyframes moveHorizontal { 0% { transform: translateX(-50%) translateY(-10%); } 50% { transform: translateX(50%) translateY(10%); } 100% { transform: translateX(-50%) translateY(-10%); } } .gradient-bg { width: 100vw; height: 100vh; position: fixed; overflow: hidden; top: 0; left: 0; z-index:-1; filter: brightness(0.85); } .gradients-container { filter: url(#goo) blur(40px) ; width: 100%; height: 100%; } .g1 { position: absolute; background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: center center; animation: moveVertical 30s ease infinite; opacity: 1; } .g2 { position: absolute; background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: calc(50% - 400px); animation: moveInCircle 20s reverse infinite; opacity: 1; } .g3 { position: absolute; background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2 + 200px); left: calc(50% - var(--circle-size) / 2 - 500px); transform-origin: calc(50% + 400px); animation: moveInCircle 40s linear infinite; opacity: 1; } .g4 { position: absolute; background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: calc(50% - 200px); animation: moveHorizontal 40s ease infinite; opacity: 0.7; } .g5 { position: absolute; background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: calc(var(--circle-size) * 2); height: calc(var(--circle-size) * 2); top: calc(50% - var(--circle-size)); left: calc(50% - var(--circle-size)); transform-origin: calc(50% - 800px) calc(50% + 200px); animation: moveInCircle 20s ease infinite; opacity: 1; } .interactive { position: absolute; background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat; mix-blend-mode: var(--blending); width: 100%; height: 100%; top: -50%; left: -50%; opacity: 0.7; } } /*-------улица-----------*/ .street { --color-back:#242424; --color-black:#aaa; --color-white:#aaa; --color-green:#4d917b; --color-nice: #4d917b; --color-blue:#13729a; --logo: url(https://forumstatic.ru/files/001a/eb/a8/95050.png); --footer: url(https://forumstatic.ru/files/001a/eb/a8/17867.png); --html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/61603.jpg) top center repeat-y fixed; } .street img {filter:brightness(0.95)} .street #Logo2 {filter: brightness(0.75);} .street .pa-title, .street .pa-fld5 {background: #333} /*--------------фонарь---------------*/ .light{ --html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/53466.jpg) top center repeat-y fixed; --logo: url(https://forumstatic.ru/files/001a/eb/a8/56584.png); --logo2: url(https://forumstatic.ru/files/001a/eb/a8/81788.png); --footer:url(); --color-white: #dedede; --color-back: #dedede; --color-grey2: #888; --color-nice: #6b7984; --color-blue: #66c181; --color-grad-text:linear-gradient(90deg, var(--color-grey2), var(--color-grey2)); --color-grad2: linear-gradient(270deg, var(--color-grey2), var(--color-grey2)) border-box; } .light blockquote a, .light .punbb .post-content > p > a { color: var(--color-nice)!important;} /*------------аптека-----------------*/ .meds{ --html-bg: #6b6b6b url(https://forumstatic.ru/files/001a/eb/a8/70899.png) repeat fixed; --logo: url(https://forumstatic.ru/files/001a/eb/a8/48048.png); --logo2: url(https://forumstatic.ru/files/001a/eb/a8/49898.png); --footer:url(); --color-hz:#b77082; --color-black: #282828; --color-white: #dedede; --color-blue: #ff7b9c; --color-nice: #0083ab; --color-grey2: #9d9d9d; --color-green2:#757575; --color-grad-text:linear-gradient(90deg, var(--color-green), var(--color-green)); --color-grad2: linear-gradient(270deg, var(--color-black2), var(--color-blue), var(--color-black2)) border-box; } .meds #Logo {border-bottom: 10px solid var(--color-black); filter: saturate(0.85);} .meds {background-size: auto!important;} .meds #pun-status .container, .meds #wat > a, .meds #wat, .meds #genre {color: var(--color-back);} .meds blockquote a, .meds .punbb .post-content > p > a { color: var(--color-hz)!important;} .meds .pa-title, .meds .pa-fld5 {background:var(--color-green2)} .meds ul > li.pa-fld1 > a:nth-child(1), .meds ul > li.pa-fld1 > a:nth-child(1):hover, .meds ul > li.pa-fld1 > a:nth-child(1):visited, .meds li.pa-fld1 > a:nth-child(2), .meds li.pa-fld1 > a:nth-child(2):hover, .meds li.pa-fld1 > a:nth-child(2):visited, .meds .pa-fld1 a, .meds .pa-fld1 a:hover, .meds .pa-fld1 a:visited { color: var(--color-green2)!important; } /*--------------бессмысленно---------------*/ .mless{ --html-bg: var(--color-grad3) fixed; --color-nice: #a5abad; --color-blue: #8f9095;/*выделение текста*/ --color-hz: #a18686; --color-green2: #b7bec0; --color-grad: linear-gradient(0deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%); --color-grad2:linear-gradient(270deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%) border-box; --color-grad3:linear-gradient(330deg, #b7bec0 0%, #111111 49%) border-box; --color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green)); --logo: url(https://forumstatic.ru/files/001a/eb/a8/56030.png); --logo2: url(https://forumstatic.ru/files/001a/eb/a8/80902.png); --footer:url(); } .mless #Logo2 { filter: brightness(0.95);} /*-----------------------------*/ body { min-width: 600px!important; } /*Фон*/ body { background: var(--color-fon); background-size: cover; } #pun-title table { margin-left: 0px; } #html-header { height:0px; } #Logo { background: var(--logo) center no-repeat; width: var(--wide); height: 340px; text-align: center; margin-left: 0px; position: absolute; top: 0px; border-bottom-left-radius: 80px; } .punbb { border-top-left-radius: 80px; } #Logo2 {display:none; background: var(--logo2); width: 565px; height: 95px; bottom: -25px; margin-left: 395px; position: absolute; } #wat { top: -27px; width: 150px; left: 265px; } #hideGradientCheckbox {visibility: hidden;} #html-header > div.checkgrad { bottom: 86px; width: 150px; left: 546px; z-index: 1; } #html-header > div.checkgrad > div > label:hover {cursor: pointer;} #genre {display:none; bottom: -45px; width: 260px; right: -15px; } #wat > a, #wat, #genre, #html-header > div.checkgrad { font-size: 10px; font-style: italic; color: var(--color-white); letter-spacing: 0.5px; position: relative; } #ZACHTO { position: absolute; width: var(--wide); height: 260px; top: 35px; } #NEWS { bottom: -110px; left: 657px; position: relative; width: 210px; text-align: left; font-size: 11px; letter-spacing: 1px; text-transform: lowercase; display: block; display: flex; gap: 0px; flex-wrap: wrap; } #NEWS > a {margin: 2px!important;text-transform: lowercase;color: var(--color-white);background: var(--color-black2);padding: 2px 10px 4px;} #RANDOM { background: var(--color-black2); position: absolute; left: 240px; width: 370px; height: 145px; top: 105px; padding: 0 0 0px 0px; opacity: 1; text-align: center; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } #KontentRotator { font-size: 10px; text-align: right; color: var(--color-white); overflow-y: auto; padding: 18px 25px 20px; margin: 0px 0px 0px 35px; height: 75px; line-height: 125%; width: 285px; outline: 1px dotted var(--color-white); outline-offset: 11px; } #KontentRotator br { display: block; /* makes it have a width */ content: ""; /* clears default height */ margin-top: 4px; /* change this to whatever height you want it */ } kr { font-weight: 600; font-size: 14px; font-family: var(--custom2); color: var(--color-hz); letter-spacing: 1px; } #KontentRotator > p > a, kr > a { color: var(--color-nice)!important; } #KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { width: 90px; height: 90px; position: absolute; opacity:0.85; border-radius: 10px;} #dot { position: absolute; color: var(--color-white); font-size: 15px; top: 180px; right: 0px; width: 50px; height: 20px; text-align: right; } .punbb { float: none; width: auto; height: auto; margin: 0 auto; background: var(--color-back); margin-top: 350px; } /* Футер */ #pun-about .container { height: 0px; width: var(--wide); } #html-footer {height: 20px; } #html-footer > div > div {margin-bottom:20px} #html-footer p { position: relative; display: block; width: var(--wide); background: var(--color-back); text-align: center; color: var(--color-grey2); border-top: 1px dotted var(--color-grey2); font-family: var(--custom2); text-transform: lowercase; font-size: 8px; font-style: italic; text-align: center; padding: 0.25em 0; letter-spacing: 1px; line-height: 1.5; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { color: var(--color-black); } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { color: var(--color-black); } #pun-admain h2 span { display:block; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background: transparent; color: var(--color-black); } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { display: block; font-weight: normal; width: fit-content; font-style: normal; text-align: center; color: var(--color-brown); font-size: 11px; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background: transparent; color: var(--color-green) } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { border: 1px solid var(--color-green); background: var(--color-back2); /* padding: 15px; */ } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { /* border-color: transparent;*/ } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none; color: var(--color-green); } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: var(--color-green); } /* CS3.3 */ #pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: var(--color-white); margin: 0px !important; font-size: 38px; font-family: var(--custom2); text-transform: lowercase; } /* CS3.4 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { color: var(--color-mda2); } #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { text-decoration: none; } /* CS4 Post status icons -------------------------------------------------------------*/ /* Иконки*/ #pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon, #pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon { margin-right: 0px; margin-left: -13px; margin-top: -7px!important; } #pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon { margin-right: 0px; margin-top: 13px!important; } div.icon { margin-top: 14px; margin-left: -14px; position: absolute; width: 24px; height: 24px; } div.icon:before { position: absolute; width: 24px; height: 24px; font-size: 24px; content: '\2726'; font-size: 19px; color: var(--color-grey2); } .inew Div.icon:before { color: var(--color-nice); content: '\2726'; } .isticky Div.icon:before { color: var(--color-grey2); content: '\2739'!important; } isticky.iclosed Div.icon:before { color: var(--color-grey2);} .iclosed Div.icon:before { color: var(--color-grey2); content: '\2727'!important; } .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before { color: var(--color-nice);} div.post-rating a, div.post-rating a:hover { /* display: block; width: 35px; height: 26px; padding-top: 8px; text-align: center;*/ } div.post-vote .container { margin-top: 0px!important; } div.post-vote p { float: right !important; border: 0 !important; padding: 0px !important; margin-right: 15px !important; } /*Стиль выделения */ ::selection { background: none repeat scroll 0 0 var(--color-blue); color: var(--color-black); opacity: 0.5; text-decoration:none!important } *::-moz-selection { background: none repeat scroll 0 0 var(--color-blue); color: var(--color-black); opacity: 0.5; text-decoration:none!important } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: var(--color-grey2); } ::-webkit-scrollbar-thumb { background: var(--color-nice); } /* Стиль списка тем в форуме */ #pun-main .forum .tcl .tclcon { text-align: justify; } /* Список тем в форуме ник создателя темы */ #pun-main .forum .tcl .byuser { } #pun-main .forum .tcl .byuser:before { content: "—";} /*Форма ответа стиль выпадающих окошек*/ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { } /*Фон окошка репутации*/ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { margin: -131px 0 0 -451px!important; width: 900px!important; height: 165px; right: 12px!important; font-size: 10px; background-color: var(--color-back)!important; } #reputationText {width: 96%; border: none; margin: 10px 0; border:1px solid var(--color-black); background-color: var(--color-white)!important; } #pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000} #pun-respect.punbb .main {font-size:10px;} /*форум тем, прозрачность*/ #pun th { text-transform: lowercase; font-size: 0px; font-weight: bold; opacity: 0.0; } #pun-userlist th { opacity: 1; font-size: 9px; } #pun-messages .fs-box {} #pun-messages .pa-posts, #pun-messages .pa-reg {display:none;} /*ARROWS*/ .go-up, .go-down { position: fixed; margin-left: 1130px!important; z-index: 9997; cursor: pointer; opacity: 1; } .day .go-up, .day .go-down { filter: brightness(0.9);} .go-up { bottom: 57%; } .go-down { bottom: 47%; } .go-up:before, .go-down:before{ position: absolute; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: var(--custom); font-size: 24px; color: var(--color-white); text-transform: uppercase; letter-spacing: 1px; } .go-up:before {content: 'вверх';} .go-down:before{content: 'вниз';} .banr{ height: 50px; overflow-y: auto; padding: 5px 0 !important; width: var(--wide); margin: 3px 0px !important; position: absolute;} .bannner { width: var(--wide); height: 80px; text-align: center; background: var(--footer); } .bannner a { opacity: 0.85; -moz-opacity: 0.85; filter:grayscale(100%); transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s;} #html-footer > div > div > div.bannner > div > a > img { border-radius: 5px; } .bannner a:hover { opacity:1; -moz-opacity:1; filter:grayscale(0%); } #statistic-other{ text-align: center!important; text-transform: lowercase; font-size: 8px; font-weight: bold; } #pun-main > div > h1 > span {display: block;} #pun-statistic .tc-username {width:15%!important} .punbb .main .tcr a { font-family: var(--custom2); color: var(--color-green); text-transform: lowercase; font-style: italic; letter-spacing: 0.5px; background: var(--color-grad-text); -webkit-text-fill-color: transparent; background-clip: text !important; -webkit-background-clip: text !important; -moz-background-clip: text !important; -o-background-clip: text !important; } /*ul > li.pa-fld1 > a:nth-child(1):before, li.pa-fld1 > a:nth-child(2):before,*/ .punbb .main .tcr a.lastpost-link:before {/* content:'['; */} /*ul > li.pa-fld1 > a:nth-child(1):after, li.pa-fld1 > a:nth-child(2):after,*/ .punbb .main .tcr a.lastpost-link:after {/* content:']'; */} .pun-modal .modal-inner { border: 1px double var(--color-green2) !important; background: var(--color-back) !important; } /* Предпросмотр */ #post-preview .fs-box .post-content {padding:10px!important;} /* лс */ #pun-messages .fs-box {/*margin-top: -52px;*/} #pun-messages .post h3 { width: auto} #pun-messages #profile .container fieldset {border:none;} #pun-messages #profile .post-links ul {background: none;} #pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;} #pun-messages #smilies-area {width: 455px!important;} #font-area {overflow-y: auto; height: 300px; width:170px;} /* ПРОФИЛЬ */ ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited { text-transform: lowercase; color: var(--color-nice) !important; font-size: 11px; font-style: italic; letter-spacing: 0.5px; } li.pa-fld1 > br { content: ""; display: block; font-size: 1%; } .pa-fld1 { text-align: left; font-size: 9px; margin-top: 0px !important; margin: -10px 7px 5px !important; padding: 9px 10px 13px !important; overflow-y: auto; line-height: 1.5; border-bottom: 1px solid; border-image: var(--color-grad); border-image-slice: 1; } .pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited { color: var(--color-nice)!important; /* font-style: italic; */ } .pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip { color: var(--color-white); } .post .pa-fld2 { text-align: center; text-transform: lowercase; letter-spacing: 1px; padding: 0.1em; line-height: 1.5; margin: 0px 20px 6px; font-family: var(--custom2); font-size: 11px; } .pa-fld2 a, .pa-fld2 a:hover, .pa-fld2 a:visited { color: var(--color-mda)!important; } .pa-fld4, .pa-respect { font-size: 9px; width: 57px; margin:10px 2px!important; display: inline-block; text-align: center; } div.post-author > ul > .pa-posts {display:none; margin-left: 108px;} .pa-time-visit, .pa-last-visit, .pa-ip { font-size: 9px; text-transform: lowercase; text-align: center; } .pa-time-visit br, .pa-last-visit br {display:none} .pa-ip {padding:10px 0!important} /* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */ .pa-avatar img {max-width: 180px; max-height: 180px;} #mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;} /* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */ #pun-index .modlist, .closedatafield, .stickytext, .lastedit, #pun-announcement h2 {display:none!important} /* ИКОНКА АВАТАРА */ #pun-index .user-avatar {top: -5px;} #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar { top: -11px !important; margin: 0px 10px 0px 25px!important; } #pun-viewforum .user-avatar { top: -13px!important; } #pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar { margin: 0px 20px 0px 10px; width: 35px!important; height: 35px!important; border-radius: 0px!important; } .punbb .user-avatar .avatar-image { width: 35px !important; height: 35px !important; opacity: 1 !important; border-radius: 0px !important; } #messages > fieldset > div > div > table > tbody > tr > td > em { margin-top: -15px; border-radius: 0px!important; width: 35px!important; height: 35px!important; } .img a.title { background: var(--color-white); } .post-content hr { background: var(--color-grad2); height: 1px; box-shadow: none !important; border: none !important; margin: 5px 0px !important; } span.num_msg { margin-top: -30px !important; margin-left: -10px !important; background: var(--color-hz)!important; } span.num_msg:before { background: var(--color-hz)!important; } #MyBookmarks .container { background: var(--color-back); } #MyBookmarks > h2 > span, #MyBookmarks h2 { margin: 0!important; background: var(--color-blue)!important; font-family: var(--custom2)!important; color: var(--color-white)!important; font-size:10px; letter-spacing:0.5px; text-transform:lowercase!important; text-shadow:none!important; } #BookmCntToggle.default-style { color: var(--color-grey)!important; } .isonline { margin-top: 0px!important; background: var(--color-blue)!important; top: 2px!important; right: 2px!important; z-index:1!important } /* ссылки */ #pun-navlinks li { display: inline; margin: 0px 6px;} .post .bookmark {right: -40px!important;} #main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);} .punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, .punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important} /*-----------------------------*/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 12px; right: 40px; color: var(--color-blue); font-weight: bold; cursor: pointer; text-decoration: none; } .menu span { cursor: pointer; margin: 0px 0 10px; padding: 10px 15px 10px 15px; font-family: var(--custom2); font-size: 13px; letter-spacing:1; text-align: center; display: flex; align-items: center; color: var(--color-black); } .menu-links { float: left; margin-right: 15px!important; } #submenu, .menu span { background: var(--color-back); border-radius: 10px; } .menu .tabactive { filter: brightness(0.8); } #submenu { display: inline-block; padding: 7px; font-size: 12px; width: 610px; } .submenutext { display: none; height: 0px; } #sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;} div.face { background-repeat: no-repeat !important; background-position: center center !important; position: relative; width: 180px; height: 180px; margin: 0 15px; } #sm1 > div > div.about { width: 310px; height: 160px; align-items: center; display: flow; padding: 10px 15px; margin: 0px 2px 0 0; background: var(--color-grey); overflow-y: auto; font-size: 11px; } div.collection > h1, .submenutext > h1 { font-family: var(--custom2); font-size: 12px; letter-spacing: 1px; text-align: right; border-bottom: 1px dotted var(--color-nice); margin:10px; } div.pers, div.ach { position: relative; display: inline-flex; justify-content: space-between; width: 575px; height: 40px; margin: 10px;} div.collection { position: relative; display: flow; height: auto; padding: 1px 0 20px 0px; margin: 10px 25px 10px 25px; background: var(--color-grey); } div.lock, div.unlock { background: var(--color-grey2); width: 100px; height: 36px; display: grid; align-items: center; text-align: center; font-size: 10px; padding: 0 4px; color: var(--color-black2); } div.unlock { background: var(--color-black2); color: var(--color-blue); } div.unlock:hover:after {content:'achievement unlocked';} div.lock:hover:after {content:'in progress';} div.unlock:hover:after, div.lock:hover:after{ position:absolute; background:var(--color-black); font-size:10px; color:var(--color-back); width: 108px; margin-left: -4px; height: 36px; display: grid; align-items: center; text-align: center; font-size: 10px; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } #sm1 > div > div.about > a {color:var(--color-nice)} /*-----стырили у nycity.fun------*/ .ico { background: var(--color-grey); display: flex !important; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50px; padding: 0px; } .ico img { max-width: 24px; max-height: 24px; } .lspl pl { display: flex; flex-wrap: wrap; gap: 10px; text-align: center; justify-content: flex-end; overflow: auto; margin-top: 5px; margin-right: 15px; overflow-y: auto; overflow-x: hidden; } div.lspl > pl > .plsh {background:#333; width: 226px; background-size: cover !important; height: 36px; line-height: 1.5;} .lsic ic { display: flex; flex-wrap: wrap; gap: 15px; justify-content: right; align-items: center; min-height: 70px; height:auto; margin-right: 15px; overflow-y: auto; overflow-x: hidden; color: var(--color-back); font-size: 13px; font-family: var(--custom2); } .hdr hd { display: flex; flex-wrap: wrap; gap: 5px; justify-content: right; align-items: center; min-height: 150px; height:auto; margin: 10px 10px 10px 15px; overflow-y: auto; overflow-x: hidden; } .hdr hd > .head {background-size: contain !important; background-position: center !important; width: 150px; height: 268px; border-radius: 15px;} .hdr hd > .head > .header { position: relative; background: var(--color-black2); margin: 15px 10px; border-radius: 12px; width: 130px; height: 210px;} .punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}