<!--изменение яркости форума part.1 -- (c) chatGPT, automatisch--!> <script> (function() { let savedBrightness = localStorage.getItem("html-brightness"); if (savedBrightness) { document.documentElement.style.filter = `brightness(${savedBrightness})`; } })(); </script> <!-- Смена стиля, (с) ForumD.ru, satsana --> <script type="text/javascript"> var styleList = [ { class: 'night', name: 'ночь' },{ class: 'street', name: 'улица' },{ class: 'light', name: 'фонарь' },{ class: 'mless', name: 'бессмысленный и тусклый свет' } ]; function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle); $(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")}); </script> <!-- Смена стиля - END --> <input type="range" id="brightnessSlider" min="0.5" max="1" step="0.01" value="1" title="Изменить яркость"> <ul id="stylelist"></ul> <!--изменение яркости форума part.2 -- (c) chatGPT, automatisch--!> <script> const brightnessSlider = document.getElementById("brightnessSlider"); // Загружаем сохраненное значение яркости function loadSavedBrightness() { const savedBrightness = localStorage.getItem("html-brightness"); if (savedBrightness) { document.documentElement.style.filter = `brightness(${savedBrightness})`; brightnessSlider.value = savedBrightness; } } // Обработчик изменения ползунка brightnessSlider.addEventListener("input", (event) => { const newBrightness = event.target.value; document.documentElement.style.filter = `brightness(${newBrightness})`; localStorage.setItem("html-brightness", newBrightness); }); // Применяем сохраненную яркость при загрузке страницы loadSavedBrightness(); </script> <!-- *************************************************************** --> <div id="Logo"></div> <!-- Cчётчик Игровых постов --> <script type="text/javascript"> /*************************** Настройки! ***************************/ FORUM._NUMpa_fld = 4; // Номер.Доп.поля, FORUM._color_fld = "inherit"; // Цвет шрифта, FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах, FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений, FORUM.Number_winners = [7,[1]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа; FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!; /**** НАСТРОЙКА Игровых локаций ****/ function ad_ (){/*!~!FORUM.ForArrAy = { //Форум //Темы (включаемые, или исключаемые) f7 :-[0], //личные эпизоды f8 :-[0], //альтернатива f24 :-[0] //квесты - эпизоды //Последний элемент без запятой! } !~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_); </script> <script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script> <style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff} #pre_placement>a {top:3px;right:3px;}.punbb .GamePst{padding:0!important;} .punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style> <!--//END Cчётчик Игровых постов © Deff--> <!--КНОПКИ ВВЕРХ ВНИЗ--> <div class="go-up" id='ToTop'></div> <div class="go-down" id='OnBottom'></div> <!-- *************************************************************** --> <div id="ZACHTO"> <div id="NEWS"> <div class="news0"> <div class="newsdate">∞</div> <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" target="_blank">что происходит?</a></span> <span class="txt2nd">гостевая</span></div></div> <div class="news0"> <div class="newsdate">01.06</div> <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">прочитай меня</a></span> <span class="txt2nd">первый день лета</span></div></div> <div class="news0"> <div class="newsdate">01.06</div> <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=5#p69864" target="_blank">расскажи</a></span> <span class="txt2nd">vol.27</span></div></div> <div class="news0"> <div class="newsdate">18.05</div> <div class="newstxt"><span class="txt1st"><a href="https://sept3rd.rusff.me/viewtopic.php?id=583#p69098" target="_blank">мермай</a></span> <span class="txt2nd">русалочий месяц</span></div></div> </div> <div id="RANDOM"> <!-- Ротатор произвольного контента --> <div id="KontentRotator"> <p>Чтобы уважаемый преподаватель полез в драку — немыслимо! Но что случилось — то случилось. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63322#p63322'>[читать дальше]</a> </p> <p> Сырой, мрачный Салем словно сошел с экрана фильмов о типичных городках, населенных безумцами и сектантами, призраками убитых ведьм и их палачей. Атмосферу нагнетали не только и не столько изломанные линии домов в колониальном стиле, сколько поразительная тишина, царившая всюду. Тишина, пустота и забвение. Редкие прохожие выглядели, как нечто чужеродное на мертвых улочках, потерявшихся во времени. По позвоночнику пробежал холодок. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=66538#p66538'>[читать дальше]</a> </p> <p> спокойно, брат, я возьму с собой ножи, ствол, топор, лопату, дрель, серп, гарпун и акулу хд прорвемся хд <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=65317#p65317'>[читать дальше]</a> </p> <p> План был идеален и гениален — по мнению Кевина, разумеется. Найти ту приблудившуюся черную кошку, свести её для беседы с блондинкой, и узнать наконец... Что? Да всё узнать. Грандиозные ожидания, сбывшаяся мечта, но. <br> — Это не то, что ты думаешь. <br> Парень недоуменно уставился на ту, что назвалась Луизой. Не то, тогда что? Неужели она может разговаривать только с тараканами, а кошачий язык не понимает? Печально, если так. <br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=62315#p62315'>[читать дальше]</a> </p> </div> </div> <!-- *************************************************************** --> <script language="javascript"> var sek = 100000000000000000000; // Время отображения var Nrout=$("#KontentRotator p").length var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i); function RotatorMycontent(i) { $("#KontentRotator p").hide(); $("#KontentRotator p").eq(i).show(); j =Math.round(Math.random()*(Nrout-1)); timerID = setTimeout("RotatorMycontent(j)",sek);} </script> </div> <!-- *************************************************************** --> <!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. --> <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script> <script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script> <script type="text/javascript">select_text.linkText = 'выделить код [копируется сразу]' //текст ссылки</script> <!-- *************************************************************** --> <!-- Скрытие панели "profilenav" при просмотре профиля (c) satsana --> <script type="text/javascript"> if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1)) $('#pun-profile').addClass('view'); </script> <style> #pun-profile.view #profilenav {display: none} </style> <script> // Исправляем работу оценок в закрытых темах if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() }; </script> <!--// Быстроплюсы v.2 РЕНО by Deff //--> <script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addcomment="1"></script> <!--/ Мгновенные уведомления © Alex_63, Deff 2019 /--> <link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" /> <style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style> <script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script> <script type="text/javascript"> notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token notifications.key = 'xjj93ak6jdr7'; // Subscription key <!--FALSE ломает награды --> RusffCore.sets.notifications = false </script> <!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 --> <script>notifications.load('subscriptions');</script> <!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 --> <script type="text/javascript"> notifications.load('common', {}); notifications.load('important', {topics: [12,17]}); // ID важных тем (через запятую) </script> <!-—+ Мгновенные уведомления: комментарии к репутации без переадресации Alex_63, 2019 --> <script>notifications.load('reputation');</script> <!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 --> <script>notifications.load('mentions');</script> <!-- Мгновенные уведомления: реакции на сообщения (Rusff) © Alex_63, 2024 --> <script>notifications.load('rusff_reactions')</script> <!--// конец //--> <!-- ************************************************************--> <script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1]?c[1]:false}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script> <!-- ************************************************************--> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(93928845, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 --> <script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script> <!-- Обтекание текста слева/справа --><style type="text/css"> .post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em} .post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right} </style> <script type="text/javascript"> FORUM.set('editor.addition.tags.float_left', {name:'Обтекание слева',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}}); FORUM.set('editor.addition.tags.float_right', {name:'Обтекание справа',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}}); </script> <!-- Dice (c) Spiritus Tergi, ч1 в хтмл-верх; доработки automatisch --> <script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script> <!-- Регулятор размера шрифта (с) satsana, forumd.ru; доработки automatisch--> <div id="chfontsize" title="Размер шрифта"> <div class="fsizeplus"></div> <div class="fsize"></div> <div class="fsizeminus"></div> </div> <script type="text/javascript"> var chfsize; if (!localStorage.fontsize) localStorage.setItem('fontsize', 12); chfsize = +localStorage.getItem('fontsize'); function setfsize (f) { localStorage.setItem('fontsize', f); $('.fsize').text(f); $('.post-content p').css('font-size', f+'px'); $('.punbb textarea').css('font-size', f+'px'); $('#post-preview .fs-box .post-content').css('font-size', f+'px'); $('.punbb pre').css('font-size', f+'px'); } $('.fsizeplus').on('click', function() { chfsize += 1; if (chfsize > 72) chfsize = 72; setfsize (chfsize); }); $('.fsizeminus').on('click', function() { chfsize -= 1; if (chfsize < 6) chfsize = 6; setfsize (chfsize); }); $(document).pun_mainReady(function() { setfsize (chfsize); }); </script><!-- Регулятор размера шрифта (конец) (с) satsana, forumd.ru --> <script type="text/javascript"> if(GroupID==2) document.write('<style>.pa-ip{display: none;}</style>') </script> <!-- ПИАР-ВХОД v.2 --> <script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script> <script type="text/javascript"> PR.nick = 'PR'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script>
vogue
Сообщений 1 страница 4 из 4
Поделиться1Вчера 19:09:24
Поделиться2Вчера 19:09:34
<!-- Аватарка в строке приветствия --> <script type="text/javascript"> DA = "https://forumupload.ru/uploads/001a/eb/a8/2/213923.png" if (UserAvatar == "/i/default_avatar.jpg"){UserAvatar = DA} </script> <script>$('#pun-status>p').prepend('<span class="status_userava"><img src="'+UserAvatar+'"/></span>')</script> <!-- Аватар по умолчанию / Deff, Alex_63 --> <script type="text/javascript"> var DefAvtr = 'https://forumupload.ru/uploads/001a/eb/a8/2/213923.png'; //Ссылка на аватар по умолчанию DefAvtr='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>'; $('li.pa-title').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);}); $('li.pa-author').each(function(){if($(this).parent().find('.pa-avatar').html()==null)$(this).after(DefAvtr);}); </script> <style> .avatar-image[style*="default_avatar.jpg"]{ background-image:url(https://forumupload.ru/uploads/001a/eb/a8/2/213923.png)!important; } </style> <!----- Замена ссылок в Постах на абсолютные by Leraje -----> <script type="text/javascript"> $(".post-content a").each(function (){ var L=$(this).attr("href");var b="click.p"; L=L.replace(/^.*click\.php\?(.*)$/mgi,"$1"); if(L.search(/viewtopic\.php\?id=.*#p/)!=-1){ var p=L.replace(/^.*?#p(\d+)$/mgi,"$1"); L=L.replace(/\?id=.*$/,""); L+="?pid="+p+"#p"+p; } $(this).attr("href",L); }); </script> <!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 --> <script type="text/javascript"> (function(){ $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});} function appendTopicS(){ $('.category td.tcl h3').each(function() { var L=$(this).parents('tr:first'); var str='<div class="Add"><div class="Tems_And_messages"><b>'+L.find('td.tc2').text()+'</b> тем</div><div class="Tems_And_messages"><b>'+L.find('td.tc3').text()+'</b> сообщений</div>\ </div>';$(str).appendTo(this); }); } if($('#pun-index').length){appendTopicS ();} if($('#pun-viewforum').length){ var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1); if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()}); } }()); </script> <!-- *************************************************************** --> <!-- Быстрое редактирование постов © Alex_63 // V.3 --> <script src="https://forumstatic.ru/files/0015/c4/3f/97896.js" type="text/javascript"></script> <!-- *************************************************************** --> <p>твой особенный день</p> <!-- *************************************************************** --> <!--ЗАМЕНА--> <script type="text/javascript"> var h=(new Date()).getHours(), UserID; if (UserID == 'undefined' || UserID == null || UserID == '1'){ if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило;'} if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября;'} if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября;'} if (h > 18 && h < 24) {a='Сентябрь горит, убийца плачет;'}} else {if (h > 23 || h <7) {a='Засентябрило за окном, засентябрило, '+UserLogin+';'} if (h > 6 && h < 12) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} if (h > 11 && h < 19) {a='Я календарь переверну - и снова третье сентября, '+UserLogin+';'} if (h > 18 && h < 24) {a='Совы - не то, чем кажется, '+UserLogin+';'}} var arre=document.getElementsByClassName("item1") var f=0 for (f=0; f<=(arre.length-1); f++) {if (arre[f].innerHTML.indexOf("Привет,")!=-1) {arre[f].innerHTML=a}} </script> <!-- *************************************************************** --> <!-- Dice Roller BEGIN (c) Spiritus Tergi, ч2 в хтмл-низ; доработки automatisch --> <template id="dice-box-template"> <div class="dice-box"> <p> <span class="roll-dice"></span> <span class="roll-value"></span> </p> <p class="roll-reason"></p> <p class="roll-result"></p> </div> </template> <script src="//cdnjs.cloudflare.com/ajax/libs/seedrandom/2.4.4/seedrandom.min.js"></script> <script> diceResults = [ {'max' : 16, 'result' : 'неудача, тяжелые травмы.'}, {'max' : 29, 'result' : 'неудача, персонаж зарабатывает легкие ушибы.'}, {'max' : 49, 'result' : 'неудача, но без увечий и травм.'}, {'max' : 60, 'result' : 'удача с большим трудом и возможными тяжелыми увечьями.'}, {'max' : 90, 'result' : 'удача, с легкими ранениями.'}, {'max' : 1000, 'result' : 'удача без единой травмы или увечья.'} ] isTagged = (document.querySelector('#pun').innerHTML.indexOf('[dice]') >= 0) if (isTagged) { diceRoller = new DiceRoller(diceResults) diceRoller.initDiceBoxes() } </script> <!-- Dice Roller END --> <!-- Dice Roller Form BEGIN --> <form id="dice-form" class="hidden" autocomplete="on"> <div> <label><span>Кубиков</span> <input type="text" name="count" maxlength="3" value="1" disabled=""></label> <label><span>Граней</span> <input type="text" name="sides" maxlength="3" value="100" disabled=""></label> <label><span>Бонус</span> <input type="text" name="bonus" maxlength="4" value="0"></label> <label><span>Штраф</span> <input type="text" name="fine" maxlength="4" value="0"></label> </div> <div> <label><span>Действие</span><div class="resizable-textarea"><span><textarea name="reason" cols="10" rows="5" class="processed"></textarea><div class="grippie" style="margin-right: 1806px;"></div></span></div></label> </div> <button type="submit">вставить</button> </form> <script> replyForm = document.getElementById('post') diceForm = document.getElementById('dice-form') diceButtonString = '<td id="button-dice" title="Форма дайсов" class="hidden"><img src="/i/blank.gif"></td>' function handleDiceFormSubmit(event) { event.preventDefault() let tagArguments = [] for(let control of event.target.elements) if (control.tagName != 'BUTTON') tagArguments.push(control.name + ' = ' + control.value) replyForm['main-reply'].value += '\n[dice]' + tagArguments.join(' | ') + '[/dice]' } function handleDiceButtonClick(event) { diceForm.classList.toggle('hidden') } if (replyForm != null) { replyForm.querySelector('.fs-box.hashelp').insertAdjacentElement('beforeend', diceForm) diceForm.addEventListener('submit', handleDiceFormSubmit) let row = replyForm.querySelector('#form-buttons tr') row.innerHTML += diceButtonString let diceButton = document.getElementById('button-dice') diceButton.classList.remove('hidden') diceButton.addEventListener('click', handleDiceButtonClick) } </script> <!-- Dice Roller Form END --></div> <!-- *************************************************************** --> <!--Новый скрипт смены имиджа--> <script src="https://forumstatic.ru/files/0017/95/29/79261.js"></script> <script> hvScriptSet.addMask({ maskLimit:40, guestAccess: ['архив эпизодов', 'личные эпизоды', 'альтернатива', 'игровой архив'], forumAccessExtended: { 'личные эпизоды': ['Пользователи'], 'альтернатива': ['Пользователи'], 'обсуждения': ['Пользователи'], 'эпизоды': ['Пользователи'], 'игровой архив': ['Пользователи'], 'архив эпизодов': ['Пользователи'], 'флуд': ['Пользователи'], 'игры и конкурсы': ['Пользователи'], 'личные темы игроков': ['Пользователи'], 'архив архивов': ['Пользователи'], 'акции': ['Пользователи'], 'информация': ['Пользователи'], 'анкеты': ['Пользователи'], 'принятые анкеты': ['Пользователи'] }, changeList: { 'pafld1': { title: 'pa-fld1', description: 'Личное звание', tag: 'lz', class: 'pa-fld1', defaultCode: '<a href="ссылка на анкету" target="_blank">Имя Фамилия, XX</a><br>чаще всего я <b>род деятельности</b>, но иногда <b>дополнительная информация</b>', type: 'html' }, 'pafld2': { title: 'pa-fld2', description: 'История', tag: 'fnd', class: 'pa-fld2', defaultCode: '<story title="название-истории">персонаж</story>', type: 'html' } }, userFields: ['pa-author', 'pa-title', 'pa-avatar', 'pa-fld5', 'pa-fld1', 'pa-fld2', 'pa-fld4', 'pa-fld3', 'pa-respect', 'pa-online'] }); </script> <!-- Ссылка на авторский пост в цитате // v.3 © Alex_63 --> <script type="text/javascript"> $('.quote-box>cite:contains("#")').each(function() { var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="'; if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.split(',')[1]+'</a>');} else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.split(',')[1]+'</a>');} });$('#pun-viewtopic .pl-quote>a').each(function() { $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+',')); }); </script> <!-- *************************************************************** --> <div class="container"><!--БАННЕРЫ--> <div class="bannner"><div class="banr"> <a href="https://ftr404.rusff.me" target="_blank"><img src="https://forumupload.ru/uploads/001c/1a/06/5/954124.png" title="киберпанк, эпизоды, анархия"></a> <a href="https://crossfeeling.rusff.me/" target="_blank"> <img src="https://forumupload.ru/uploads/0015/e5/b7/3090/672618.png" title="crossfeeling" border="1" width="88" height="31"></a> <a href="https://deepend.rusff.me"><img src="https://forumupload.ru/uploads/001c/71/28/2/741935.gif"></a> <a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/6c/7d/42027.jpg" title="перси джексон ♥ мифология"></a> <a href="https://heylar.rusff.me/" target=_blank><img src="https://forumupload.ru/uploads/001c/75/d0/14/387418.png" title="Хейлар: Пляска Смерти. Фэнтези, стимпанк, смешанные внешности, расы, магия, драконы, DnD"></a> <a href="https://karma.f-rpg.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/14/5b/7/124634.png" title="karma cross" border="0" width="88" height="31"></a> <a href="https://serodomno.mybb.ru/"><img src="https://i.imgur.com/abigMHv.png" title="Серодомье - магический реализм, временные парадоксы, лоси-вертолеты" border="0""></a> <a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://i.imgur.com/beEZqwd.gif" width="88" height="31" border="0"></a> <a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://forumupload.ru/uploads/001b/67/7a/207/50067.jpg"></a> <a href="https://machinarium.rolka.me/" title="Авторское техно-фентази, стимпанк" target="blank"><img src="https://forumupload.ru/uploads/001c/5a/2f/5/398516.gif"></a> <a href="https://eveningstop.rusff.me/" title="кроссовер для уставших" target="_blank"><img src="https://i.imgur.com/vMkJyh4.png" width="88" height="31" border="0"></a> <a href="https://happyhouse.rusff.me/"><img src="https://forumupload.ru/uploads/001c/52/80/5/973974.jpg"></a> <a href="https://1920.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/0019/49/95/2/81362.png" border="0" width="88" height="31" title="1920. Потерянное поколение"/></a> <a href="https://nightcity.rusff.me/" target=_blank> <img src="https://forumupload.ru/uploads/001b/b3/8e/87/612150.gif" border="0" alt="NIGHT CITY VIBE"></a> <a href="https://why.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/61/20/17/606277.png" title="why? cross" border="0" width="88" height="31"></a> <a target="_blank" href="https://dagort.f-rpg.me/" title="Дагорт"><img src="https://forumstatic.ru/files/001c/69/9f/62229.png?v=1" border="0"></a> <a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/36/d0/64241.gif" width="88px" height="31px" title="Supermassive Black Cross"></a> <a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a> <a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://forumupload.ru/uploads/001c/38/b6/4/420928.gif" width="88" height="31" border="0"></a> <a href="https://genshineclipse.com/" title="Genshin Impact: Celestial Eclipse" target="_blank"><img src="https://forumupload.ru/uploads/001b/df/32/147/26957.gif"></a> <a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a> <a href="https://meethope.ru/"><img src="https://forumstatic.ru/files/001c/42/be/39857.gif" title="Hope County"></a> <a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></a> <a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a> <a href="https://knowhere.rusff.me/" target="_blank"><img src="https://forumupload.ru/uploads/001c/1e/c3/2/788017.gif" title="Knowhere: способности, закрытый город"></a> <a href='https://nolf.mybb.ru/' target='blank' title="ФРПГ No One Lives Forever"><img src="https://forumstatic.ru/files/0015/1e/ae/64347.gif" border="0" width="88" height="31"></a> <a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://forumstatic.ru/files/001b/0f/ee/83990.jpg" border="0"/></a> <a href="https://genshinmemories.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/0017/4a/e0/13035.gif" title="Genshin Impact: Golden Memories"></a> <a href="https://breakout.rusff.me/" title="BREAKOUТ: аномалии, способности, монстры"> <img src="https://forumstatic.ru/files/001c/2a/d4/18938.png"></a> <a href="https://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a> <a href="https://killarney.rolka.me" title="Магия в небольшом городке Ирландии" target="_blank"><img src="https://forumupload.ru/uploads/001b/d2/19/2/602313.gif"></a> <a href="http://jkisdead.rusff.me/" title="Town under the Arch" target="blank"><img src="https://forumupload.ru/uploads/0017/2a/64/6/714913.gif"></a> <a href="http://holod.rusff.me" target="_blank"><img src="http://s7.uploads.ru/YmQdR.gif" title="ХОЛОД" width="88" height="31"></a> <a href="https://clubofromance.rusff.me/" title="romance club: new story"><img src="https://forumupload.ru/uploads/001b/b5/70/2/36492.png" border="0"></a> </div></div> <!--КОНЕЦ--> <!-- *************************************************************** --> <!--НОВЫЕ СООБЩЕНИЯ--> <script type="text/javascript">$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');</script> <!-- *************************************************************** --> <!--ЗАПЯТАЯ ПОСЛЕ НАЖАТИЯ НА НИК--> <script type="text/javascript">function to(username) {insert('[b]' + username + '[/b]' + ', ');}</script> <!-- *************************************************************** --> <!--КЛИКАБЕЛЬНОСТЬ НИКА ОТ ГОСТЯ--> <script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script> <!-- *************************************************************** --> <!--КНОПКИ ВВЕРХ ВНИЗ--> <script type="text/javascript"> $(function(){ if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow") else $("#ToTop").fadeIn("slow") }); if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow") else $("#OnBottom").fadeIn("slow") }); $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")}) $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")}) }); </script> <!-- *************************************************************** --> <!-- тире вместо дефиса с учетом кодов --!> <!-- доработки chatGPT, automatisch --!> <script type="text/javascript"> $('.post-content p, .post-content strong, .post-content em').each(function(){ var a = $(this).clone().wrap('<div></div>').parent().html(); var b = a .replace(/-(?=\s| )/g, '—') // Дефис перед пробелом или → длинное тире <!-- .replace(/(?<=\s| )-/g, '—') // Дефис после пробела или → длинное тире --> .replace(/-(?=<\/(strong|em)>)/g, '—'); // Дефис перед </strong> и </em> → длинное тире if (a !== b) $(this).replaceWith(b); }); </script> <!-- *************************************************************** --> <!-- взаимная реклама, доработки chatGPT, automatisch--> <script> function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } function copyAdvertisingToClipboard(event, element) { event.preventDefault(); var postLink = $(element).closest(".post").find(".permalink").attr("href"); var tempTextarea = $("<textarea>"); $("body").append(tempTextarea); var adCode = advertiseCodes[getRandomInt(0, advertiseCodes.length)] + "\n[url=" + postLink + "]ваша реклама[/url]"; tempTextarea.val(adCode).select(); document.execCommand("copy"); tempTextarea.remove(); } function addAdvertiseLink() { $(".post").each(function() { var adLink = $("<li>").addClass("pl-advlink").append( '<a href="#" onclick="copyAdvertisingToClipboard(event, this);">взаимная реклама</a>' ); $(this).find(".post-links ul").append(adLink); }); } // Проверяем, есть ли в <head> нужная ссылка if ($('link[rel="up"][title="реклама"][href="https://sept3rd.rusff.me/viewforum.php?id=12"]').length > 0) { addAdvertiseLink(); } var advertiseCodes = [ "[align=center][url=https://sept3rd.rusff.me/viewtopic.php?id=8#p11][img]https://forumupload.ru/uploads/001b/e4/bf/4/663505.png[/img][/url][/align]" ]; </script> <script type="text/javascript"> $('.lastedit').remove(); </script> <script type="text/javascript"> $('div.icon').attr('title', 'Нет новых сообщений'); $('tr.inew div.icon').attr('title', 'Есть новые сообщения'); $('tr.isticky div.icon').attr('title', 'Важная тема'); $('tr.iclosed div.icon').attr('title', 'Закрытая тема'); $('#pun-navlinks li#navindex a').attr('title', 'Главная'); $('#pun-navlinks li#navuserlist a').attr('title', 'Участники'); $('#pun-navlinks li#navsearch a').attr('title', 'Поиск'); $('#pun-navlinks li#navprofile a').attr('title', 'Профиль'); $('#pun-navlinks li#navpm a').attr('title', 'Сообщения'); $('#pun-navlinks li#navregister a').attr('title', 'Регистрация'); $('#pun-navlinks li#navlogin a').attr('title', 'Вход'); $('#pun-navlinks li#navlogout a').attr('title', 'Выход'); $('#pun-navlinks li#navadmin a').attr('title', 'Админ'); $('#pun-navlinks li#navpr_1 a').attr('title', 'PR-вход'); $('#pun-navlinks li#navpr_2 a').attr('title', 'Читатель'); $('div.unlock').attr('title', 'Достижение получено'); $('div.lock').attr('title', 'Достижение не получено'); $('#button-bold').attr('title', 'Жирный Ctrl + B'); $('#button-italic').attr('title', 'Наклонный Ctrl + I'); $('#button-underline').attr('title', 'Подчеркнутый Ctrl + U'); $('#button-strike').attr('title', 'Зачеркнутый Ctrl + S'); $('#button-transL').attr('title', 'Lat <-> Рус'); $('.pa-fld4').attr('title', 'Посты'); $('.pa-posts').attr('title', 'Сообщения'); $('.pa-respect').attr('title', 'Уважение'); $('#stylelist [data="night"] a').attr('title', 'Ночь'); $('#stylelist [data="street"] a').attr('title', 'Улица'); $('#stylelist [data="light"] a').attr('title', 'Фонарь'); $('#stylelist [data="meds"] a').attr('title', 'Аптека'); $('#stylelist [data="mless"] a').attr('title', 'Бессмысленный и тусклый свет') </script> <script type="text/javascript"> $('li[title],before[title],img[title],a[title],story[title],div.icon[title],td[title],div.lock[title],div.unlock[title],div.checkbox-container[title],input[title],#chfontsize[title]').tipsy({fade: true, gravity: 's'}); </script> <!---личная эта самая---> <script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script> <div id="character" class="reveal-modal xlarge main container"> <div class="modal_wrap"></div> <a class="close-reveal-modal">×</a> </div> <script type="text/javascript"> function showTab(elem){ $(".menu span").removeClass("tabactive"); $(elem).addClass("tabactive"); $("div.submenutext").hide(); var activeDiv = $(elem).attr("alt"); $("div."+activeDiv).fadeIn(); return false; } $(".modal-link").click(function() { var modId = $(this).attr('id'); $('.modal_wrap').html(''); $.get('pages/'+modId, function (data){ $('.modal_wrap').html($(data).find('.character').html()); }); $(".submenutext").hide(); $(".submenutext:first").show(); }); </script> <!-- chatGPT, automatisch --> <script> $(window).on('load scroll', function() { var scrollTop = $(this).scrollTop(); // Кешируем значение скролла function toggleFixed(element, offset) { $(element).toggleClass('fixed', scrollTop >= offset); } toggleFixed('#pun-navlinks', 380); toggleFixed('#pun-ulinks', 380); }); </script> <!-- chatGPT, automatisch --> <script> document.addEventListener("DOMContentLoaded", () => { const news = document.getElementById("NEWS"); if (!news) return; const hasHorizontalScroll = news.scrollWidth > news.clientWidth; if (hasHorizontalScroll) { news.classList.add("overflown"); } }); </script> <!--ОТКЛЮЧИТЬ "Сервис рекомендаций", Отключение кнопки "Жалоба в сообщениях", Отключить функцию "Теги"--> <script type="text/javascript"> rusffLive.enable = false; RusffCore.sets.show_reportBtn = 0; RusffCore.sets.tags = false; ReactionsPlugin.setConfig({ elemSelector: '.clearer', customEmojis: [ { id: '_custmem1', url: 'https://i.imgur.com/S0mWKgc.png', }, { id: '_custmem2', url: 'https://i.imgur.com/8hSleup.png', }, { id: '_custmem3', url: 'https://i.imgur.com/YCcbtfj.png', }, { id: '_custmem4', url: 'https://i.imgur.com/TSCxKAg.png', }, { id: '_custmem5', url: 'https://i.imgur.com/EivvruP.png', }, { id: '_custmem6', url: 'https://i.imgur.com/21BFzW7.png', }, { id: '_custmem7', url: 'https://i.imgur.com/lLYVKdG.png', }, { id: '_custmem8', url: 'https://i.imgur.com/enFZuGr.png', }, { id: '_custmem9', url: 'https://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>
Поделиться3Вчера 19:09:44
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0'); .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } @font-face { font-family: 'DidotBold'; font-weight: normal; font-style: normal; font-display: swap; src: url("https://forumstatic.ru/files/001a/eb/a8/95969.woff") format("woff"); } @font-face { font-family: 'DidotTitle'; font-weight: 300; font-display: swap; src: url("https://forumstatic.ru/files/001a/eb/a8/32470.woff") format("woff"); } /*-----------------------------*/ /*** убираем font boosting ***/ html, html * {text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;} /*-----------------------------*/ /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0 } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { border:none } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size: 100.01%; } /* A3.2 */ .punbb { font: normal 70% verdana, arial, helvetica, sans-serif; } /* A3.4 */ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, #post-form > h2 > span { color: var(--color-black); font-size: 16px; text-transform: lowercase; font-family: var(--custom2); letter-spacing: 1.25px; } #post-form > h2 > span {margin-right:10px; display:none;} .punbb h1 span { color: var(--color-brown); display:none;} /* A3.6 */ .punbb pre { font: 11px / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } /* A3.7 */ .punbb address, .punbb em { font-style: normal; } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; border-bottom: 1px dashed var(--color-nice); } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after,.punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0!important; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin: 0 auto; width: var(--wide); } /* A5.2 */ /* A5.3 */ #pun-redirect { background:#191919 fixed top center repeat; position: absolute; width: 100%; height: 125%; z-index: 100; top: -200px !important; left: 0 !important; } #pun-redirect #pun-main { margin: 12% 37% 12px 37%; background-color: #191919; width: auto; float: none; position: relative; z-index: 1000; } #pun-redirect #pun-main > a {color:#f0f0f0!important} /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { /*margin-top: 0;*/ } /* 5.7 */ #pun-post .topic { margin-top: 1em; } #pun-main h1{ padding: 5px 10px; text-align: right; margin: 0; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; margin: 10px 0px; height: 0px; border-bottom: 1px dashed var(--color-green); } .post-sig dd p, #profile .fs-box dd p { font-size: 10px; text-align: center!important; line-height: 11px!important; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0.5em 0px; line-height: 150%; text-align: justify; } /* B1.4 */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; height: auto!important; max-height: 500px; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { padding: 10px 15px; margin: 10px 0; } .punbb .post-content .spoiler-box {padding: 10px 20px !important; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { padding: 3px 10px 5px !important; text-align: center; margin: -11px auto 10px !important; color: var(--color-white) !important; background: var(--color-black2); /* border-radius: 10px; */ display: block; width: fit-content; font-weight: 600; font-style: normal; text-align: center; text-transform: lowercase; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; height: 20px; text-transform: lowercase; color: var(--color-black); } /* B3.2 */ .multipage { margin-top: 30px; padding: 0 50px; } /* B3.3 */ .linkst .pagelink { position: absolute; top: -30px; width: 30em; text-transform: lowercase; font-size: 10px; } /* B3.4 */ .linkst .postlink { position: absolute; top: -30px; font-size: 10px; right: 5px; width: 16em; text-align: right; } /* B3.5 */ .punbb .linksb { position: relative; text-transform: lowercase; font-size: 10px; margin: 10px 0px; color: var(--color-black); } /* B3.6 */ .linksb .pagelink { float: left; text-transform: lowercase; font-size: 10px;} /* B3.7 */ .linksb .postlink { font-size: 10px; float: right; width: auto!important; } /* B3.8 */ .subscribelink { float: right; margin-right: 10px; text-transform: lowercase; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { border-style: solid; border-width: 1px; padding: 5px 15px; font-size: 11px; margin: 10px 0; } #profile .formal { } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 3px; text-align: center; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit span { } /* C1.4 */ .punbb fieldset { padding: 0px 20px; } /* C1.5 */ .punbb fieldset legend { text-transform: lowercase; font-size: 13px; } /* C1.6 */ .punbb fieldset legend span { padding: 2px 5px; margin: 0; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { /* padding: 0 0 15px 0*/ } /* C1.10 */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 */ .punbb .inline .infofield { clear:both } /* C1.13 */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 */ .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 50%; } .punbb td div.tclcon { text-align: left; font-size: 11px; color: var(--color-black); padding-right: 10px!important; margin-right: 15px; } /* C2.2 */ .punbb .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; text-transform: lowercase; font-size: 11px; } .multipage .tc2, .multipage .tc3, .multipage .tcmod { width: 7%;} /* C2.3 */ .punbb .main .tcr { text-align: left; width: 35%; text-transform: initial; color: var(--color-black); padding-right: 0px; padding-bottom: 10px; padding-top: 10px; text-transform: lowercase; } #pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important} #pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, #pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr, #pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr { } #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod { text-align: center; width: 15%; color: var(--color-black); text-transform: lowercase; padding: 8px; } /* C2.4 */ #pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%; padding-left:25px; } #pun-searchposts .pa-replies { display:none } #pun-respect .main .tcr, #pun-respect .main .tcl, #pun-positive .main .tcr, #pun-positive .main .tcl { text-align: center; } #pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod { border: none; color: var(--color-black); } /* C2.5 */ #pun-searchtopics .main .tc2 { text-align: left; width: 20%; vertical-align: top; padding-top: 20px; } /* C2.6 */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 */ #pun-index .tcl h3 { text-align: left; vertical-align: middle; padding-top: 20px; margin-left: 14px; } #post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a { color: var(--color-black); font-size: 18px; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; font-family: var(--custom); margin-left: 100px; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em; display:none; } /* C2.11 */ .punbb .main td { padding: 0; } /* C2.12 */ .punbb .main th { } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl {padding: 10px 25px; } #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 { width: 20px; vertical-align: top; padding-top: 20px; font-size: 11px; padding-left: 5px; } #pun-viewforum div.icon { margin-top: -30px; } #pun-searchtopics div.icon { margin-top: -35px; } #pun-modviewforum div.icon { margin-top: 0px!important; } #pun-multimove .main .tc2 { border: none!important; } #pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod { text-align: center; width: 10%; color: #344150; text-transform: lowercase; border-top: 3px solid #a5936d; } #pun-message .pun-navlinks { margin-bottom: -82px!important; } #pun-viewforum .forum .tcl .tclcon { text-align: left; margin-right: 18px; padding-left: 18px; margin-top: -10px; margin-left: -4px; } #pun-searchtopics .forum .tcl .tclcon { text-align: left; padding: 0px 10px 0; margin-right: 18px; padding-left: 0px; margin-top: -10px; margin-left: 15px; } #pun-modviewforum .main .tcl { } #pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr { vertical-align: top; padding-top: 20px; } #pun-modviewforum .forum .tcl .tclcon { padding-top: 5px; margin-left: 55px; } #pun-searchtopics .main .tcr, #pun-viewforum .main .tcr { padding-right: 15px; padding-left: 5px; padding-bottom: 0px; padding-top: 20px; text-transform: lowercase; } #pun-searchtopicsem.user-avatar { float: right !important; padding-left: 15px; padding-bottom: 11px; margin: -10px 0px 2px 0px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { margin-top: 4px; } /* C3.2 */ .punbb .post h3 { color:var(--color-black); } /* C3.3 */ .punbb .post h3 span { padding: 0px 0px 5px; display: block; text-transform: lowercase; margin-left: 250px; margin-bottom: 10px; } .punbb .post-links ul a, .punbb .post h3 span a { color: var(--color-grey3); font-size: 10px; } /* C3.4 */ .punbb .post h3 strong { float: right; text-align: right; font-weight: normal !important; font-size: 10px; } /* C3.5 */ .punbb .post .post-author { margin-left: 0px; float: left; width: 206px; margin-top: -30px; text-align: center; background: var(--color-black2); padding: 5px 10px 15px; background-size:cover!important; background-position: center !important; } .punbb .post .post-author ul { padding: 5px 0 0 0; background: var(--color-black2); border-radius: 15px; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 100%; } /* C3.7 */ div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active { color: var(--color-nice)!important; } div.post-author > p.pa-author, li.pa-author { font-family: var(--custom); text-transform: lowercase; line-height: 150%; font-size: 20px; text-align: center; font-weight: bold; letter-spacing: 0.5px; margin: 3px 9px 5px; } li.pa-avatar.item2 { width: fit-content; display: inline-block; margin: 7px; } li.pa-avatar.item2 img { padding: 0 5px 4px; } .pa-awards a:before { display:none; content: "•••"; letter-spacing: 4px; font-size: 6px; color: var(--color-green); position: relative; } .pa-awards { text-align: center; text-transform: lowercase; font-size: 0px; height: 15px !important; padding: 5px 0 0 !important; } /* C3.9 */ li.pa-title { text-align: center; font-size: 9px; color: var(--color-white); text-transform: lowercase; padding: 5px 10px 4px; margin: -4px 13px -1px; border-top: 1px dashed var(--color-grey); } .pa-online{ left: 200px; top: -8px; font-size: 0px; display: flex; width: 8px; height: 8px; border-radius: 50%; z-index: 2 !important; position: relative; background: var(--color-hz); margin-left: -10px; margin-top: 0px; } .punbb .user-avatar .isonline, .pa-online{ animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; } .pa-online:hover {animation: none!important;} .pa-online:hover strong { opacity: 1.0; visibility: visible; } .pa-online strong { position: absolute; top: 18px; right: -6px; padding: 0 8px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0.7); font-weight: 400; white-space: nowrap; color: #fff; font-size: 10px; text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0; text-align: center; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; opacity: 0; visibility: hidden; } .pa-online strong:before { content: ""; position: absolute; width: 0; height: 0; right: 6px; top: -10px; border-width: 5px 5px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; } /* C3.11 */ .punbb .post-body { margin-left: 250px; } /* C3.12 */ .punbb .post-box { padding: 0px; margin: 0px; } #post-preview .post-box { text-transform: none!important; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { padding: 15px 0px 0px; font-size: 10px; } /* C3.15 */ .punbb .post-links ul { text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; text-transform: lowercase; } /* C3.17 */ .pl-email, .pl-website{ float: left; } .pl-email, .pl-website {padding-right: 10px!important;} .pl-quote, .pl-delete, .pl-edit, .pl-advlink {padding-left: 10px!important;} /* C3.18 */ .punbb .clearer { clear: both; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 15px 0px 10px; text-transform: lowercase; text-align: right; font-size:10px; } /* C4.2 */ .punbb .modmenu strong, .punbb .modmenu a { text-transform: lowercase; } /* C4.3 */ .punbb .modmenu .container strong { float: left; } /* C4.4 */ .punbb .modmenu input { margin-left: 1em; } #topic-modmenu .container strong #mod-options { } #topic-users-in { height: 100%;} #topic-users-in a:last-child:after {content: "";} #topic-users-in a:after {content: ",";} /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding: 10px; margin: 0 25px; color: var(--color-black); font-size: 11px; text-align: center; border: 1px solid var(--color-black); } /* C5.2 */ .punbb .info .container .backlink { padding-top: 10px; text-align: center; font-size: 11px; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #pun-profile #profile .container { padding-left: 18.6em; margin-top: 50px; } .adminmain { margin-top: 153px; } #pun-messages #profile .container { padding-left: 18.6em; width: auto; } #messages .icon { margin-top: -10px; } #pun-messages #form-buttons { width: auto; } #messages .tc2.pmtc22 {width:30%!important; padding-right: 10px; vertical-align: inherit; } #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 { width: 43%!important; padding-top: 0px; padding-bottom: 20px; vertical-align: inherit;} #messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important; vertical-align: inherit;} #messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon { font-size: 11px; padding-top: 20px; margin-left: 25px; margin-right: 5px; padding-bottom: 10px;} #messages .tc3 { color: var(--color-black); padding-left: 15px; vertical-align: inherit; } #messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { } #pun-profile .main .tc2, #pun-profile .main .tc3, #pun-profile .main .tcmod { border:none; } .award-description { color: var(--color-green); } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; font-size: 9px; font-weight: bold; margin: 8px 0 1em 0; } /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -5px 0px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 */ #pun-userlist .usertable table { border: none; background: transparent; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { border-style: none none none none; border-width: 0px 0px 0 0px; display:none; } /* D1.2 */ #pun-title h1 { display : block; height : 0px; padding: 0em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 0px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks {position: sticky;z-index: 10;top: 0px;/* left: 1px; */margin: 0 2px;} #pun-navlinks a {color: var(--color-black);} /* D3.2 */ #pun-navlinks .container { padding: 10px 47px; font-family: var(--custom); font-weight: bold; font-size: 20px; text-transform: lowercase; } #pun-navlinks a span{display:none} #navindex a:before {content:'Home';} #navuserlist a:before {content:'Members';} #navsearch a:before {content:'Search';} #navprofile a:before {content:'Profile';} #navpm a:before {content:'Messages';} #navadmin a:before {content:'Ams';} #navlogout a:before {content:'Logout';} #navlogin a:before {content:'Login';} #navregister a:before {content:'Join';} #navpr_1 a:before {content:'PR';} /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { position: sticky; z-index: 10; top: 47px; margin: 0 2px; } /* D4.2 */ #pun-ulinks .container {padding: 0px 50px 10px 50px; font-size: 10px;text-transform: lowercase;} #pun-navlinks.fixed, #pun-ulinks.fixed { background: var(--color-back); z-index:99; } #pun-navlinks.fixed > .container. { padding: 10px 45px;} #pun-ulinks.fixed >.container {padding-left: 0px 48px 10px 48px;} /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } #pun-ulinks a { color: var(--color-black); } /* D4.4 */ #pun-ulinks li a { padding: 0 4px; text-transform: lowercase; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; height: 0; } /* D5.2 */ #pun-status .container { color: var(--color-black); position: absolute; margin-left: 52px; margin: 20px 20px 15px 52px; font-size: 10px; line-height: 150%; font-style: italic; text-transform: lowercase; width: 410px; height: 50px; display: inline; } #pun-status .container strong { font-weight: normal!important; } /* D5.3 */ #pun-status span { } #pun-status > p > span.status_userava > img, #status_userava > a > img { width: 40px; height: auto; vertical-align: middle; float: left; margin-right: 15px; } /*span.status_userava:before{ content: ""; display: block; position: absolute; background: var(--color-green); width: 80px; height: 80px; top: 0; left: 0; z-index: 1; opacity: .15; } span.status_userava:after{ content: ""; display: block; position: absolute; background: var(--color-nice2); width: 80px; height: 80px; top: 0; left: 0; z-index: 1; mix-blend-mode: darken; transition: all .4s linear 0s; } */ /* D5.4 */ #pun-crumbs1 { font-weight: normal; overflow: hidden; margin-top: 65px; } /* D5.5 */ #pun-crumbs1 p.container, #pun-crumbs2 .container{ text-align: right; margin: 15px 52px!important; font-size: 10px; letter-spacing: 0.5px; text-transform: lowercase; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; } /* D6.3 */ #pun-announcement .container { } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { font-size: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* D7.2 */ #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: inline-block; } #pun-stats li.item1 { width: 130px; margin-left: 10px; } #pun-stats li.item2 { width: 195px; } #pun-stats li.item3 { width: 240px; } #pun-stats li.item4 { width: 335px; } #pun-stats li.item4 > strong > a {color:var(--color-grey)!important} #pun-stats li.item4 > strong > a:hover {color:var(--color-hz)!important} /* D7.4 */ li#onlinelist {text-align: justify;font-size: 10px;padding: 10px 0px 0px 0px;text-transform: lowercase; width: var(--wide);} /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 5px; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; } /* D8.5 */ #pun-about p span { display: block; } /* D8.7 */ #pun-crumbs2 .container { } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } .admain { padding-left: 172px!important; margin-bottom: 1em; } li.pa-hidePunk {border: none 0; padding: 5px 0px 10px; cursor: pointer; margin: 5px; text-align: center; color: var(--color-mda2); text-transform: lowercase; font-size: 9px; } .editBookmark {baclground:var(--color-hz)} .FNTslider .before { height: 3px; position: absolute; margin-top: 0px; background: var(--color-grey); } .FNTslider .thumb { width: 5px; height: 7px; position: relative; top: -2px; cursor: pointer; background: var(--color-green); } .FNTslider { position: relative; width: 110px; height: 3px; margin: 3.5px 130px 3px 5px; float: right; margin-right: %; background: var(--color-green); } #pun-main > div.usertable > div > table > tbody > tr > td.tcl { padding: 5px 15px 0 5px; width: 15%} #pun-about > p > span {display:none} .quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-grey)!important} #pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 10px} #filetable > tbody > tr > td.tcl {padding-top: 10px!important;} #filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5), #filetable > tbody > tr > td.tc2.ft-uploaded, #filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;} #filetable > tbody > tr > td.tcr {border:none!important} #filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;} #rep_form > table > tbody > tr > td.tc2 {border:none!important} #rep_form > table > tbody > tr:nth-child(1) > td.tc2 { padding-top: 0px; color: var(--color-black2);} #rep_form > table > tbody > tr:nth-child(2) > td.tcl { vertical-align: inherit;} li.pa-fld4.hidePunkt > span, li.pa-respect.hidePunkt > span.fld-name, li.pa-posts.hidePunkt > span{padding-right:0px!important} #pun-userlist .main .tcl, #pun-userlist .main .tc2, #pun-userlist .main .tc3 {border: none!important;} div[id*=pun-admin_]> #pun-title > #title-logo-table > tbody > #title-logo-tr {top:0!important} #pun-status > p > span.item4.status-right {display:none} .bubble:after { border-color: var(--color-blue)!important;} .bubble { background: var(--color-blue) !important; color: var(--color-white) !important;} #tags .container { background: var(--color-back); top: 31px!important; box-shadow: 1px 1px 5px; border: solid 1px #999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .pl-reports {display:none!important} #awards-content > tr.alt1 > td.tcl {display:none} #awards-content > tr.alt1 > td:last-child {display:none} #awards-content > tr > td:nth-child(2) {width:40%} #awards-content > tr > td:nth-child(3) { width: 60%; text-align: left; padding: 10px; display: flex; align-items: center; } #profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%} td.tcl > div > div.tclcon > a { text-align: right; color: var(--color-black); letter-spacing: 0.5px; text-transform: lowercase; } #pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar { margin: 0px 35px 12px 0px;} #pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important; top: 0px;} .punbb textarea, .punbb select, .punbb input {outline: transparent; } li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld5 > span {display:none} /*---------GUEST------*/ html {border:none!important} div.theme-img { width: 310px; padding: 0 10px; margin-left: 5px; min-height: 120px; display: inline-block; text-align: center; } div.theme-img > img { max-width: 310px; max-height: 110px;} .theme-text { max-width: 310px; padding: 0px 10px; font-size: 11px; text-align: justify; display: inline-block; } div.blabla { width: 145px; padding: 0 10px; display: inline-table; height: 88px; color:var(--color-green); } div.blbl { width: 300px; padding: 10px 10px 10px 22px; display: inline-table; height: 150px;} .theme-name1 { margin: 0px 10px 10px; padding: 10px 10px 0px 0; border-bottom: 1px solid var(--color-nice); color:var(--color-green);} .theme-name { font-family: var(--custom2); text-align: right; font-size: 11px; text-transform: lowercase; letter-spacing: 0.5px; color:var(--color-green); } .theme-subname { font-size: 10px; text-align: right; font-weight: normal; margin-bottom: 7px; letter-spacing: 1px; font-family: verdana; } div.blabla-face { width: 275px; padding: 0 10px 0 12px; display: inline-table; color:var(--color-green); } div.blabla-face > div.theme-name { padding: 4px 0 5px; color: var(--color-green); text-align: center; font-weight: 600; border-bottom: 1px solid var(--color-nice); } div.blabla-face > div.theme-links { padding: 0 5px 0 10px; text-align:left; } .colortext { color: var(--color-green); } .theme-back { background: var(--color-grey); margin: 5px; box-shadow: 5px 5px 0 var(--color-nice); } .theme-links { font-size: 10px; text-align: right; text-transform:lowercase; } .guestblock { width: 300px; height: 80px; border:1px solid var(--color-green); font-size: 10px; padding: 5px; color:var(--color-green); } .gubl {padding: 5px; overflow-y: auto; height: 70px; text-transform: lowercase; } #pun-ulinks #Rz{display:none} #cont_1 > img {width:50px; height:50px;} /*guest mask*/ div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px; } div.post-author.no-avatar > ul > li.pa-avatar { padding: 10px; text-align: center; margin-top: 0px;} div.tclcon > div.for { padding: 0px 8px; margin-left: 5px; text-align: justify; font-size: 9px; line-height: 150%; text-transform: lowercase; margin-left: 105px; } .punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input { text-align: center; margin: 5px 0px !important; border-color: transparent; padding: 2px 7px 3px; font-size: 10px !important; font-weight: bold; text-transform: lowercase; background: var(--color-trans); color: var(--color-grey) !important; } .input > input, .punbb select { text-align: left!important;} .for-a { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; line-height: 150%; color: var(--color-back); align-items: baseline; } .for-a > a { padding: 2px 7px 3px; margin-bottom: 5px; font-size: 10px !important; font-weight: bold; text-transform: lowercase; background: var(--color-trans); } td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none} /*иконка и плашка*/ .pa-fld3 { position: absolute; z-index: 9; margin: -33px 89px 0px; background: var(--color-back); width: 24px; height: 24px; border-radius: 50px; padding: 4px !important; } .pa-fld3 img{ max-width: 24px; max-height: 24px; object-fit: cover; border-radius: 0 !important; } .pa-fld5 { margin: 0px 0px 5px !important; background: var(--color-grey3); color: var(--color-white); background-size: cover !important; line-height: 1.5; padding-top: 5px !important; padding-bottom: 10px !important; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; } .plsh { padding: 0px!important; position: relative; } #viewprofile #pa-fld5 {display:none} .plsh frst, .plsh scnd { color: var(--color-white);} .plsh frst { display: block; font-size: 9px; line-height: 2; text-align: center; text-transform: lowercase; letter-spacing: 0.75px; } .plsh scnd { display: block; font-size: 8px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.75px; } .plsh pict {display:none!important;} .plsh img { height: 33px !important; width: 33px !important; position: absolute; left: 9px; text-align: center; top: 2px !important; display: block; filter: invert(1); } .plsh-mes { display: flex; justify-content: space-evenly; align-content: flex-start; align-items: center; } .adformal h2, #pun-adnav h2 { background-color: var(--color-white)!important; color: #000!important;} #profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span { font-size: 11px !important; font-family: var(--custom2) !important; text-transform: lowercase; text-shadow: none; color: var(--color-black); font-style: normal; letter-spacing: 0; font-weight: 600; padding: 5px;} #pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none} td.tcl > div > div.tclcon > h3 > a { padding: 0px 10px 0; margin-right: 18px; margin-left: 15px; padding-left: 0px; margin-top: -10px; text-align: right; color: var(--color-black); letter-spacing: 0.25px;} #notify-settings > span {height: 5px; display: flow-root;} #pun-status > p > span.item3.status-right { float: none!important; position: relative; padding: 10px 0; text-align: right; font-style: normal; display:none!important; } #poll-special {margin-left: 15px;} span.polltext {text-transform: lowercase!important; font-weight: 600;} .punbb .post {/* margin: 0px 5px; */} #profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 { display:none;} #MyBookmarks, #BookmCntToggle { top: 120px!important; } /******/ .slide_button { position: absolute; top: -10px; right: 0px; width: 50px; height: 20px; cursor: pointer; padding: 4px 0 0 4px; text-align: center; opacity: 1; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } .slide_button.i_active { opacity: 0 } .slide_block { display: none; position: absolute; background: var(--color-grad); top: 25px; right: 0px; width: 540px; height: 380px; z-index: 1000; } .slide_block div { display: flex; flex-direction: column; align-items: center; padding: 7px; box-sizing: border-box; } #dot > div.slide_block > div > iframe { width: 524px!important; margin-top: 0px; height: 365px!important; border-radius: 0px!important; position: relative;} #imageupload-left input[type=button] {width:12em!important} /***https://pcvector.net/scripts/other/480-mercayuschaya-girlyanda-na-chistom-css.html******/ .lightrope { text-align: center; white-space: nowrap; position: absolute; position: fixed; z-index: 1000; top: -10px; left: 20px; padding: 0; pointer-events: none; width: 100%; } .lightrope li { position: relative; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; list-style: none; margin: 0; padding: 0; display: block; width: 12px; height: 14px; border-radius: 50%; margin: 20px; display: inline-block; background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; -webkit-animation-name: flash-1; animation-name: flash-1; -webkit-animation-duration: 2s; animation-duration: 2s; } .lightrope li:nth-child(2n+1) { background: cyan; box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5); -webkit-animation-name: flash-2; animation-name: flash-2; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .lightrope li:nth-child(4n+2) { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; -webkit-animation-name: flash-3; animation-name: flash-3; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .lightrope li:nth-child(odd) { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .lightrope li:nth-child(3n+1) { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .lightrope li:before { content: ""; position: absolute; background: #222; width: 10px; height: 9.33333px; border-radius: 3px; top: -4.66667px; left: 1px; } .lightrope li:after { content: ""; top: -14px; left: 9px; position: absolute; width: 52px; height: 18.66667px; border-bottom: solid #222 2px; border-radius: 50%; } .lightrope li:last-child:after { content: none; } .lightrope li:first-child { margin-left: -40px; } @-webkit-keyframes flash-1 { 0%, 100% { background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; } 50% { background: rgba(0, 247, 165, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2); } } @keyframes flash-1 { 0%, 100% { background: #00f7a5; box-shadow: 0px 4.66667px 24px 3px #00f7a5; } 50% { background: rgba(0, 247, 165, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2); } } @-webkit-keyframes flash-2 { 0%, 100% { background: cyan; box-shadow: 0px 4.66667px 24px 3px cyan; } 50% { background: rgba(0, 255, 255, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2); } } @keyframes flash-2 { 0%, 100% { background: cyan; box-shadow: 0px 4.66667px 24px 3px cyan; } 50% { background: rgba(0, 255, 255, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2); } } @-webkit-keyframes flash-3 { 0%, 100% { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; } 50% { background: rgba(247, 0, 148, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2); } } @keyframes flash-3 { 0%, 100% { background: #f70094; box-shadow: 0px 4.66667px 24px 3px #f70094; } 50% { background: rgba(247, 0, 148, 0.4); box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2); } } .inew > td > div > div > strong > a { text-transform: lowercase; } #notify-link .unreads, #navpm .unreads { background: var(--color-nice)!important;} .hidden { display: none !important; } #button-dice { background: url("/files/000f/3e/d5/81483.png") center; } form#dice-form { width: 350px; height: 115px; padding: 15px; text-align: right; position: absolute; top: 41px; right: -15px; background: var(--color-back); box-shadow: 1px 1px 5px; border: solid 1px #999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } form#dice-form input { width: 30px; margin: 0 0 0 5px; text-align: right; } #dice-form label { display: inline-flex; margin: 3px; font-size: 10px; align-items: baseline; } #dice-form span { font-weight: bold; vertical-align: top; } #dice-form label > span::after { content: ":" } #dice-form textarea { border: 1px solid var(--color-black); width: 150px; margin-left: 5px; background: var(--color-back); color: var(--color-black); } #dice-form > div { width: 165px; display: inline-block; vertical-align: top; position: absolute; left: -40px; } #dice-form > div:nth-child(2) { margin-top: 0px; margin-left: 180px; width: 180px; } #dice-form > label { display: inline-block; } #dice-form > button { position: absolute; bottom: 5px; right: 150px; cursor: pointer; display: inline-block; padding: 5px 10px !important; margin: 2px!important; text-align: center; letter-spacing: 0.5px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; text-transform: lowercase; background: var(--color-back); color:var(--color-black) } div.dice-box { border: 1px dashed var(--color-green); background: var(--color-back); margin: 0 8px; padding: 5px 15px 10px; } .roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before { font-weight: bold; } .roll-dice::before { content: "Бросок: "; } .roll-value::before { content: ", с результатом: "; } .roll-reason::before { content: "Действие: " } .roll-result::before { content: "Итог: " } #pun .roll-result { padding-bottom: 0px; } .plashka { padding: 0.1em 0.25em 0.25em; line-height: 1.5; margin: 2px!important; min-width: 165px !important; font-size: 11px; display: inline-block; background: url(https://forumstatic.ru/files/001a/eb/a8/29745.png) center fixed; color: var(--color-white); text-transform: lowercase; letter-spacing: 1px; font-family: var(--custom2); cursor: pointer; } .button, sub4 { cursor: pointer; display: inline-block; padding: 3px 10px 5px !important; margin: 2px !important; text-align: center; letter-spacing: 0.2px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; color: var(--color-black); text-transform: lowercase; background: var(--color-back); } #pun-stats, .punbb .category { margin: 20px 10px 25px; position: relative; } #pun-stats { padding: 15px 40px; } #post-form > h2 {display:none} /*#form-buttons tr { width: 100%; display: flex; height: 30px; justify-content: space-between; }*/ #form-buttons tr { display: grid; grid-template-columns: repeat(auto-fit, minmax(24px, 1fr)); grid-template-rows: auto; gap: 6px 6px; } #form-buttons td { display: flex; align-items: center; justify-content: center; width: inherit!important; box-sizing: border-box; } #form-buttons td { background-image: none !important; font-family: Material Symbols Outlined; font-size: 20px; color: var(--color-black); cursor: pointer; } #form-buttons td:before { position: absolute; } #button-font:before {content: '\e165';} #button-transL:before {content: '\e8e2';} #button-size:before {content: '\e245';} #button-bold:before {content: '\e238';} #button-italic:before {content: '\e23f';} #button-underline:before {content: '\e249';} #button-strike:before { content: '\e257';} #button-indent:before { content: '\e23e';} #button-left:before {content: '\e236';} #button-center:before { content: '\e234';} #button-right:before { content: '\e237';} #button-link:before { content: '\e157';} #button-spoiler:before {content: '\e8f5';} #button-image:before {content: '\e3f4';} #button-video:before { content: '\f06a';} #button-hide:before { content: '\e898';} #button-quote:before { content: '\e244';} #button-code:before { content: '\e86f';} #button-color:before { content: '\e23c';} #button-table:before { content: '\f191';} #button-smile:before { content: '\e813';} #button-sticker:before { content: '\e983';} #button-keyboard:before { content: '\f7db';} #button-addition:before { content: '\e146';} #button-dice:before { content: '\e025';} #button-mask:before { content: '\e9ed';} #button-files_rusff, #button-graffiti_rusff {display:none!important} #button-sticker { background-size: contain;} #form-buttons td img {position: relative;} #mask_dialog .inner, .hvStickerPackModal,.hvStickerPackModalTab {border-radius: 0 !important; background:var(--color-back)!important;} .hvStickerPackModalTab.active { background:var(--color-black2)!important; color:var(--color-white)!important;} .hvStickerPackModal { bottom: -35px!important; left: 15px!important; } .hvStickerPackModalTab { cursor: pointer; margin-top: 8px; margin-right: 8px; padding: 5px !important; text-align: center; letter-spacing: 0.2px; font-size: 10px; border: 1px solid; border-image: var(--color-grad); border-image-slice: 1; color: var(--color-black)!important; } .hvStickerPackModalInput {border-radius: 0 !important;} .pa-respect span.fld-name::before, .pa-respect span.fld-name a::before, li.pa-fld4:before { display: block; margin: 0px 0 8px 12px; width: 32px; height: 0px; font-family: Material Symbols Outlined; font-size: 20px; color: var(--color-white); } li.pa-respect span.fld-name a::before { position: absolute !important; margin-top: -19px; color: rgb(151 151 151 / 0%); } li.pa-respect span.fld-name::before, li.pa-respect span.fld-name a::before { content: '\e8dc'; height: 11px; } li.pa-fld4:before { content: '\e745'; } li.pa-respect span.fld-name a, li.pa-respect span.fld-name { font-size: 0; } li.pa-respect > a > img {display:none} li.pa-respect > a:before{content: url(/img/plus.png); filter:grayscale(1)} #pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod { display: none; } #pun-index table Div.icon:before, div.grippie {display:none} blockquote a, .punbb .post-content > p > a { color: var(--color-nice2) !important; background-size: 205%; font-weight: bold; } /*blockquote a:hover, .punbb .post-content > p > a:hover { background-position: left;}*/ .punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, .day div > cite > a, .day div > cite > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important; font-weight: 600; font-style: normal;} .city div > cite > a, .city div > cite > a:hover {color: var(--color-black)!important;} #pun-navlinks > ul > #navawards, div > table > thead {display:none} .usertable {text-transform:lowercase} #pun-main.main.multipage > div.usertable > div > table > thead { display: contents; } .hvStickerPackModalContent img { max-height: 50px!important; cursor: pointer; } #pun-live-rusff {display:none!important} .punbb textarea, .punbb input, .punbb select, .punbb optgroup, #dice-form > button { font: 1em verdana, arial, helvetica, sans-serif; } #stylelist { position: absolute; z-index: 9999; display: flex; gap: 3px; margin: 168px 0 0 172px; } #stylelist a { cursor: pointer; display: inline-block; width: 20px; height: 20px; margin: 5px; font-size: 0; padding: 2px 5px 6px; } #stylelist [data="night"] a:before { content:'\e51c'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="street"] a:before { content:'\e565'; font-family: Material Symbols Outlined; font-size: 20px; color:var(--color-white); } #stylelist [data="light"] a:before { content:'\f02a'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="meds"] a:before { content:'\f033'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #stylelist [data="mless"] a:before { content:'\e3a5'; font-family: Material Symbols Outlined; font-size:20px; color:var(--color-white); } #pun-main h2 { margin: 0 40px; position: relative; display: flex; justify-content: flex-start; align-items: center; } .punbb h2 span { font-size: 11px; color: var(--color-nice); text-transform: lowercase; letter-spacing: 3px; z-index: 1; display: flex; font-size: 53px; font-family: var(--custom); background: var(--color-back); font-style: italic; padding-right: 8px; } .category h2::after { content: ""; display: block; height: 4px; width: 100%; position: absolute; left: 0px; border-bottom: 1px solid var(--color-green); } .post h3 span, .endpost .post-links, #pun-messages .post-links { /* border-bottom: 1px dashed var(--color-green) !important;*/ } #chfontsize { position: fixed; /*прилеплен к краю экрана*/ top: 10px; /*отступ сверху*/ right: 10px; /*отступ справа*/ width: 26px; /*ширина*/ text-align: center; /*текст по центру*/ line-height: 22px; /*высота строк*/ -moz-opacity: .8; /*прозрачность*/ opacity: .8; z-index: 999999; /*поверх всех элементов*/ } #chfontsize:hover { opacity: 1; /*нету прозрачности при наведении*/ -moz-opacity: 1; } .fsizeplus, .fsizeminus {/*кнопки плюса и минуса*/ background-color: var(--color-back); /*цвет фона*/ color: var(--color-black); /*цвет плюса и минуса*/ cursor: pointer; } .fsizeplus::after { content: '+'; } .fsizeminus::after { content: '-'; } .fsize {/*поле показывающее размер шрифта*/ background-color: var(--color-back); /*цвет фона*/ color: var(--color-black); /*цвет цифр*/ } .punbb .post-content .spoiler-box::before,.punbb .post-content .spoiler-box::after {display: none} .reaction-counters-container, .reaction-picker { filter: brightness(0.95); z-index: 1; } #pun .reaction-counter__count { font-size: 10px; } .reaction-chip { height: 28px!important; min-width: 28px!important; } span.reaction-counter__emoji > span.emoji-mart-emoji.emoji-mart-emoji-custom > span { width: 24px!important; height: 24px!important; } .punbb .post h3 strong::before { content: "#"; } .post + .post { padding-top: 20px !important; padding-bottom: 20px; } .post { scroll-margin: 70px; } .hvStickerPackModalTab { text-transform: lowercase; } #pun .post-content .spoiler-box > div { background:transparent; position: relative; width: 100%; box-sizing: border-box; padding:0; } #pun .post-content .spoiler-box > div:before { background-image: none !important; font-family: Material Symbols Outlined; font-size: 14px; color: var(--color-black); content: '\e5e1'; width: 12px; height: 13px; -webkit-transition: transform 0.5s ease-in-out 0s; -moz-transition: transform 0.5s ease-in-out 0s; -o-transition: transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s; box-sizing: border-box; display: block; margin-right: 16px; float: left; transform: rotate(-90deg) } #pun .post-content .spoiler-box > div.visible:before { content:'\e5e0'; } .post-content .spoiler-box > blockquote.visible { border-top: 1px dashed var(--color-green); padding-top: 5px !important; margin-top: 10px; } #act-news > a > img{ position: relative; background-size: contain!important; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; margin: 5px 10px; border-radius: 30px; border: 2px solid transparent; background: var(--color-grad2); } #act-news {text-align:center} /* PERSONAL */ /*[data-user-id="2"].post .pa-title { background: #e2304d; } [data-user-id="2"].post .pa-fld5 { background: url(https://i.imgur.com/24m6X4W.gif); } [data-user-id="6"].post .pa-title { background: var(--color-nice); } [data-user-id="6"].post .post-author { background: linear-gradient(to top, var(--color-green2) 0%, var(--color-black2) 49%); } [data-user-id="6"].post .pa-fld5 { background: url(https://i.imgur.com/wyAIAQd.gif) no-repeat center center !important; } */ /*robert*/ [data-user-id="29"].post .post-author { background: linear-gradient(to bottom, #000, #4c4d4c); } [data-user-id="29"].post .pa-fld5 { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/326418.gif); color:var(--color-white); } /*ladislav [data-user-id="97"].post .pa-title { background: #e2304d; }*/ /*alan*/ [data-user-id="40"].post .pa-title { background: transparent; } [data-user-id="40"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/264688.jpg); } /*louise*/ [data-user-id="113"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/842048.jpg); } /*klaasje*/ [data-user-id="116"].post .post-author { background:url(https://forumupload.ru/uploads/001a/eb/a8/2/336428.jpg); } /*konst*/ [data-user-id="117"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/98455.jpg); } [data-user-id="117"].post .post-author .pa-fld1 a {letter-spacing: 0px;} /*ashley*/ [data-user-id="125"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/431785.jpg); } /*spencer*/ [data-user-id="124"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/865063.png); } /*maria*/ [data-user-id="122"].post .post-author { background: url(https://forumupload.ru/uploads/001a/eb/a8/2/612692.png); } /*val*/ [data-user-id="121"].post .post-author { background: url(https://forumupload.ru/uploads/001a/d9/bc/2/313753.jpg); } /*joe*/ [data-user-id="128"].post .pa-fld5 { background: url(https://forumupload.ru/uploads/001a/d9/bc/2/398441.gif); color:var(--color-white); }
Поделиться4Вчера 19:09:51
/* CS1 Background and text colours -------------------------------------------------------------*/ /* Variables --------------------------------- */ :root { --color-hz: #ffda5c; /*жёлтый;*/ --color-nice: #774948; /*коричневый*/ --color-nice2: #975c5b; --color-back: #e7e7e7; --color-white: #e7e7e7; --color-back: #dddddd; --color-white: #dddddd; --color-back2: #e3e3e3; --color-fon: #1a1a1a; --color-black2: #141414; --color-black: #343434; --color-green: #a2a2a2; /*границы*/ --color-green2: #a2a2a2; --color-grey: rgb(255 255 255 / 40%); /*серый для формы ответа*/ --color-grey2: #afafaf; /*серый для ЛС*/ --color-grey3: #555555; /*серый для ссылок*/ --color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%); --color-grad3:linear-gradient(330deg, #484848 0%, #1a1a1a 49%) border-box; --color-fon: var(--color-grad3) fixed; --grad: linear-gradient(0deg, var(--color-nice) 0%, var(--color-black2) 49%); --grad2: linear-gradient(180deg, var(--color-nice) 0%, var(--color-black2) 49%); --color-blue: #6ca18e;/*выделение текста*/ --wide: 1090px; --color-trans: rgb(0 0 0 / 67%); --logo: url(https://forumstatic.ru/files/001a/eb/a8/40501.png); --footer: url(https://forumstatic.ru/files/001a/eb/a8/98884.png); --custom: DidotTitle; --custom2: Verdana; --custom3: DidotBold; } /*-------улица-----------*/ .street { --color-back:#242424; --color-back2:#303030; --color-black:#aaa; --color-white:#aaa; --color-fon: #040404; --color-hz: #b29840; --color-green: #5a5a5a; --color-green2: #5a5a5a; --color-grey3: #727272; --color-blue:#505050; } .street .reactions-root {filter:brightness(0.9); z-index: 10; position: relative;} .street img {filter:brightness(0.9)} .street #Logo, .street .bannner {opacity: 0.65;} /*--------------фонарь---------------*/ .light{ --logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png); --footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png); --color-fon: #333 url(https://forumstatic.ru/files/001a/eb/a8/87048.jpg) center center repeat-y fixed; --color-blue: #60aac4; /*#01c9af;*/ --color-hz: #327697; /*#438397;*/ --color-nice: #782f43; /*#76253b;*/ --color-nice2: #782f43; /*#76253b;*/ --color-grey3: #393d42; --grad: linear-gradient(0deg, #782f43 0%, #000000 49%); --grad2: linear-gradient(180deg, #782f43 0%, #111111 49%); } .light #stylelist { filter: brightness(0.7);} /*--------------бессмысленно---------------*/ .mless{ --logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png); --footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png); --color-fon: var(--color-grad3) fixed; --color-nice: #607e83; --color-nice2: #607e83; --color-hz: #745f5c; --color-blue: #8dacb6; --color-back: #e0e0e0; --color-white: #e0e0e0; --color-back2: #e3e3e3; --color-green: #c0c0c0; --color-green2: #c0c0c0; --color-grad: linear-gradient(0deg, #B7BDC0 0%, rgba(0, 0, 0, 1) 49%); --color-grad3:linear-gradient(330deg, #B7BDC0 0%, #111111 49%) border-box; } .mless #stylelist {opacity:0.65} .mless .bannner, .mless #Logo {filter: grayscale(0.6) brightness(0.8)} /*-----------------------------*/ /*Фон*/ body { background: var(--color-fon); } #pun-title table { margin-left: 0px; } #html-header {height: 420px;} #Logo { background: var(--logo) center no-repeat; height: 400px; margin: 0px 50px; position: relative; top: 20px; } #ZACHTO {position: absolute; top: 35px;} /* новости*/ #NEWS { top: 409px; left: 50px; height: 56px; position: relative; width: 990px; background: var(--color-trans); display: flex; align-items: center; overflow-x: auto; justify-content: center; } #NEWS.overflown { justify-content: left; } .news0{ width: 190px; display: flex; flex-direction: row; align-items: center; gap: 6px; border-right: 1px dashed var(--color-grey); padding: 5px 10px; } .news0:last-of-type {border: none;} .newsdate { min-width: 50px; color: var(--color-nice2); font-weight: bold; display: flex; justify-content: center; } .newstxt{ display: flex; flex-direction: column; gap: 4px; } span.txt1st { font-size: 11px; font-weight: 700; width: 160px; } .txt1st a, .for-a > a, #KontentRotator > p > a, kr > a {color: var(--color-grey) !important;transition: color 0.3s ease-in-out;} .txt1st a:hover, .for-a > a:hover, #KontentRotator > p > a:hover, kr > a:hover {color: var(--color-hz)!important;} span.txt2nd { font-size: 9px; color: var(--color-grey); line-height: 100%; text-transform: lowercase; } /*цитаты*/ #RANDOM { position: absolute; width: var(--wide); height: 109px; top: -35px; padding: 0 0 0px 0px; opacity: 1; text-align: center; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } #KontentRotator { font-size: 10px; text-align: right; color: var(--color-white); overflow-y: auto; padding: 0px 10px 10px 165px; margin: 20px 0 0; height: 40px; } #KontentRotator br { display: block; /* makes it have a width */ content: ""; /* clears default height */ margin-top: 4px; /* change this to whatever height you want it */ } kr { font-weight: 600; font-size: 14px; font-family: var(--custom2); color: var(--color-hz); letter-spacing: 1px; } #KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { width: 90px; height: 90px; position: absolute; opacity:0.85; border-radius: 10px;} .punbb { float: none; width: auto; height: auto; margin: 0 auto; background: var(--color-back); margin-top: 80px; } /* Футер */ #pun-about .container { height: 0px; width: var(--wide); } #html-footer {height: 75px;} #html-footer > div > div {margin-bottom: 20px;} #html-footer p { position: relative; display: none; width: var(--wide); background: var(--color-back); text-align: center; color: var(--color-grey2); border-top: 1px dashed var(--color-green); font-family: var(--custom2); text-transform: lowercase; font-size: 8px; font-style: italic; text-align: center; padding: 0.25em 0; letter-spacing: 1px; line-height: 1.5; } #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea { background: var(--color-back2)!important; border: 1px solid var(--color-green); } #mask_dialog .hv-add-template { border: 1px solid var(--color-green)!important; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { color: var(--color-black); } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { color: var(--color-black); } #pun-admain h2 span { display:block; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background: transparent; color: var(--color-black); } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { display: block; font-weight: normal; width: fit-content; font-style: normal; text-align: center; color: var(--color-brown); font-size: 11px; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background: transparent; color: var(--color-grey3); } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { border: 1px solid var(--color-green); background: var(--color-back2); } /* CS1.8 */ .offline li.pa-online strong { font-weight: normal; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { /* border-color: transparent;*/ } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid transparent; } li.pa-online { border-left-color: transparent; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { text-decoration: none!important; color: var(--color-grey3); transition: color 0.3s ease-in-out; } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: var(--color-grey3); } /* CS3.4 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { color: var(--color-grey3); } #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { text-decoration: none; } /* CS4 Post status icons -------------------------------------------------------------*/ /* Иконки*/ #pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon, #pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon { margin-left: -20px; margin-top: -5px!important; } #pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon { margin-right: 0px; margin-top: 13px!important; } div.icon { margin-top: 13px; margin-left: -15px; position: absolute; width: 24px; height: 24px; } div.icon:before { position: absolute; width: 24px; height: 24px; font-size: 18px; content: '\2739'; color: var(--color-grey3); display: flex; align-content: center; justify-content: center; align-items: center; } .inew Div.icon:before { color: var(--color-nice); } .isticky Div.icon:before { content: "\2766"!important; } isticky.iclosed Div.icon:before { color: var(--color-grey3);} .iclosed Div.icon:before { color: var(--color-grey3); } .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before { color: var(--color-nice);} div.post-rating > p > a {font-size: 14px!important;} div.post-vote a, div.post-vote a:hover, div.post-rating a, div.post-rating a:hover { color:var(--color-grey2)!important; } div.post-vote p { float: right !important; border: 0 !important; padding: 0px !important; margin-right: 15px !important; } /*Стиль выделения */ ::selection { background: none repeat scroll 0 0 var(--color-blue); color: var(--color-black); opacity: 0.5; text-decoration:none!important; } *::-moz-selection { background: none repeat scroll 0 0 var(--color-blue); color: var(--color-black); opacity: 0.5; text-decoration:none!important } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: var(--color-grey2); } ::-webkit-scrollbar-thumb { background: var(--color-nice); } /* Стиль списка тем в форуме */ #pun-main .forum .tcl .tclcon { text-align: justify; } /* Список тем в форуме ник создателя темы */ #pun-main .forum .tcl .byuser { } .multipage .byuser:before, #pun-main .forum .tcl .byuser:before { content: "-";} /*Форма ответа стиль выпадающих окошек*/ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { } /*Фон окошка репутации*/ #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { margin: -131px 0 0 -451px!important; width: 900px!important; height: 165px; right: 12px!important; font-size: 10px; background-color: var(--color-back)!important; } #reputationText { margin: 10px 0; border: 1px solid var(--color-green); background-color: var(--color-back2) !important; } #pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000} #pun-respect.punbb .main {font-size:10px;} /*форум тем, прозрачность*/ #pun th { text-transform: lowercase; font-size: 0px; font-weight: bold; opacity: 0.0; } #pun-userlist th { opacity: 1; font-size: 9px; } #pun-messages .fs-box {} #pun-messages .pa-posts, #pun-messages .pa-reg {display:none;} /*ARROWS*/ .go-up, .go-down { position: fixed; margin-left: 1130px!important; z-index: 9997; cursor: pointer; opacity: 1; } .day .go-up, .day .go-down { filter: brightness(0.9);} .go-up { bottom: 56%; } .go-down { bottom: 49%; } .go-up:before, .go-down:before{ position: absolute; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-family: var(--custom); font-size: 24px; color: var(--color-nice); font-weight: 600; text-transform: lowercase; letter-spacing: 1px; } .go-up:before {content: 'up';} .go-down:before{content: 'down';} .banr{ height: 50px; overflow-y: auto; padding: 5px 0 !important; width: 645px; margin: 0px 10px 5px 335px!important; position: relative; top: 5px; } .bannner { width: 990px; height: 75px; text-align: left; background: var(--footer); margin: 0px 50px 20px!important; } .bannner a { opacity: 0.85; -moz-opacity: 0.85; filter:grayscale(100%); transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s;} .bannner a:hover { opacity:1; -moz-opacity:1; filter:grayscale(0%); } #statistic-other{display:none; text-align: center!important; text-transform: lowercase; font-size: 8px; font-weight: bold; } #pun-main > div > h1 > span {display: block;} #pun-statistic .tc-username {width:15%!important} .punbb .main .tcr a { /* font-weight: bold; color: var(--color-nice); font-size: 13px; font-family: var(--custom); text-transform: lowercase; letter-spacing: 1px; font-style: italic;*/ } .multipage .tcr a {font-family: var(--custom2)!important; font-size: 11px!important; letter-spacing: 0!important; color: var(--color-grey3)!important;} .pun-modal .modal-inner { border: 1px double var(--color-green2) !important; background: var(--color-back) !important; } /* Предпросмотр */ #post-preview .fs-box .post-content {padding:10px!important;} /* лс */ #pun-messages .fs-box {/*margin-top: -52px;*/} #pun-messages .post h3 { width: auto} #pun-messages #profile .container fieldset {border:none;} #pun-messages #profile .post-links ul {background: none;} #pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;} #pun-messages #smilies-area {width: 455px!important;} #font-area {overflow-y: auto; height: 300px; width:170px;} /* ПРОФИЛЬ */ li.pa-fld1 > a { font-style: italic; text-transform: lowercase; color: var(--color-grey) !important; letter-spacing: 0.5px; transition: color 0.3s ease-in-out; } li.pa-fld1 > a:hover { color: var(--color-hz) !important;} li.pa-fld1 > br { content: ""; display: block; margin: 3px; } ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited {font-size:11px!important} .pa-fld1 { text-align: left; font-size: 9px; margin-top: 0px !important; margin: -10px 13px 5px !important; padding: 9px 2px 13px !important; overflow-y: auto; line-height: 1.5; border-bottom: 1px dashed var(--color-grey); /* border-image: var(--color-grad); */ /* border-image-slice: 1; */ } .pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip { color: var(--color-white); } .post .pa-fld2 { text-align: center; text-transform: lowercase; letter-spacing: 1px; padding: 0.1em; line-height: 1.5; margin: 0px 20px 6px; font-family: var(--custom2); font-size: 11px; } .pa-fld2 a, .pa-fld2 a:hover, .pa-fld2 a:visited { color: var(--color-mda)!important; } .pa-fld4, .pa-respect { font-size: 9px; width: 57px; margin:10px 2px!important; display: inline-block; text-align: center; } div.post-author > ul > .pa-posts {display:none; margin-left: 108px;} .pa-time-visit, .pa-last-visit, .pa-ip { font-size: 9px; text-transform: lowercase; text-align: center; } .pa-time-visit br, .pa-last-visit br {display:none} .pa-ip {padding:10px 0!important} /* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */ .pa-avatar img {max-width: 180px; max-height: 180px;} #mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;} /* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */ #pun-index .modlist, .closedatafield, .stickytext, .lastedit, #pun-announcement h2 {display:none!important} /* ИКОНКА АВАТАРА */ #pun-index .user-avatar {top: -5px;} #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar { top: -11px !important; } #pun-viewforum .user-avatar { top: -13px!important; } #pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar { margin: 0px 20px 0px 10px; width: 35px!important; height: 35px!important; border-radius: 0px!important; } .punbb .user-avatar .avatar-image { width: 35px !important; height: 35px !important; opacity: 1 !important; border-radius: 0px !important; } #messages > fieldset > div > div > table > tbody > tr > td > em { margin-top: -15px; border-radius: 0px!important; width: 35px!important; height: 35px!important; } .img a.title { background: var(--color-white); } .post-content hr { background: var(--color-green); height: 1px; border: none !important; margin: 5px 0px !important; opacity: 1!important; } span.num_msg { margin-top: -30px !important; margin-left: -10px !important; background: var(--color-hz)!important; } span.num_msg:before { background: var(--color-hz)!important; } #MyBookmarks .container { background: var(--color-back); } #MyBookmarks > h2 > span, #MyBookmarks h2 { margin: 0!important; background: var(--color-blue)!important; font-family: var(--custom2)!important; color: var(--color-white)!important; font-size:10px; letter-spacing:0.5px; text-transform:lowercase!important; text-shadow:none!important; } #BookmCntToggle.default-style { color: var(--color-grey3)!important; } .isonline { margin-top: 0px!important; background: var(--color-hz)!important; top: 2px!important; right: 2px!important; z-index:1!important } /* ссылки */ #pun-navlinks li { display: inline; margin: 0px 6px;} .post .bookmark {right: -55px!important;} #main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);} .punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, .punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important} /*-----стырили у nycity.fun------*/ .ico { background: var(--color-grey2); display: flex !important; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50px; padding: 0px; } .ico img { max-width: 24px; max-height: 24px; } .lspl pl { display: flex; flex-wrap: wrap; gap: 10px; text-align: center; justify-content: flex-end; overflow: auto; margin-top: 5px; margin-right: 15px; overflow-y: auto; overflow-x: hidden; } div.lspl > pl > .plsh {background: var(--color-trans); width: 226px; background-size: cover !important; height: 36px; line-height: 1.5;} .lsic ic { display: flex; flex-wrap: wrap; gap: 15px; justify-content: right; align-items: center; min-height: 70px; height:auto; margin-right: 15px; overflow-y: auto; overflow-x: hidden; color: var(--color-back); font-size: 13px; font-family: var(--custom2); } .hdr hd { display: flex; flex-wrap: wrap; gap: 5px; justify-content: right; align-items: center; min-height: 150px; height:auto; margin: 10px 10px 10px 15px; overflow-y: auto; overflow-x: hidden; } .hdr hd > .head {background-size: contain !important; background-position: center !important; width: 150px; height: 268px; border-radius: 15px;} .hdr hd > .head > .header { position: relative; background: var(--color-black2); margin: 15px 10px; border-radius: 12px; width: 130px; height: 210px;} .punbb .post-content > div.collection {margin:0!important; background: var(--color-back);} .Tems_And_messages { display: inline-block; font-size: 9px; } .Add { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; width: 90px; line-height: 150%; margin-left: -22px !important; margin-top: -18px !important; color: var(--color-grey3); transform-style: initial; text-transform: lowercase; opacity: 0.5; } .Tems_And_messages .right{ float:left; } .alt2.inew > .tcl h3 a:after { content: '[NEW]'; margin-left: 5px; font-style: italic; color: var(--color-nice); } .alt2.inew > td.tcl > div > div.icon.inew {display:none} /*------- личная ----------------------*/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 12px; right: 40px; color: var(--color-blue); font-weight: bold; cursor: pointer; text-decoration: none; } .menu span { cursor: pointer; margin: 0px 0 10px; padding: 10px 15px 10px 15px; font-family: var(--custom2); font-size: 13px; letter-spacing:1; text-align: center; display: flex; align-items: center; color: var(--color-black); } .menu-links { float: left; margin-right: 15px!important; } #submenu, .menu span { background: var(--color-back); border-radius: 10px; } .menu .tabactive { filter: brightness(0.8); } #submenu { display: inline-block; padding: 7px; font-size: 12px; width: 610px; } .submenutext { display: none; height: 0px; } #sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;} div.face { background-repeat: no-repeat !important; background-position: center center !important; position: relative; width: 180px; height: 180px; margin: 0 15px; } #sm1 > div > div.about { width: 310px; height: 160px; align-items: center; display: flow; padding: 10px 15px; margin: 0px 2px 0 0; background: var(--color-grey); color:var(--color-black2); overflow-y: auto; font-size: 11px; } div.collection > h1, .submenutext > h1 { font-family: var(--custom2); font-size: 12px; letter-spacing: 1px; text-align: right; border-bottom: 1px dotted var(--color-nice); margin:10px; } div.pers, div.ach { position: relative; display: inline-flex; justify-content: space-between; width: 575px; height: 40px; margin: 10px;} div.collection { position: relative; display: flow; height: auto; padding: 1px 0 20px 0px; margin: 10px 25px 10px 25px; background: var(--color-grey); } div.lock, div.unlock { background: var(--color-grey2); width: 100px; height: 36px; display: grid; align-items: center; text-align: center; font-size: 10px; padding: 0 4px; color: var(--color-black2); } div.unlock { background: var(--color-black2); color: var(--color-blue); } div.unlock:hover:after {content:'achievement unlocked';} div.lock:hover:after {content:'in progress';} div.unlock:hover:after, div.lock:hover:after{ position:absolute; background:var(--color-black2); font-size:10px; color:var(--color-hz); width: 108px; margin-left: -4px; height: 36px; display: grid; align-items: center; text-align: center; font-size: 10px; -webkit-transition: all 0.25s 0s ease; -moz-transition: all 0.25s 0s ease; -o-transition: all 0.25s 0s ease; transition: all 0.25s 0s ease; } #sm1 > div > div.about > a {color:var(--color-nice)} /* MOBILE CODES -------------------------------------------------------------*/ @media screen and (max-width: 720px) { /* BODY AND DEFAULTS */ .punbb .post-content iframe[allowfullscreen] { width: 100%!important; } .punbb, #pun { width: auto!important; border: none!important; margin: 0 auto} body, html { width: 100% !important; min-height: 100%; margin: 0 auto; padding: 0 !important; border: none !important; -webkit-text-size-adjust: 100%; } body { position: relative !important; } html { height: 100% !important; } #pun-about p span, #pun-status .container, .banr, .bannner { width: auto!important;} #Logo, .banr, .bannner {margin:0!important} td, th { overflow: hidden !important; box-sizing: border-box !important; display: inline-block; } tr { width: 100% !important; } #pun-index table, #pun-viewforum table { display: block !important; width: 100% !important; } .category .tcl, .forum .tcl { display: inline-block !important; width: 100% !important; } .hasicon .tcl { display: inline-block !important; margin: 0 auto !important; box-sizing: border-box !important; width: 100% !important; padding: 20px !important; } .tcr { display: inline-block !important; width: 100% !important; margin: 0 !important; padding: 20px 10px 20px 50px !important } #pun-online .main td { display: block !important; width: 100%; width: auto !important; text-align: left !important; } #NEWS{overflow:hidden!important} #character {width:100%!important} .pa-fld3, .pa-fld5, .pa-ip, .banner,.Add, .go-up, .go-down, #ZACHTO{display:none!important} div.tclcon > div.for, #post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {margin:0!important} #pun-about .container {width:auto!important} /*нутро*/ .post-author { float: none !important; width: 100% !important; padding: 10px; box-sizing: border-box; margin-top: 0 !important; margin-bottom: 10px; } .post-author ul { display: grid; grid-template-columns: 100px 1fr 60px 60px 5px; grid-template-rows: auto auto auto auto; gap: 0px 10px; grid-template-areas: "ava name name name onl" "ava title title title ." "ava fld1 fld1 fld1 ." "ava fld2 fld2 fld2 ." "ava . fld4 fld5 ."; } #pun .pa-avatar { grid-area: ava; } #pun .pa-title { text-align: end; grid-area: title;} #pun .pa-author { grid-area: name;} .pa-fld1 {grid-area: fld1;} .pa-fld2 {grid-area: fld2; text-align: end!important;} .pa-fld4 {grid-area: fld4; } .pa-respect {grid-area: fld5; } li.pa-online{ grid-area: onl; left: 0!important; top: 8px !important; } .post-author .pa-avatar img { max-width: 80px !important; min-width: 80px !important; position: relative; } .post-author .pa-author, .post-author .pa-fld2, .pa-fld1, .post-author .pa-title { width: auto!important; } .punbb .post h3 span { margin-left: 0 !important; margin-right:0!important; padding: 0em 1em 1em 1em !important; } .punbb .post-body { margin: 10px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; } .punbb .post-box { padding: 0 10px 5px!important; margin-top: 0!important; } .punbb .post-body:after { width: 100% !important; margin: 0 !important; } .punbb .post-links { position: relative !important; } .punbb .post-content td { display: block; } .punbb .post-links, #profile .post-links { width: 100% !important; height: auto !important; box-sizing: border-box !important; text-align: center !important; } .punbb .post-links ul { width: 100% !important; text-align: center !important; height: auto !important; line-height: 1.5em!important; box-sizing: border-box !important; } #profile .post-links { padding: 0 !important; } #profile .post-links ul { width: 100% !important; } .pa-replies {padding-top:6px!important} .punbb .post-links a { -webkit-text-size-adjust: 125%; } .pl-email { float: none !important; } #form-buttons table, #form-buttons tbody, #form-buttons tr { } fieldset { margin: 0 !important; padding: 0 !important; } #post div[id*="-area"] { right: 1em !important; width: 100% !important; text-align: center; box-sizing: border-box; } #post div[id*="-area"] table, #post div[id*="-area"] tbody { width: 100% !important; box-sizing: border-box; } #post div[id*="-area"] input, #post div[id*="-area"] textarea { width: 100% !important; padding: 0.3em 0.5em !important; margin: 0 0 0 0 !important; box-sizing: border-box !important; } #post #keyboard-area input { width: auto !important; } #post div[id*="-area"] .resizable-textarea { width: 103.5%; padding: 0.5em 0 !important; margin: 0 0 0 0 !important; box-sizing: border-box !important; } .punbb .modmenu { padding: 0.1em 0; } .punbb .modmenu, .punbb .modmenu .container { display: inline-block !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; } .punbb .modmenu .container strong, .punbb .modmenu .container span { display: inline-block !important; width: 100% !important; float: none !important; text-align: center !important; box-sizing: border-box !important; clear: both; } .punbb #topic-modmenu .container span { padding: 1em 0 0 0; } .multipage { padding: 0 20px !important; } #pun-index .user-avatar { top: 0px; } .punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input {text-align:left!important;} #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3, #pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {display:none} #pun-searchtopics .main .tcr {width:auto; text-align: end;} .punbb .user-avatar { float: right!important;} /* предпросмотр профиля*/ #viewprofile div.container table { margin: auto; width: 100%; } #profile-right { padding: 0px !important; width: auto !important; word-break: break-word; gap: 12px 12px; } #viewprofile-next #viewprofile .container tr {display: flex;flex-direction: column;} #profile-left { width: auto !important; margin-bottom: 12px; padding-bottom: 14px !important; } #viewprofile #profile-signature { padding: 14px 0px 12px 0px; } #pun-messages #profile .container { padding-left: 0!important; } #pun #profilenav { width: 100%; float: none; clear: both; margin: 5px 0px 15px 0px !important; } #pun-messages form#messages { margin-left: 0px; padding-left: 0px; padding-right: 8px; } #profilenav ul li { display: inline-block; padding: 5px; } #pun-main > div.usertable > div > table > thead > tr > th.tc2.title,#pun-main > div.usertable > div > table > thead > tr > th.tc3.relation,#pun-main > div.usertable > div > table > thead > tr > th.tc3.posts, #pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar, div.usertable .user_title,#pun-main > div.usertable .relation, #pun-main > div.usertable .num_posts, #messages > fieldset > div > div > table > tbody > tr > td > em {display:none!important} #pun-userlist .usertable .container { padding: 10px!important; } #pun-main.main.multipage > div.usertable > div > table > thead > tr {margin:10px 0} .usertable tr { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; } #pun-main > div.usertable .username, #pun-main > div.usertable .registered, #pun-main > div.usertable .last_visit {width:auto!important} /*шапка*/ #html-header {height:auto; background: var(--grad);} .bannner {background: var(--grad2);} .mless #html-header { filter: grayscale(1) } #Logo {background:none!important; filter:none!important; height:160px; } #Logo:before {content: 'SEPTEMBER';font-size: 38px;font-family:var(--custom);color: var(--color-grey);display: flex;height: 82px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-end;} #Logo:after { content: 'your special day'; font-size: 11px; color: var(--color-grey); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; font-size: 10px; text-transform: lowercase; justify-content: center; } #BookmCntToggle { position: absolute!important; left: 10px;} #chfontsize { position: absolute!important;} #pun-stats, .punbb .category, #stylelist {margin:0!important} /*замена верхнего меню*/ #pun-navlinks.fixed, #pun-navlinks {background:var(--color-black2)!important} #pun-ulinks {background:var(--color-back)} #pun-navlinks .container { padding: 0px !important; height: 40px;} #pun-ulinks .container {padding:5px 5px 10px 5px!important; flex-wrap: wrap; height: auto !important; align-items: flex-start !important; justify-content: flex-start; display: flex; gap: 5px; } #pun-ulinks {top: 40px!important; flex-wrap: wrap; height: auto !important; align-items: flex-start !important; justify-content: flex-start; display: flex; gap: 5px; padding: 0 !important; } #pun-navlinks {margin:0!important} #pun-navlinks > ul { display: flex; align-items: baseline; align-content: center; justify-content: center; gap: 9px; } #pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { display: block; margin: 6px 0px; font-size: 20px; text-transform: lowercase; font-weight: normal !important; color: var(--color-grey) !important; } #navindex a:before {content:"\e88a"!important; font-family: "Material Symbols Outlined"; } #navuserlist a:before {content:"\e653"!important; font-family: "Material Symbols Outlined";} #navsearch a:before {content:"\e8b6"!important; font-family: "Material Symbols Outlined";} #navpm a:before {content:"\e158"!important; font-family: "Material Symbols Outlined";} #navprofile a:before {content:"\e853"!important; font-family: "Material Symbols Outlined";} #navadmin a:before {content:"\e8b8"!important; font-family: "Material Symbols Outlined";} #navlogin a:before {content:"\ea77"!important; font-family: "Material Symbols Outlined";} #navlogout a:before {content:"\e9ba"!important; font-family: "Material Symbols Outlined";} #navregister a:before {content:"\e7fe"!important; font-family: "Material Symbols Outlined";} #navpr_1 a:before {content:"\f0f3"!important; font-family: "Material Symbols Outlined";} #navpr_2 a:before {content:"\e8f4"!important; font-family: "Material Symbols Outlined";} input[type="range"] { top: 145px!important; right: 12px!important; } #stylelist a:before{ color: var(--color-grey) !important; } #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { width: auto !important; margin-left: -47vw !important; height: auto; } #profile>.container { padding-left: 10px !important; margin-top: 0px !important; } } input[type="range"] { -webkit-appearance: none; appearance: none; width: 103px; height: 2px; background: var(--color-grey); outline: none; cursor: pointer; position: absolute; top: 65px; z-index: 1; opacity:0.85; } /* Кнопка (ползунок) */ input[type="range"]::-webkit-slider-thumb { appearance: none; width: 7px; height: 7px; background: var(--color-green); cursor: pointer; } input[type="range"]::-moz-range-thumb { width: 7px; height: 7px; background: var(--color-green); cursor: pointer; } div .post-rating p>a, div.post-vote p>a { position: relative; z-index: 10; width: 28px; height: 28px; display: flex; justify-content: flex-end; align-items: center; align-content: center; letter-spacing: -1px; cursor: pointer; } /* Bingo ------------------стырили шаблон на Маяке---------------------------------------- */ .p_bingo { display: grid; grid-template: repeat(3, 1fr) / repeat(3, 1fr); grid-gap: 6px; position: relative; overflow-x:auto; } .p_bingo .task { border: 1px dashed var(--color-green); padding: 10px 15px; display: flex; flex-direction: row; position: relative; aspect-ratio: 1; justify-content: center; align-items: center; align-content: center; } .p_bingo .task > p { text-align: center; margin: auto 0; } .p_bingo .task.done { background: var(--color-blue); border-color: transparent;' } .p_bingo .task .proof { position: absolute; background: var(--color-green); width: 100%; height: 100%; padding: 10px 15px; display: flex; box-sizing: border-box; align-content: center; justify-content: center; align-items: center; flex-direction: column; opacity:0; transition-duration: 0.25s; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; } .p_bingo .task:hover .proof { opacity:1; }