Доктор выполняет требование и отцепляется, потому что они в ТАРДИС. Оба. Он позволяет своему разгорячённому затылку остудиться о металл корпуса чужой красотки и говорит, полуприкрыв веки:
— Ты ускользал, но я был быстрее самого провидения. Почти как в романе Стивена Кинга, состоящего из одних цифр. Как там было? 11-22-63. Да...
И мы летим... Кстати, куда?
архив дизайна
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться12025-03-06 00:15:18
HTML верх
Код:
<!-- Ссылка на авторский пост в цитате v4 (с) Alex_63, 2024 -->
<script type="text/javascript">
$(document).on('pun_main_ready pun_post pun_edit pun_preview WYSI_insert WYSI_init',function(){
$('.quote-box>cite:contains("#p")').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() { if($(this).attr('href').indexOf('(\'#p')!=-1)return;
$(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});});
</script>
<script src="https://forumstatic.ru/files/0017/95/29/51757.js"></script>
<script>
hvWantedFilters.init(8, 557);
</script>
<!-- Cчётчик Игровых постов -->
<script type="text/javascript">
/*delete localStorage.alertsAMS_onCountCode;*/
/***************************
Настройки!
***************************/
FORUM._NUMpa_fld = 5; // Номер.Доп.поля,
FORUM._color_fld = "inherit"; // Цвет шрифта,
FORUM.includeFirstPost = 0; // 0 - не учитывать,1 - учитывать Первопост автора в игровых темах,
FORUM.AddOrSlash = 0; //0 - Поле отдельно, 1 - через слешь c общ. числом сообщений,
FORUM.Number_winners = [7,[17]]; // Начальное Число отображаемых юзеров в таблице и список форумов показа;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960"; //Код подписки!!;
/**** НАСТРОЙКА Игровых локаций ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//Форум //Темы (включаемые, или исключаемые)
f15 :-[0], //фандом // Written In Blood
f8 :-[0], //альтернатива // Sharing Shadows
f9 :-[0] //межфандом // Inner Noises //Последний элемент без запятой!
}
!~!*/}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:20px;z-index:10001}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END Cчётчик Игровых постов © Deff-->
<div class="nav_bg"><div></div></div>
<script>
$(window).on('load scroll',function(){
if ($(this).scrollTop() >= '306') {
$('.nav_bg').addClass("show");
}
else {$('.nav_bg').removeClass("show");}
});
</script>
<!-- Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/ad/c5/19663.css">
<div class="nav_bg"><div></div></div>
<script>
$(window).on('load scroll',function(){
if ($(this).scrollTop() >= '306') {
$('.nav_bg').addClass("show");
}
else {$('.nav_bg').removeClass("show");}
});
</script>
<!--Скрытие профиля в теме тегом-->
<style type="text/css">.hideprofile .post-author,.hideprofile .pl-email,.hideprofile .pl-website, .hideprofile .about-pers, .hideprofile .post-sig {display:none!important}
.hideprofile .post-body,.hideprofile .post-links,.hideprofile .post-box, .hideprofile .post-links ul,.post.hideprofile h3>span, .hideprofile .post-body h3 {margin-left:0!important}</style>
<script>
FORUM.set('editor.addition.tags.hideprofile',{name:'Скрыть минипрофиль',onclick:function(){insert('[hideprofile]');}});
$().pun_mainReady(function(){$('.post:contains("[hideprofile]")').addClass('hideprofile').html(function(){return $(this).html().replace(/\[hideprofile\]/gim,'')})});
</script>
<!-- Конец -->
<script>$(function (){
$('#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4').wrapAll('<div class="ststitems"></div>');
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#float").prependTo($("#post-form"));
$("#pun-announcement").insertBefore($("#pun-ulinks"));
$("#pun-status").appendTo($("#pun-navlinks"));
});
</script>
<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: rgba(0,0,0,.85);
z-index: 999;
max-width: 180px;
border: none;
border-radius: 2px;
box-shadow: 0 0 0px 1px rgba(0,0,0,.05) inset;
font-size: 10px; /* размер текста */
font-family: var(--font);
display: none;
color: #d9d8d1; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: .5px;
font-weight: 500;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/001a/fa/d0/26671.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->
<!--выделить код. Alex_63 new.2019-->
<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>
<!-- конец -->
<!--Отключить кнопку "Вложения", пожаловаться-->
<script type="text/javascript">
RusffCore.sets.files.button = false;
RusffCore.sets.show_reportBtn = 0;
</script>
<!-- Отключение сокращения ссылки-->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</script>
<script>
RusffCore.sets.graffiti = false; /*Граффити*/
</script>
<!-- Отключение реакций-->
<script>
ReactionsPlugin.setConfig({
disable: true
});
</script>
<!-- Чтобы не пропадали посты -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!-- конец -->
<!------------------------------ Мгновенные уведомления © Alex_63, Deff 2019 ----------------------------->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}
</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<!--+ Мгновенные уведомления: упоминания © Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--+ Мгновенные уведомления: комментарии к репутации без переадресации Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ Мгновенные уведомления: подписки на форум/тему © Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ Мгновенные уведомления: новые посты из важных тем © Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [50,4]}); // ID важных тем (через запятую)
</script>
<script>notifications.addons.tgbot.noInvite = true;</script>
<!--//Скрипт "Тихого Цитирования" с группой настроек © Deff//-->
<script type="text/javascript">
settingQuote2 = {
kn_Name: 'Цитировать-тихо', /*Наименование кнопки цитировать*/
kn_title: '', /*Всплывающая подсказка на кнопке, если значение пустое (''), — подсказка не всплывает!*/
button_sequence: 1, /* 1 — кнопка идёт за стандартной цитатой, 0 — впереди стандартной*/
hide_button_quote: 0, /*1 — кнопка стандартной цитаты скрыта — , 0 — остаётся!*/
visible_forums: [17,12] /*ID форумов установки кнопки тихой цитаты*/
}</script>
<script type="text/javascript" src="https://forumstatic.ru/files/001c/36/d0/35399.js"></script>
<!-- палитра -->
<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></script>
<!--шрифты--->
<style type="text/css">
@font-face {
font-family: 'Vivaldi script';
src: url('https://forumstatic.ru/files/001c/36/d0/49995.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/45386.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/90238.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/42322.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Nautilus Pompilius';
src: url('https://forumstatic.ru/files/001c/36/d0/74054.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/38157.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/96908.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/60260.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Planet X';
src:
url('https://forumstatic.ru/files/001c/36/d0/98941.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/72795.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/19392.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/14838.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Mason Chronicles';
src: url('https://forumstatic.ru/files/001c/36/d0/41574.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/46901.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/99289.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/99975.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<style type="text/css">
@font-face {
font-family: 'DexterC';
src: url('https://forumstatic.ru/files/001c/36/d0/67488.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/53874.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/87886.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/40159.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<style type="text/css">
@font-face {
font-family: 'RDO-lino';
src: url('https://forumstatic.ru/files/001c/36/d0/21462.eot') format('eot'),
url('https://forumstatic.ru/files/001c/36/d0/49456.woff') format('woff'),
url('https://forumstatic.ru/files/001c/36/d0/72282.ttf') format('truetype'),
url('https://forumstatic.ru/files/001c/36/d0/37789.svg') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Runaway star'; //Ник PR-аккаунта
PR.pass = '0000'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
<!---------------------------- Быстрая смена аккаунта ---------------------------->
<script type="text/javascript">
New_EXiT = 'https://forumstatic.ru/files/001c/36/d0/65134.png'; //Дополнительная Иконка выход;
</script>
<script data="361bc4" src="https://forumstatic.ru/files/0014/cc/0a/93129.js"></script>Поделиться22025-03-06 00:15:35
HTML низ
Код:
<style>
.banners-wrapper a:not(.static) {
display: none;
}
</style>
<div class="banners-wrapper">
<!--- Риалан --->
<a href="https://rialan.rusff.me" target="_blank"> <img src="https://i.imgur.com/w2dmehd.gif" title="RIALAN: doomed to die"></a>
<!--- Аварос --->
<a href="http://avarosbook.rusff.me" title="Книга Авароса" target=_blank> <img src="https://upforme.ru/uploads/001a/84/b6/60/822266.jpg" border="0" alt="Книга Авароса"></a>
<!--- Next door --->
<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/XE52Mde.png" title="next door = south korea"></a>
<!--- Сказка ложь? --->
<a href="https://taleisalie.f-rpg.me/"><img src="https://i.ibb.co/fnkLyPQ/2.jpg" title="персонажи сказок в реальном мире, арты" alt="персонажи сказок в реальном мире, арты"></a>
<!--- Inspiration --->
<a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://upforme.ru/uploads/001c/38/b6/4/363538.gif" width="88" height="31" border="0"></a>
<!--- Hope county--->
<a href="https://meethope.ru/"><img src="https://forumstatic.ru/files/001c/42/be/39857.gif" title="Hope County"></a>
<!--- in gods we trust --->
<a href="https://godstrust.rusff.me//" title="in gods we trust. боговник" target="_blank"><img src="https://upforme.ru/uploads/001c/38/7d/8/134741.png"></a>
<!--- Edgezone Киберпанк --->
<a href="https://edgezone.rusff.me/" title="Cyberpunk 2077: Edgezone" target="_blank"><img src="https://i.imgur.com/ub4UiCW.gif"></a>
<!--- notacross --->
<a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a>
<!--- Серодомье --->
<a href="https://serodomno.mybb.ru/"> <img src="https://i.imgur.com/We2tKeS.gif" title="Серодомье" border="0""> </a>
<!--- Antillia. Carnaval de la mort --->
<a href="https://antillia.rusff.me/" target=_blank> <img src="https://forumstatic.ru/files/001c/32/87/41516.gif" border="0" alt="Antillia. Carnaval de la mort " width="88" height="31"/></a>
<!--- рулет roulette --->
<a href="https://crossroulette.rusff.me/" target="_blank"> <img src="https://upforme.ru/uploads/001c/46/9d/3/820835.gif" title="cross roulette"></a>
<!--- Волки инстинкт --->
<a href="https://wolveslife.bbok.ru" target="_blank"><img src="https://forumstatic.ru/files/0001/bf/9c/79365.gif" title="Волки. Инстинкт зовет!">
<!--- Inside Out --->
<a href="http://insideout.mybb.ru/" target=_blank><img src="https://i.imgur.com/emfYusS.gif" title="Inside Out"></a>
<!--- happy house --->
<a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/903060.jpg"></a>
<!--- SWAMP TOWN --->
<a href="https://swamptown.f-rpg.me" target=_blank><img src="https://upforme.ru/uploads/001c/45/71/60/150348.gif" title="2024 - мистика - ужасы, выживание"></a>
<!--- Cyberpunk --->
<a href="https://ftr404.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/1a/06/5/954124.png" title="киберпанк, эпизоды, анархия"></a>
<!--- Butterbeer --->
<a href="https://drinkbutterbeer.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001a/2e/af/91806.png" title="у нас наливают"></a>
<!--- Mystery Book --->
<a href="https://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://upforme.ru/uploads/0019/7e/db/2/163253.gif" border="0"/></a>
<!--- De other side --->
<a href="https://dos.f-rpg.me/" target="_blank"><img src="https://i.imgur.com/BQboz9c.png" title="de other side [crossover]"></a>
<!--- Miami --->
<a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/c7/a6/71089.gif" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a>
<!--- Sept.3rd --->
<a href="https://sept3rd.rusff.me/" title="Sept.3rd"><img src="https://upforme.ru/uploads/001a/eb/a8/2/946505.png" border="0"></a>
<!--- sleepless --->
<a href="https://hpsleepless.rusff.me/"><img src="https://forumstatic.ru/files/001c/39/a8/72498.svg" title="hp: sleepless"></a>
<!--- wondersofworld --->
<a href="https://wondersofworld.rusff.me" target="_blank"><img src="https://forumstatic.ru/files/001c/38/38/70929.png" title="геншин импакт драматичный и не только" alt="wonders of the world ✦ genshin impact" width="88" height="31"></a>
<!--- alluvio maris --->
<a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/71898.png" title="alluvio maris"></a>
<!--- Mermaids --->
<a href="https://secretsofmermaids.rusff.me/" target="_blank"><img src="https://i.imgur.com/uKH5gzO.png" title="Секреты русалок"></a>
<!--- Feeling --->
<a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://forumstatic.ru/files/0015/e5/b7/66578.png"
title="crossfeeling"
border="1" width="88" height="31"></a>
<!--- hpexile --->
<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/5a/62/68424.jpg" title="HP: Exile. ГП 2 поколение, 1997. Школа и не только. Активная игра"></a>
<!--- sunshine --->
<a href="https://sunnycross.ru/"><img src="https://i.ibb.co/Zz1H0CH/bb.png"></a>
<!--- gestalt --->
<a href="//urgestalt.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/29/61/82388.jpg" title="close ur gestalt" width="88" height="31" border="0" alt="close ur gestalt"></a>
<!--- execute --->
<a href="https://execute.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001b/f1/3b/2/979947.png" alt="Execute" title="Execute [кроссовер]" width="88" height="31"></a>
<!--- Forever young --->
<a href="https://foreveryoung.rolbb.me/" title="Forever Young"><img src="https://upforme.ru/uploads/001a/fb/6a/2/490291.jpg" border="0"></a>
<!--- wolf creek --->
<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/lCYion2.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a>
<!--- Crossteller --->
<a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/2e/fb/94870.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a>
<!--- Good place --->
<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://i.imgur.com/ziAEvwz.png" title=“the good place /// визардинг ворлд без постирония“></a>
</div>
<!-- Перемешать баннеры при перезагрузке © TheBanana, max, the murderer! 2022 -->
<script>
$(document).ready(function(){
$('.banners-wrapper').each(function () {
var block = $(this);
var banners = (block).children('a').not('.static');
$(banners).sort(function (a, b) {
return (-1 + Math.random() * 2);
})
.appendTo(block).show();
});
});
</script>
<!--- цитаты в категориях --->
<script>
$(function (){
$('<div class="cat-quote"><div>I shake and stare the sun till my eyes burn</div></div>').insertAfter('.category.category-1 h2 span');
$('<div class="cat-quote"><div>Oh, my deepest fear is getting close and I will lose myself in you</div></div>').insertAfter('.category.category-2 h2 span');
$('<div class="cat-quote"><div>Stargazer kissing your kismet with bright jewel encrusted scars</div></div>').insertAfter('.category.category-3 h2 span');
$('<div class="cat-quote"><div>Many moons have passed since that winter night we poured our hearts out until the morning light</div></div>').insertAfter('.category.category-4 h2 span');
$('<div class="cat-quote"><div>I never knew the kind of feeling it makes you cold, it makes you freezing but let us strike a match and kiss the fuse</div></div>').insertAfter('.category.category-5 h2 span');
$('<div class="cat-quote"><div>We are immortal when destiny reigns no one can stop this hellbound train</div></div>').insertAfter('.category.category-6 h2 span');
});
</script>
<!--- конец --->
<!-- Скрыть рекорд из статистики © rps // мод. © max, the murderer! -->
<script type="text/javascript">
var onlineLists = document.querySelectorAll("#onlinelist:not(.statistics) div");
onlineLists.forEach(function(list) {
list.innerHTML = list.innerHTML.substring(0,list.innerHTML.indexOf(";")) + list.innerHTML.substring(list.innerHTML.indexOf(")"));
});
</script>
<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
<script type="text/javascript">
var PPREV = {};
PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/10524.js"></script>
<!-- Кнопка отключения мгновенного предпросмотра -->
<style>#togglePreview{float: right; margin-top: -17px; margin-right: 21px}</style>
<script type="text/javascript">(function (){
var a='Включить предпросмотр';
var b='Отключить предпросмотр';
var d='_PreviewToggle';
setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
getCookiePPrev=function(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1] ? c[1] : false;}
$('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:last legend');
var x = ParseContent;
window.togglePreview = function(sel){//alert(sel.value);
if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
}; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>
<!-- Перемешать баннеры при перезагрузке © TheBanana, max, the murderer! 2022 -->
<script>
$(document).ready(function(){
$('.banners1').each(function () {
var block = $(this);
var banners = (block).children('a');
$(banners).sort(function (a, b) {
return (-1 + Math.random() * 2);
})
.appendTo(block).show();
});
});
</script>
<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
guestAccess: ['архив анкет // Wired for Destruction', 'общий архив // Sic Itur Ad Astra'],
forumAccessExtended: {
'заявки // The State of Dreaming': ['Принятые'],
'фандомные темы // Children of the Dark': ['Принятые'],
'фандом // Written In Blood': ['Принятые'],
'межфандом // Inner Noises': ['Принятые'],
'альтернатива // Sharing Shadows': ['Принятые'],
'флуд // Run on for a Long Time': ['Принятые'],
'игры // Everything at Once': ['Принятые'],
'дневники // I Paint Nightscapes': ['Принятые'],
'архив анкет // Wired for Destruction': ['Принятые'],
'общий архив // Sic Itur Ad Astra': ['Принятые']
},
changeList: {
'pafld1': {
title: 'Фандом',
description: '',
tag: 'nm',
class: 'pa-fld1',
defaultCode: '<div class=\'fn\'><a href=\'ссылка\'>фандом</a></div>',
type: 'html'
},
'pafld2': {
title: 'Текст лз',
description: '',
tag: 'lz',
class: 'pa-fld2',
defaultCode: '<div class=\'lz_t\'>текст лз</div>',
type: 'html'
}
},
userFields: ['pa-author', 'pa-avatar', 'pa-title', 'pa-fld1', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-fld4', 'pa-respect', 'pa-online', 'pa-ua', 'pa-gifts', 'pa-awards']
});
</script>
<!-- Аватар для гостя и по умолчанию / Deff, Alex_63
mod by ForumD.ru -->
<script type="text/javascript">
var DefAvtr = 'https://upforme.ru/uploads/001c/37/59/2/571942.png'; //Ссылка на аватар по умолчанию
var GuestAvtr = 'https://upforme.ru/uploads/001c/37/59/2/571942.png'; //Ссылка на аватар для Гостя
$('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
var b = DefAvtr;
if($(this).text()=='Гость'){b = GuestAvtr;}
var s='<li class="pa-avatar item2"><img class="defavtr" src="'+b+'" alt="Аватар"/></li><li class="pa-online" id="guest"></li>';
if($(this).parent().find('.pa-avatar').html()==null)$(this).after(s);
});
$('#profile-left strong:contains("Нет аватара")')
.parent().html('<div><img src="'+DefAvtr+'"/></div>');
</script>
<!-- Конец -->
<!--// Быстроплюсы v.2 РЕНО by Deff //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js" addComment="1"></script>
<script>
$('.slide_button').click(function() {
$('.slide_button').not(this).removeClass('i_active');
$(this).toggleClass('i_active');
});
</script>
<script>
$('.slide_button').each(function() {
$(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
$(this).next().slideToggle();
});
});
</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.tcr').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>
<script>
$('.slide_button').click(function() {
$('.slide_button').not(this).removeClass('i_active');
$(this).toggleClass('i_active');
});
</script>
<script>
$('.slide_button').each(function() {
$(this).on('click', function() { $('.slide_button').not($(this)).next().slideUp();
$(this).next().slideToggle();
});
});
</script>
<script>
$('#pun-index .tcr').each(function(){
$(this).find('.lastpost, .lastpost-link').wrapAll('<div class="lastmess_wrap">');
});
$('.post-author').each(function(){
$(this).find('.pa-author, .pa-title, .pa-avatar').wrapAll('<div class="fields_wrap">');
$(this).find('.pa-respect, .pa-fld4, .pa-fld5').wrapAll('<div class="fields_wrap2">');
});
</script>
<!--запятая после ника-->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<script type="text/javascript">
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:transparent}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="insert(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin: 0.7em 1em;"></span>'; /*удвоенные Отступы сверху и слева*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
<!-- Анти-в-строчку для Сообщений и Репутации © deff -->
<script type="text/javascript">
function changeS(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
changeS('.pa-respect span','<span>+','<span>');
changeS('#pun-ulinks .item2','Активные темы','Активные');
changeS('#pun-ulinks .item3','Темы без ответов','Без ответов');
changeS('#pun-status .item2','Ваш последний визит:','Замечен');
</script>
<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><span><img src="https://forumstatic.ru/files/001c/37/59/44536.svg"></span></div>
<div class="go-down" id='OnBottom'><span><img src="https://forumstatic.ru/files/001c/37/59/49766.svg"></span></div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<!-- Исключение из "Цитировать" подписи и "отредактировано" -->
<script type="text/javascript"> (function(){ var p =[];
$('.post').find('.pl-quote').click(function(){
p[0] = $(this).parents('.post').find('.lastedit');
p[1] = $(this).parents('.post').find('.post-sig');
p[2] = p[0].html();p[3] = p[1].html();
p[0].html('');p[1].html('');
setTimeout(function(){p[0].html(p[2]);p[1].html(p[3])},600);});
}());
</script>
<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
<script type="text/javascript">
$('.post-content').each(function() {
var CNT = $(this).html();
CNT = CNT.replace(/<p><br><\/p>/img,'');
CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
$(this).html(CNT);
});
</script>
<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-22px 0 0 18px;background: #E2E4E4;font-size: 8px;width: 11px;height: 11px;text-align: center;border-radius: 100%;padding: 0;border: none;font-weight: 500;line-height: 11px;color: #080e11; left: 0;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!--написано символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng">символов: <b>00</b> </small>';epl.parents("#post-form").find("#form-buttons").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!--конец -->
<!-- ник гостя -->
<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 show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые</a></li>');}
show_new();
</script>
<script type="text/javascript">
var title = document.querySelectorAll('.pa-avatar img[title], p.formsubmit .button[title], input.button[title],#statistic-other a[title], .post-rating a[title], span.offctgr img[title]');
var allTitle = title.length;
for (i=0; i<allTitle; i++){
title[i].removeAttribute('title');
}
</script>
<!-- Разделение ников пользователей в теме запятой -->
<script>
$('#topic-users-in a').prev('a').after(',');
$('.f_link a').prev('a').after('◃▹');
</script>
<!--замена коротких тире на длинные -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s| )?-(\s| )/g,'$1—$2')})</script>
<!--Кавычки-->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
$(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>
<!-- скрыть поделиться -->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>
<!— конец —>
<!--- Скрыть rss-atom --->
<style type="text/css">
.punbb .modmenu .container span {display: none;}
</style>
<!--- конец --->
<!--ТЕГ justify -->
<style>
#button-justify {background:transparent}</style>
<script type="text/javascript">
$(document).ready(function(){
$("#post #button-right").after('<td id="button-justify" align="center" valign="center" title="Выравнивание по ширине"><img onclick="bbcode(\'[align=justify]\',\'[/align]\')" src="/i/blank.gif"/></td>');});
</script>
<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("https://forumstatic.ru/files/0015/dd/40/15488.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content")
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/21552.svg" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="https://forumstatic.ru/files/001a/08/74/23464.svg" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!-- Индикатор активности пользователя © Alex_63 -->
<script type="text/javascript">
$('.post-author:not(.online)').addClass('offline');
$('.post-author.online').addClass('onlines');
$('.post').each(function(){
var PostAuthorLogin = $(this).find('li.pa-author>a').text();
var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
var visitTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
$(this).find('.post-author.onlines').prepend('<span class="indOnline" title="'+PostAuthorLogin+' на форуме'+activeTime+'">online</span>');
$(this).find('.post-author.offline').prepend('<span class="indOffline" title="'+PostAuthorLogin+' сейчас не на форуме, последний визит: '+visitTime+'.">offline</span>');
});
</script>
<!-- маленько редактуры духа -->
<!------------ ШРИФТЫ ------------>
<script type="text/javascript">
if (document.URL.indexOf("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Vivaldi script');
ft_f.push('Nautilus Pompilius');
ft_f.push('Planet X');
ft_f.push('Mason Chronicles');
ft_f.push('DexterC');
ft_f.push('Lombardina Two');
ft_f.push('RDO-lino');
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>
<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {
border-radius: 4px;
position: absolute;
z-index: 1000;
background: #E0E0E0;
width: 110px;
height: 5px;
margin: 3px 5px;
border: solid 1px #ccc;
left: 150px;
}
.FNTslider .before {
height: 5px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #d9a3be;
margin-top: -1px;
}
.FNTslider .thumb {
width: 8px;
height: 13px;
border-radius: 3px;
position: relative;
top: -4px;
background: #ba3979;
cursor: pointer;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- регулятор размера шрифта -->
[hideprofile]
Поделиться32025-03-06 00:17:22
Объявление
Код:
<div id="header_wrapper">
<div class="header_images">
<div class="eyes move_layer" value="-2"></div>
<div class="screen-texture"></div>
<div class="liquid move_layer2" value="3"></div>
<div class="logo_text move_layer" value="2"></div>
</div>
<div class="header_table">
<div class="header-item left-head">
<div class="persons_wrap"><span class="persons_title">нужные персонажи</span>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=8#p40249" title="Lester"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/411683.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=8#p28580" title="Alastor"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/766711.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=8#p28165" title="Lucanis Dellamorte"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/961033.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=8#p26896" title="Иван Царевич"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/181343.jpg"></div></a>
</div>
<div class="persons_wrap"><span class="persons_title">вас заметили</span>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=619" title="greet the dawn"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/401627.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=492" title="Sucker for Pain"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/995733.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=576" title="we can prevent what we can predict"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/517794.jpg"></div></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=602" title="Welcome to Storybrooke, Miss Swan!"><div><img src="https://upforme.ru/uploads/001c/36/d0/5/916258.jpg"></div></a>
</div>
</div>
<div class="header-item mid-head">
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=2">правила</a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=3">гостевая</a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=8">нужные персонажи</a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=10">занятые роли</a>
</div>
<div class="header-item right-head bestpost">
<div class="bestpost_wrap"><div class="bestpost-text">Чертовы туфли натирали ступню. Хотелось скинуть их к чертовой матери и пойти босиком под красноречивые взгляды посетителей выставки. Хотелось, но Валери терпела, с мазохисткой тщательностью выдерживая осанку и кошачью поступь. Карие глаза напротив гипнотизировали золотистыми вкрапинами.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=565#p40454" class="bestpost-episode">Valeria Laudscream, «Счастливы вместе»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Но его лицо смягчается, он подаёт ей руку, и исходящая от него волна наконец достигает Сансы. Не ненависть, понимает она с невероятным облегчением, но что-то другое, что-то интенсивное, очень личное изливается на неё одну, какая-то мысль, какое-то предельное обособление.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=555#p40544" class="bestpost-episode">Sansa Stark, «the mark of affiliation»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Бой, который я хотела выиграть сегодня же, в итоге обернулся войной, где мои минимальные потери означали лишь то, что я позорно сбежала с поля брани. А муж… Чёрт побери, любила ли я его вообще? Возможно, когда-то. Любил ли он? А… она?</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=385#p40570" class="bestpost-episode">Belle, «fairytale crime»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Только дух перевела, как Избушку снова перекосило, — во второй раз Леший на поклон пришёл, — на Кикимору жаловался, что совсем ему прохода не даёт. Просил Ягу, чтобы та с Водяным поговорила, чтобы тот в узде своих подчинённых держал. Из котла зелье снова сбежало.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=599#p40186" class="bestpost-episode">Yaga, «Сохрани Господь от таких гостей»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">- С другой стороны, едва ли я был кандидатом, которых предложили вам ваши советники. Тиреллы не вступали с Таргариенами в брак, наша верность держалась на иных клятвах. Но драконья кровь сильна, и даже спустя 200 лет у темноволосых Хайтауэров, рождаются сереброволосые и светлоглазые девочки.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=356#p40300" class="bestpost-episode">Willas Tyrell, «royal loyalty»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">—Только сейчас узнала, что они на самом деле существуют, — признается Ла’ан. На этом корабле она всё чаще сталкивается с вещами, событиями и людьми, о существовании которых не только не подозревала, но и даже представить оные себе не могла.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=576#p40401" class="bestpost-episode">La'an Noonien-Singh, «we can prevent what we can predict»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Питер проглатывает слюну, понимая, что на его губах была часть этой вкусной субстанции, а в качестве ответа переводит взгляд на дверь в коридор, куда давно так хотел попасть. Стремился, мечтал, а ему не давали. И теперь она открыта. Все двери открыты, какие только можно представить. </div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=619#p40467" class="bestpost-episode">Peter Vincent, «greet the dawn»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Он жил в удивительном мире, где машины внезапно обрели сознание и потребовали свободу. Нет, конечно, Хэнк и раньше почитывал всякую фантастику о космических кораблях и умных роботах, но будущее стукнуло его по макушке совершенно внезапно и выкатило суровую реальность.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=608#p40615" class="bestpost-episode">Hank Anderson, «Nothing Important Happened Today»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Всё сводится к логике, к рационализации иррационального. Воспринимает ли Коннор происходящее как игру? Как испытание? Или же он действительно верит в свою новую свободу? RK900 анализирует доступные записи, восстанавливает фрагменты диалогов, изучает то, как менялся его предшественник. Снова и снова.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=607#p40644" class="bestpost-episode">RK900, «Поймай меня, если сможешь»</a></span></div>
<div class="bestpost_wrap"><div class="bestpost-text">Глупо отрицать, что тайна и немой вызов, скрытый за маской холодности и безразличия, в свое время его и привлекли — а потом заставили задержаться рядом, не утратить интереса. Астарион наклоняется к ней, так близко, что отчетливо ощущается запах ее духов и вина, и участившееся дыхание на его щеке.</div>
<span class="bestpost-sub"><a href="https://abyssus.f-rpg.me/viewtopic.php?id=592&p=2#p40656" class="bestpost-episode">Astarion, «blackest day coming 'round»</a></span></div>
</div>
</div>
</div>
<div class="event_wrapper">
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=4#p40582"><span>Постовой список - март</span></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=612"><span>Внеземная весна: новый дизайн</span></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=65&p=13#p40701"><span>Какой вы клоун?</span></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=507"><span>puzzle</span></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=50&p=2#p40175"><span>новости 24.02</span></a>
<a href="https://abyssus.f-rpg.me/viewtopic.php?id=4#p40882"><span>удаления 04.03</span></a>
</div>
<style>.bestpost_wrap {display:none}</style>
<script language="javascript">
var sek = 1000000; // Время отображения
var Nrout=$(".bestpost_wrap").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$(".bestpost_wrap").hide();
$(".bestpost_wrap").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>
<script>
document.addEventListener("mousemove", parallax);
function parallax(event) {
this.querySelectorAll(".move_layer").forEach((shift) => {
const position = shift.getAttribute("value");
const x = (window.innerWidth - event.pageX * position) / 90;
const y = (window.innerHeight - event.pageY * position) / 90;
shift.style.transform = `translateX(${x}px) translateY(${y}px)`;
});
this.querySelectorAll(".move_layer2").forEach((shift) => {
const position = shift.getAttribute("value");
const x = (window.innerWidth - event.pageX * position) / 50;
const y = (window.innerHeight - event.pageY * position) / 50;
shift.style.transform = `translateX(${x}px) translateX(${x}px)`;
});
}
</script>Поделиться42025-03-06 00:18:25
HTML в форме ответа
Код:
<script src="https://forumstatic.ru/files/0017/95/29/40399.js"></script>
<script>
$(document).ready(function() {
hvStickerPack.init("https://forumstatic.ru/files/001c/36/d0/72619.txt?v=86");
});
</script>Поделиться52025-03-06 00:18:43
Пользовательские bb-теги
Код:
wrap[div.wrapper]:im verh[div.buttons.buttop]:im levo[div.buttons.butleft]:im pravo[div.buttons.butright]:im niz[div.buttons.butbottom]:im contentw[div.windows]:im cont[div.window/data-content]:im vkladka[div.vkladka/data-number]:im acont[div.window.activevkladka/data-content]:im avkladka[div.vkladka.activevkladka/data-number]:im
Поделиться62025-03-06 00:22:33
Структура style.css
Код:
@import url(style_cs.css);
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');
/* используются в дизайне */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
:root {
--base-bg: #202020 url(https://forumstatic.ru/files/001c/37/59/25370.png);
--tv-bg: url(https://forumstatic.ru/files/001c/37/59/22568.png);
--screen-bg: url(https://forumstatic.ru/files/001c/37/59/41874.png);
--overlay-bg: linear-gradient(180deg, rgba(24, 24, 24, 0.45) 0%, rgba(24, 24, 24, 0.45) 100%);
--lines-bg: url(https://forumstatic.ru/files/001c/37/59/54756.png);
--head: url(https://forumstatic.ru/files/001c/1e/8c/22805.png);
--pun: #F1F1F1;
--white: #F1F1F1;
--black: #202020;
--black2: #282828;
--dark-grey: #373737;
--white2: #F9F9F9;
--grey: #7E7E7E;
--grey2: #D2D2D2;
--text1: #F1F1F1; /*светлый*/
--text2: #202020;
--links: #AE397C; /*светлый*/
--links2: #CAAB77;
--accent: #CAAB77;
--font: Petrov;
--font-a: Petrov;
--cover: #acb1aa;
--fill: rgba(244, 244, 234, 0.75);
--fill2: rgba(241, 241, 228, 0.75);
--fill3: #F1F1E4;
--img-darken1: #AFB492;
--img-cover1: rgba(74, 63, 85, 0.5);
}
@media all and (orientation: portrait) {
body {
background:
var(--lines-bg) no-repeat top center,
var(--overlay-bg),
var(--screen-bg) repeat top left,
var(--tv-bg) no-repeat left center,
var(--base-bg) repeat top left;
background-blend-mode: normal, normal, screen, normal, normal, normal;
background-attachment: fixed;
background-size: 100vw , auto, auto, auto, auto;
}
}
@font-face {
font-family: 'Petrov';
font-style: normal;
font-weight: 300;
src: url(https://forumstatic.ru/files/001c/37/59/14624.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: italic;
font-weight: 300;
src: url(https://forumstatic.ru/files/001c/37/59/81886.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/37/59/71821.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: italic;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/37/59/88352.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: normal;
font-weight: 600;
src: url(https://forumstatic.ru/files/001c/37/59/65738.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: italic;
font-weight: 600;
src: url(https://forumstatic.ru/files/001c/37/59/57003.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: normal;
font-weight: 800;
src: url(https://forumstatic.ru/files/001c/37/59/26530.ttf);
}
@font-face {
font-family: 'Petrov';
font-style: italic;
font-weight: 800;
src: url(https://forumstatic.ru/files/001c/37/59/51365.ttf);
}
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html,
body {
margin: 0;
padding: 0
}
/* A2.2 */
.punbb * {
margin: 0px
}
/* 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: auto;
vertical-align: middle
}
/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
font-size: 100.01%;
}
/* A3.2 */
.punbb {
font: normal 70% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
/* 3.3 */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}
/* A3.4 */
.punbb h1,
.punbb h2,
.punbb h3 {
font-size: 1em;
font-weight: bold;
}
.punbb th {
font-size: 0.9em;
font-weight: bold;
}
.punbb h4,
.punbb table {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span,
.punbb h2 span,
.punbb legend span {
font-size: 1.1em;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address,
.punbb em {
font-style: normal
}
/* A3.8 */
.punbb .post-content em {
font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
/* A3.10 */
.punbb a {
text-decoration: underline
}
/* 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 dl.post-sig dt span,
.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-ulinks h2,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position: absolute;
left: -9999px;
overflow: hidden
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
background: transparent;
margin: auto;
width: 1100px;
margin-top: 25px !important;
margin-bottom:50px;
box-sizing: border-box;
position: relative;
}
.punbb {
padding: 0px;
}
.punbb {
color: var(--text1);
}
.punbb a {
color: var(--links);
transition: color 0.3s ease-in-out;
}
.punbb a:hover {
color: var(--text1)
}
#pun-main {
background: var(--pun);
border-radius: 25px;
padding: 30px;
}
#pun-admain {
background: var(--pun);
border-radius: 25px;
}
#pun-main, #pun-admain {
color: var(--text2);
}
#pun-main a, #pun-admain a {
color: var(--links);
transition: color 0.3s ease-in-out;
}
#pun-main a:hover, #pun-admain a:hover {
color: var(--black)
}
/* лишнее */
h1.title-logo,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-crumbs1 strong,
#pun-crumbs2 strong,
thead,
th,
#pun-crumbs1 .container strong+em,
#pun-crumbs2 .container strong+em,
#pun-index #pun-main h1,
.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports,
td .modlist,
li#navawards,
.pa-gifts,
.acchide,
.forum h2,
.usertable h2,
.topic h2,
a.sharelink,
#pun .pa-ua,
.pa-author img,
.lastedit,
fieldset legend,
#pun .pl-reports,
#pun .mini_gifts,
#pun-userlist .main h2,
#pun-search .main h1,
#profilenav h2,
#profile-gifts,
#messages li.pl-email,
#pun .email,
.catleft,
.catright,
#pun .pl-share,
p.inputfield label em,
p.selectfield label em,
p.passfield label em,
#pun-announcement h2,
.pa-awards
{
display: none
}
.punbb {
height: auto;
}
/* A5.3 */
#pun-redirect,
#pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
min-height: 100px;
}
#pun-redirect {
border: 0 none !important;
margin: 0;
padding: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
background:
var(--lines-bg) no-repeat top center,
var(--overlay-bg),
var(--screen-bg) repeat top left,
var(--tv-bg) no-repeat left center,
var(--base-bg) repeat top left !important;
background-blend-mode: normal, normal, screen, normal, normal, normal !important;
background-attachment: fixed !important;
background-size: cover, auto, auto, auto, auto !important;
}
#pun-redirect #pun-main {
background: transparent;
}
#pun-redirect * {
border: 0 none;
}
#pun-redirect .main-title {
display: none;
}
#pun-redirect.punbb .info .container {
text-align: center;
font: 300 11px var(--font);
display: inline-block;
margin: 0 auto;
width: auto;
height: auto;
padding: 30px;
box-sizing: border-box;
background: var(--pun);
border-radius: 25px;
width: 1100px;
margin-top: 50px;
}
/* A5.4 */
.punbb .section,
.punbb .main {
margin-bottom: 1em;
}
/* A5.5 */
.punbb .category,
.punbb .post {
margin-top: 0.4em;
}
/* A5.6 */
.punbb #pun-category1,
.punbb .toppost,
.punbb .topicpost {
margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}
/* A5.8 */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
border-width: 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 {
border: none;
background: rgba(0,0,0,.15);
height: 1px;
display: block;
margin: 5px auto 15px;
width: 286px;
}
/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
font-family: var(--font), sans-serif;
font-weight: 300;
font-size: 1em;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: text-top
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode,
.punbb .post-content blockquote {
width: 100%;
overflow: visible;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
height: auto !important;
max-height: 200px
}
/* B1.8 */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
border: medium none;
margin: 0 0em 0.8em;
padding: 0em;
}
/* B1.9 */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
display: block;
font-size: 1.1em;
font-style: normal;
font-weight: bold;
margin: 0;
padding-bottom: 0.0em;
}
/* 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 {
width: auto;
height: auto;
font: 300 11px var(--font);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px 0px 5px !important;
position: relative;
z-index: 9;
padding: 0 0px;
}
/* B3.4 */
.linkst .postlink,
.linksb .postlink {
text-align: right;
font-weight: 600;
}
/* B3.5 */
.punbb .linksb {
width: auto;
height: auto;
font: 300 11px var(--font);
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px 0px 0 !important;
position: relative;
z-index: 9;
padding: 0px 0px;
}
.linksb {
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
width: auto;
}
#profile .button {
margin-top: 0 !important;
}
#profile .clearer {
display: none
}
#profile .linksb:after,
.linksb:after {
display: none !important;
}
.postlink span+span {
margin-left: 5px
}
/* B3.6 */
.linksb .pagelink {
float: left;
width: auto;
text-align: left;
order: 1
}
#pun .postlink.long .new-topic {
padding: 0 !important;
}
/* B3.7 */
.linksb .postlink,
.linksb noindex {
width: auto;
order: 3;
position: relative
}
.subscribelink {
position: relative;
order: 2;
text-align: center;
}
.pagelink, .new-poll a, .new-topic a, .postlink span a {
background: var(--white2);
padding: 5px 15px;
border-radius: 15px;
text-transform: lowercase;
color: var(--black) !important;
transition: all .4s linear 0s !important;
}
.new-poll a, .new-topic a, .postlink span a {
background: var(--accent)
}
.new-poll a:hover, .new-topic a:hover, .postlink span a:hover {
background: var(--links);
color: var(--white) !important;
}
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}
#post.container {
padding: 0 15px !important;
}
/* C1.2 */
.punbb .formsubmit {
padding: 0 0 15px 0em;
margin: 0em 0 0 0;
position: relative;
z-index: 1;
}
/* C1.3 */
.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span {
margin: 0 0.6em 0 0
}
/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 0px 0 0px;
margin: 0 0 1em 0
}
/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}
#profile .container fieldset legend {
display: block;
font-size: 10px;
margin-bottom: .6em
}
/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}
/* C1.8 */
.punbb .fs-box {
padding: 0em 0 0em 0;
}
/* C1.9 */
.punbb .fs-box p,
.punbb .fs-box fieldset {
padding: 0 0 1.5em 0
}
/* C1.10 */
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
float: left;
margin-right: 1em;
}
/* C1.11 */
.punbb .inline .infofield {
clear: both
}
/* C1.12 */
.punbb .datafield br {
display: none
}
/* C1.13 */
.punbb .required label,
.punbb .datafield span.input {
font-weight: bold
}
/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}
/* C1.15 */
.punbb .areafield span.input,
.punbb p.longinput span.input {
display: block;
padding: 0 4em 0 0;
height: 100%;
/* For IE */
}
/* C1.16 */
.punbb textarea,
.punbb .longinput input {
width: 64%;
margin: 0;
}
/* C1.17 */
.punbb .hashelp {
position: relative;
}
/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}
/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}
/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}
.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}
/* 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: 35%;
}
/* C2.2 */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
text-align: center;
width: 6%;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 27%;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}
/* 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 {
font-size: 1.2em;
font-weight: bold;
}
/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
/* C2.10 */
.punbb td .modlist {
display: none;
padding-top: 0.3em
}
/* C2.11 */
.punbb .main td {
padding: 0.9em 0em;
}
/* C2.12 */
.punbb .main th {
border: none;
padding: 0.4em 1em 0.4em 1em;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}
* html .tclcon {
height: 1px
}
/* C2.14 */
.punbb td div.tclcon {
line-height: 150%;
margin-left: 0;
text-align: left;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post {
margin-top: 0px;
position: relative;
}
/* C3.2 */
.punbb .post .container {
border: none;
margin-top: 0px;
padding-bottom: 10px;
}
.post {
padding-top: 60px;
margin-top: -70px !important;
}
/* C3.2 */
.post h3 {
border-width: 0px;
-webkit-text-size-adjust: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
font: 300 11px var(--font);
z-index: 1;
margin: 20px 0px 5px !important;
padding: 0px !important;
text-transform: uppercase;
width: auto;
height: auto;
box-sizing: border-box;
color: var(--grey)
}
.post h3 span {
display: flex !important;
justify-content: flex-start;
align-items: center;
gap: 0;
flex-wrap: wrap;
position: relative;
color: var(--grey);
background: var(--white2);
padding: 5px 15px;
border-radius: 25px;
}
.post h3 span a,
.post h3 strong {
font-weight: normal;
box-sizing: border-box;
}
.post h3 strong {
order: 2;
font-weight: normal;
margin-left: auto;
color: var(--grey)
}
.post h3 span strong:before {
content: ", #"
}
/* C3.5 */
.punbb .post .post-author {
float: left;
}
/* C3.6 */
.punbb .post .post-author ul,
.punbb .post .post-author p {
line-height: 140%;
}
/* C3.8 */
.pa-author a {
text-decoration: none
}
/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}
li.pa-online {
margin-top: 1em;
text-transform: uppercase
}
li.pa-online strong {
font-weight: normal
}
/* C3.11 */
.punbb .post-body {
margin-left: 235px;
border: none;
margin-top: 22px;
position: relative;
background: var(--white2);
border-radius: 15px;
padding: 25px !important;
}
/* C3.12 */
#pun .punbb .post-box {
padding: 0 0 1em 0;
text-align: left;
position: relative;
z-index: 1;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em;
}
/*C3.14 */
.punbb .post-links {
margin: 1em 0px 0px;
padding: 0px 0px 0px;
position: relative;
z-index: 9;
}
.post-links ul {
text-align: right;
}
.post-links li {
display: inline;
}
.profile,
.pm,
.email {
float: left
}
.post-links li+li,
.pa-links li+li {
margin-left: 20px
}
.punbb .post-links ul li:first-child {
margin-left: 0
}
.endpost .post-links ul {
border: 0 !important;
}
#pun .post-links ul a,
.pa-links li a {
font: 600 10px var(--font);
color: var(--black) !important;
}
#pun .post-links ul a:hover,
.pa-links li a:hover {
color: var(--links) !important;
}
/* C3.17 */
.pl-email,
.pl-website {
float: left;
}
/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
padding: 0px 0px 15px;
text-align: right;
font: 300 12px var(--font) !important;
}
.forum tr {
display: flex;
padding: 0px !important;
gap: 5px;
font: 300 12px var(--font);
align-items: center;
color: var(--grey);
}
#pun .forum td {
background: var(--white2);
align-self: stretch;
border-radius: 10px;
display: flex;
align-items: center;
padding: 7px 15px !important;
}
.forum td.tc2, .forum td.tc3 {
justify-content: center;
font-size: 11px
}
.forum tr a {
font-weight: 300;
color: var(--black) !important;
}
.forum tr a:hover {
color: var(--links) !important;
}
.forum td {
padding: 0 !important;
}
.forum .tcl {
flex: auto;
}
.forum .tc2,
.forum .tc3 {
width: 5% !important;
}
#pun .forum .tcr {
min-width: 30% !important;
}
.forum table {
margin: 10px 0
}
.forum thead {
display: none
}
.forum tr td {
padding: 0 !important;
}
.forum tr + tr {
margin-top: 5px;
}
#topic-modmenu {
padding-bottom: 5px
}
#pun-viewforum .tcr, #pun-searchtopics .tcr {
display: flex;
align-items: center;
}
#pun .user-avatar {
width: 25px !important;
height: 25px !important;
margin-right: 10px !important;
}
#pun .user-avatar .avatar-image {
width: 25px;
height: 25px;
border-radius: 10px;
transition: all .5s linear 0s;
box-sizing: border-box;
opacity: .55;
filter: grayscale(100%);
border: 1px solid var(--black)
}
#pun-index .user-avatar, #pun-index .user-avatar .avatar-image {
width: 35px !important;
height: 35px !important;
}
#pun .user-avatar .avatar-image:hover {
filter: none;
opacity: 1;
}
#pun .user-avatar .avatar-image:hover {
filter: none
}
#pun .user-avatar .isonline {
background: var(--black);
right: -2px;
margin: 0px !important;
box-sizing: border-box;
z-index: 1;
animation: none;
border-radius: 100px !important;
height: 7px;
top: 2px;
width: 7px;
border: none
}
.user-avatar .avatar-image[style*=default_avatar] {background-image: url(https://forumstatic.ru/files/001c/1e/8c/46748.png) !important;}
/* C4.2 */
.punbb .modmenu strong,
.punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 18.6em;
}
/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -18.7em;
display: inline;
}
/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: normal;
}
/* C6.4 */
#viewprofile ul,
#profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2,
#profilenav h2 {
padding: 3px 0 0 10px;
margin: 0 14px -0.6em 14px;
text-align: center !important;
}
/* 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: normal;
}
/*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-style: solid;
border-width: 1px;
}
/***************************************************/
************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border: none;
margin-bottom: -35px;
}
/* D1.2 */
#pun-title h1 {
display: block;
height: 10px;
margin: -1px 0px 0px -30px;
}
/* D1.3 */
#pun-title .container {
border: none;
padding: 0.2em 1em 0.8em 1em;
}
/* D1.4 */
#pun-title h1 span {
display: none;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 420px;
}
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding-left: -20px;
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 {
border: none;
margin: 0;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
font-weight: normal;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
}
/* D3.4 */
#pun-navlinks li a {
font-family: tahoma;
font-size: 0.8em;
padding: 10px 5px 10px 7px;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
border: none;
}
#pun-ulinks .container {}
#pun-ulinks li,
#pun-ulinks li a {
display: inline;
white-space: nowrap;
}
#pun-ulinks li a {
font-size: 0.8em;
padding: 0 0 0 5px;
}
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status,
#pun-status .container {
border-bottom: none;
margin-bottom: 0;
}
#pun-status {
height: 35px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
background: var(--black2);
border-radius: 0 25px 25px 0;
padding: 0 25px;
}
/* D5.2 */
#pun-status .container {
text-align: left;
font: 300 10px var(--font);
color: var(--white)
}
.gid3 #pun-status .item1 {
display: none
}
#pun-status a {
font-weight: normal;
color: var(--white);
text-transform: none;
display: inline-block;
font-size: 10px !important;
}
#pun-status a:hover {
color: var(--accent)
}
#pun-status .container strong {
font-weight: 600 !important;
}
#pun-status .status-right {
float: none !important;
}
#pun-status .item2 strong {
text-transform: lowercase
}
#pun-status .item3 {
margin-left: 10px !important;
}
#pun-status .item4 {
display: none
}
/* D5.3 */
#pun-status span {
white-space: pre-line;
margin-right: 0.5em;
}
/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 15px;
position: relative
}
/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
}
/* 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;
display: none
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
/* D6.3 */
#pun-announcement.section {
margin: 0
}
#pun-announcement .container {
padding: 0;
margin: 0
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats {
padding: 30px;
margin: 0px 0px 0px !important;
height: auto;
position: relative;
text-align: left;
background: var(--black);
border-radius: 25px
}
#pun-stats h2 {
display: none
}
#pun-stats .container {
margin: 0 0px;
font: 400 12px var(--font);
gap: 20px;
padding: 0px !important;
box-sizing: border-box;
position: relative;
border: none !important;
display: flex;
flex-direction: column;
}
#pun-stats .container a {
color: var(--accent)
}
#pun-stats .container a:hover {
color: var(--links)
}
.ststitems {
display: flex;
flex-wrap: wrap;
font: 300 10px var(--font);
text-transform: none;
margin: 0px;
padding: 0px;
align-items: flex-start;
text-align: center;
align-self: start;
gap: 4px;
display: flex;
width: 100%;
box-sizing: border-box;
}
.ststitems li {
background: var(--black2);
padding: 3px 15px;
border-radius: 25px;
opacity: .75
}
.ststitems li strong {
font-weight: normal
}
.onlinelist {
padding-top: 0px !important;
}
#onlinelist {
font-weight: 300;
}
#onlinelist span {
font-weight: 300
}
#onlinelist strong {
font-weight: 300
}
#onlinelist span a {
font-weight: 500
}
/* 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: 0;
}
/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}
/* D8.5 */
#pun-about p span {
display: block;
}
/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
}
/* D8.7 */
#pun-crumbs2 .container {
font-size: 1.1em;
}
/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}
/* 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"
}
@-moz-document url-prefix() {
body {
scrollbar-width: thin;
scrollbar-color: var(--accent) rgba(20, 18, 15, 0.01);
}
html {
scrollbar-width: thin;
scrollbar-color: var(--accent) rgba(0, 0, 0, 0.01);
}
}
::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: rgba(20, 18, 15, 0.1);
border-radius: 10px !important;
}
::-webkit-scrollbar-thumb {
background-color: var(--accent);
width: 4px !important;
border-radius: 100px !important;
}
.stickytext,
.closedatafield,
#pun-live-rusff,
.pl-reports {
display: none
}
input,
textarea {
outline: none;
}
input:active,
textarea:active {
outline: none;
}
:focus {
outline: none;
}
#pun-messages .fs-box {
padding: 0px;
}
#pun-messages #post-form .fs-box {
padding: 0 0px;
}
#pun-messages #post-form {
padding: 0px !important;;
}
#pun-messages .post h3 {
position: relative;
}
#pun-messages .post h3 span {
width: auto !important;
}
#pun #pun-messages .post-author {
position: relative;
/* margin-left: -51px !important; */
}
#pun-messages .pa-posts {
display: none
}
#pun-messages .pa-online {
clear: both
}
#main-reply {
height: 200px;
font-size: 13px;
}
#mask_dialog .inner,
.modal-inner.section,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner,
.editBookmark {
border: 1px solid var(--grey2) !important;
background:
var(--white2);
border-radius: 15px;
padding: 15px !important
}
#post legend span {
display: none
}
#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
top: 55px !important;
}
.pl-reports {
display: none !important;
}
.pa-avatar img {
max-width: 180px
}
.post-content td {
border: none transparent !important;
overflow: visible !important;
}
::selection {
background: var(--links);
color: #fefefe;
}
#html-header {
color: #D3D5D5;
text-shadow: 1px 1px 1px rgba(0,0,0,.35);
}
#html-header a {
color: #FFFFFF;
}
#html-header a:hover {
color: #B4D7DF;
}
.post-content abbr {
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: #555
}
#pun #pun-ulinks #Rz {
display: none !important;
}
.punbb-admin textarea {
width: 97% !important;
}
input[type="checkbox"] {
appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .4s ease-in-out 0s;
border-radius: 100%
}
input[type="radio"] {
border-radius: 100%;
appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background:
var(--links);
border: 1px solid var(--links) !important;
}
span.checkfield,
p.checkfield {
display: flex;
margin-top: 10px !important;
align-items: center
}
.pl-share {
display: none !important
}
.pl-email.email {
display: none !important;
}
body.post-content {
width: 100%;
}
#post-form {
padding: 0px 0px !important;
}
.intd {
display: flex;
align-items: center
}
#post-form h2 {
display: none
}
#profile fieldset #charcounter {
display: none
}
.post-rating {
margin-bottom: 10px;
margin-top: 0px !important;
position: relative;
float: right;
z-index: 9
}
#pun .post-rating a {
font-size: 15px !important;
color: var(--text2);
display: flex;
align-items: center;
}
.post-rating p {
font: 500 15px var(--font) !important;
display: flex;
align-items: center;
}
.post-rating p.container a:after {
content: "\f004";
margin-left: 5px;
font-family: FontAwesome !important;
font-weight: normal;
color: var(--links);
font-size: 13px !important;
}
.post-vote p.container {
margin-top: 0px !important;
}
#pun .post-vote p {
padding-right: 0 !important;
padding-top: 6px !important;
}
#pun a.positive {
font-size: 0 !important;
position: relative;
}
#pun a.positive:before {
content: "\f075";
margin-right: 5px;
font-family: FontAwesome !important;
font-weight: normal;
color: var(--grey2);
font-size: 13px !important;
}
#viewprofile-next {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
#viewprofile-next #profilenav {
display: none
}
#viewprofile-next tr {
vertical-align: top
}
#profile-left li+li {
margin-top: 5px;
}
#profile-right {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 3px;
width: auto !important;
background: var(--white2);
padding: 20px !important;
box-sizing: border-box;
border-radius: 10px;
}
#profile-right li {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: auto;
text-align: center;
padding: 10px 10px !important;
font-size: 11px;
background: var(--white);
border-radius: 10px
}
#profile-right li strong {
flex: auto;
font-weight: normal;
padding: 0 !important;
margin: 0 !important;
}
#pun #profile-right li span {
float: none;
margin: 0;
width: auto;
font-weight: 600;
padding-top: 0;
font-size: 10px;
}
#pa-invites,
#pa-gifts,
#pa-awards {
display: none !important;
}
#profile {
display: flex;
}
#profile form.container {
width: 100%;
padding-left: 18.6em
}
#profilenav {
display: flex;
margin-left: -17em;
}
#pun-messages #profile>.container {
display: flex;
flex-direction: column;
width: 100% !important;
padding-left: 0;
padding: 0px 0px;
box-sizing: border-box;
}
#pun-messages #profilenav {
float: none;
width: 100%;
margin: 0 0 15px;
display: flex;
flex-direction: column;
padding: 15px;
gap: 15px;
box-sizing: border-box;
background: var(--white2);
border-radius: 10px;
}
#pun-messages #profilenav ul,
#pun-messages #profilenav li {
padding: 0;
}
#pun-messages #profilenav ul {
display: flex;
gap: 10px;
margin: 0
}
#pun-messages #profilenav li {
padding: 5px 25px;
background: var(--white);
border-radius: 10px;
box-sizing: border-box
}
#pun-messages #profilenav .isactive {
font-weight: 700;
background: var(--grey2);
}
#pun-messages #profilenav h2 {
display: block;
text-align: left !important;
padding-left: 0;
margin-left: 0;
}
#pun-messages .fs-box .container {
padding: 0px 0 !important;
}
#pun-messages .fs-box .container tr+tr {
margin-top: 5px;
}
#pun-messages .fs-box .container tr {
display: flex;
align-items: center;
padding: 0 10px;
}
#pun-messages .fs-box .post>.container {
display: block !important;
}
#pun #pun-messages .post {
background: transparent;
border: none !important;
padding: 0 !important;
margin-top: 0 !important;
}
#pun #keyboard-span input {
font-family: Arial, Helvetica, sans-serif !important;
;
font-weight: 300;
font-size: 13px;
color: #666;
background-color: var(--cover3);
margin: 1px 1px 0 0;
margin-top: 1px;
border: 1px solid var(--borders) !important;
cursor: pointer;
padding: 0 10px !important;
;
height: 25px;
min-width: 30px;
}
#pun #keyboard-span input+input {
margin: 3px
}
#pun-index .lastpost {
font-size: 0
}
#pun-index .datetime,
#pun-index .byuser {
font-size: 10px;
}
#pun-index .datetime:after {
content: ", "
}
#BookmCntToggle {
margin-top: 1px !important;
z-index: 9999;
}
#MyBookmarks {
background: var(--fill);
text-shadow: none;
color: var(--links);
padding: 20px 20px 10px 20px;
box-sizing: border-box;
width: 280px !important;
}
#MyBookmarks inner {
padding-top: 40px !important;
}
#BookmCntToggle.default-style {
background: var(--fill) !important;
border-radius: 2px;
box-shadow: 2px 2px 1px #000;
opacity: .95;
}
#MyBookmarks h2 {
margin: 0 !important;
padding: 10px 20px !important;
background: var(--fill2);
border-radius: 6px;
border: 1px solid var(--borders) !important;
box-sizing: border-box;
margin-bottom: 20px !important;
}
.post .bookmark {
color: var(--links) !important;
}
#BookmCntToggle.default-style {
color: var(--links) !important;
z-index: 9999
}
#BookmCntToggle {
top: 10px;
left: 60px !important;
}
#MyBookmarks {
z-index: 99999 !important;
}
#bm2 {
right: 20px !important;
}
#pun .scrl.t,
#pun .scrl.b {
box-shadow: none !important;
background: var(--fill2);
border: 1px solid var(--borders);
border-radius: 6px;
width: 110px;
}
.scrl.t+.scrl.b {
margin-left: 10px !important;
}
#imageupload-left input[type=button] {
width: auto !important
}
#pun-respect td {
padding: .8em !important;
overflow-wrap: normal
}
#pun hr {
margin: 20px 0;
padding: 0;
height: 2px;
border: none;
background: linear-gradient(to right, transparent 50%, #fff 50%),
linear-gradient(to right, blue, red);
background-size: 16px 2px, 100% 2px;
}
#topic-feed {
display: none
}
#navpm {
position: relative
}
#pun .num_msg {
position: absolute;
margin-top: 0;
margin-left: 0;
top: 8px;
right: -15px;
font-size: 10px;
font-weight: 700;
background: red;
padding: 1px 4px;
border-radius: 100px;
height: 14px;
color: #fff;
cursor: pointer;
}
#pun .num_msg:before {
display: none
}
#pun-messages #togglePreview {
top: -15px
}
.post-content table {
border-radius: 5px;
}
img[alt~="hide-autor2"] {
opacity: 0;
display: none
}
#chfont {
position: fixed;
/*позиционирование*/
top: 11px;
/*отступ сверху*/
left: 11px;
/*отступ слева*/
text-align: center;
/*текст по центру*/
line-height: 22px;
/*высота строк*/
-moz-opacity: .8;
/*прозрачность*/
z-index: 9999;
display: flex;
gap: 5px;
align-items: center;
background: var(--black) !important;
border: 1px solid var(--dark-grey);
box-sizing: border-box;
border-radius: 10px !important;
color: var(--pun);
text-shadow: none
}
#chfont:hover {
opacity: 1;
/*убирает прозрачность при наведении*/
-moz-opacity: 1;
}
#chfontbut {
/*иконка регулятора*/
width: 26px;
/*ширина*/
height: 26px;
/*высота*/
background-color: var(--links);
/*фон*/
float: left;
cursor: pointer;
position: relative;
box-sizing: border-box;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
color: var(--pun)
}
#chfontbut:before {
content: '\f031';
font-family: FontAwesome;
font-size: 16px;
position: absolute;
color: var(--pun)
}
#chfontbut::after {
/*крестик на иконке*/
display: none;
position: absolute;
content: 'x';
top: 0;
left: 0;
color: #273C45;
/*цвет крестика*/
line-height: 7px;
/*высота строки*/
font-size: 10px;
/*размер крестика*/
border-radius: 0 0 3px;
width: 10px;
height: 10px;
}
#chfont.active #chfontbut::after {
display: block;
}
#chfont select {
/*поле выбора вида шрифта*/
display: none;
background-color: var(--black2);
/*цвет фона*/
color: var(--pun);
/*цвет текста*/
cursor: pointer;
border: none !important;
box-shadow: none !important;
}
#chfontsize {
/*индикатор размера шрифта*/
width: auto;
/*ширина*/
display: none;
}
#chfont.active select,
#chfont.active #chfontsize {
display: flex;
gap: 5px;
align-items: center;
padding-right: 5px
}
.fsizeplus,
.fsizeminus {
/*кнопки плюса и минуса*/
background-color: var(--black2);
/*цвет фона*/
/*цвет плюса и минуса*/
cursor: pointer;
font-size: 9px;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
font-family: FontAwesome;
color: var(--pun);
border-radius: 5px
}
.fsizeplus::after {
content: '\2b';
}
.fsizeminus::after {
content: '\f068';
}
#form-buttons {
margin-bottom: 0px !important;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
flex-direction: row-reverse
}
#plng {
font-size: 10px !important;
font-weight: 300 !important;
margin-top: 0px !important;
padding: 0px !important;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out 0s;
color: var(--text2);
text-transform: uppercase;
white-space: nowrap;
gap: 5px;
font-family: var(--font);
}
#plng b {
font-weight: 600;
color: var(--text2)
}
#form-buttons td img {
position: relative
}
#form-buttons tr {
display: flex;
width: 100%;
justify-content: flex-start;
gap: 5px;
flex-wrap: wrap;
}
#form-buttons table {
flex: auto;
display: flex;
flex-wrap: wrap;
padding: 5px 0;
}
#form-buttons td {
transition: all .5s ease-in-out 0s;
color: var(--text2);
width: 25px;
}
#form-buttons td:hover {
color: var(--links);
}
#button-font,
#button-transL,
#button-size,
#button-bold,
#button-italic,
#button-underline,
#button-strike,
#button-indent,
#button-left,
#button-center,
#button-right,
#button-justify,
#floatbut,
#button-link,
#button-spoiler,
#button-image,
#button-video,
#button-hide,
#button-quote,
#button-code,
#button-color,
#button-table,
#button-smile,
#button-sticker,
#button-keyboard,
#button-addition,
#button-mask,
#button-html,
#button-vkladka,
#My_replic_meny {
position: relative !important;
background: none !important;
}
#button-font:before,
#button-transL:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-strike:before,
#button-indent:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-justify:before,
#floatbut:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-table:before,
#button-smile:before,
#button-sticker::before,
#button-keyboard:before,
#button-addition:before,
#button-mask:before,
#button-html:before,
#button-vkladka:before,
#My_replic_meny:before {
content: "";
height: 26px;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
text-align: center;
font-size: 15px;
line-height: 26px;
z-index: 0
}
#button-font:before {
content: "\f031"
}
#button-transL:before {
content: "\f362"
}
#button-size:before {
content: "\f034"
}
#button-bold:before {
content: "\f032"
}
#button-italic:before {
content: "\f033"
}
#button-underline:before {
content: "\f0cd";
top: 1px
}
#button-strike:before {
content: "\f0cc"
}
#button-indent:before {
content: "\f03c"
}
#button-left:before {
content: "\f036"
}
#button-center:before {
content: "\f037"
}
#button-right:before {
content: "\f038"
}
#button-justify:before {
content: "\f039"
}
#floatbut:before {
content: "\f03b"
}
#button-link:before {
content: "\f0c1"
}
#button-spoiler:before {
content: "\f070";
font-size: 17px
}
#button-image:before {
content: "\f03e";
font-size: 18px
}
#button-video:before {
content: "\f167";
font-size: 18px;
top: 0px
}
#button-hide:before {
content: "\f023"
}
#button-quote:before {
content: "\f10e"
}
#button-code:before {
content: "\f121";
}
#button-color:before {
content: "\f576"
}
#button-table:before {
content: "\f0ce"
}
#button-smile:before {
content: "\f118"
}
#button-sticker:before {
content: "\f118"
}
#button-vkladka:before {
content: "\f58d"
}
td#button-files_rusff,
td#button-graffiti_rusff {
display: none !important;
}
#button-keyboard:before {
content: "\f11c";
font-size: 16px
}
#button-addition:before {
content: "\f0fe"
}
#button-mask:before {
content: "\f630"
}
#button-html:before {
content: "\f1c9"
}
#pun .post-content .spoiler-box > div {
background:transparent;
position: relative;
}
#pun .post-content .spoiler-box > div:before {
content: "";
background: url(https://forumstatic.ru/files/001b/e6/2e/85967.svg) no-repeat center;
width: 11px;
height: 100%;
position: absolute;
left: 0;
top: 1px;
transition: all .5s ease-in-out .15s;
box-sizing: border-box;
}
#pun .post-content .spoiler-box > div.visible:before {
background: url(https://forumstatic.ru/files/001b/e6/2e/66304.svg) no-repeat center;
}
.nav_bg {
position: fixed;
top: -65px;
left: 0;
width: 100%;
height: 65px;
z-index: 10;
display: flex;
justify-content: center;
transition: top .4s linear 0s
}
.nav_bg > div {
width: 1100px;
background: var(--black);
height: 65px;
}
.nav_bg.show {
top: 0;
}
#header_wrapper {
background: url(https://forumstatic.ru/files/001c/37/59/81727.png) no-repeat center center;
width: 1100px;
height: 206px;
margin: 5px 0;
position: relative
}
.header_images {
background: url(https://forumstatic.ru/files/001c/37/59/81727.png) no-repeat center center;
position: absolute;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
overflow: hidden
}
.eyes {
position: absolute;
background: url(https://forumstatic.ru/files/001c/37/59/84459.png);
width: 143px;
height: 143px;
z-index: 1
}
.screen-texture {
position: absolute;
background: url(https://forumstatic.ru/files/001c/37/59/84511.png);
width: 100%;
height: 100%;
mix-blend-mode: screen;
z-index: 2
}
.liquid {
position: absolute;
background: url(https://forumstatic.ru/files/001c/37/59/53726.png);
width: 548px;
height: 100%;
z-index: 3;
mix-blend-mode: lighten
}
.logo_text {
position: absolute;
background: url(https://forumstatic.ru/files/001c/37/59/49246.png);
width: 344px;
height: 67px;
z-index: 4;
top: 75px;
}
.header_table {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 22px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
font: 300 10px var(--font);
}
.header-item {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 320px;
gap: 5px;
}
.persons_wrap {
background: var(--black2);
border: 1px solid var(--dark-grey);
padding: 10px 25px;
border-radius: 26px;
gap: 5px;
display: flex;
flex-wrap: wrap;
}
.persons_title {
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 9px;
letter-spacing: .1em
}
.persons_wrap div {
width: 62px;
height: 40px;
position: relative;
border: 1px solid var(--white);
box-sizing: border-box;
overflow: hidden;
border-radius: 10px;
}
.persons_wrap div:after {
content: "";
background: linear-gradient(171deg, #cbac77 0%, #ae397d 100%);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .45;
transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s
}
.persons_wrap div:before {
content: attr(data-name);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
color: var(--white);
display: flex;
align-items: flex-end;
justify-content: center;
text-transform: lowercase;
padding: 5px 10px;
box-sizing: border-box;
transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s
}
.persons_wrap img {
width: 62px;
height: 40px;
object-fit: cover;
filter: grayscale(100%)
}
.persons_wrap div:hover:after {
opacity: 0
}
.bestpost {
background: var(--black2);
border: 1px solid var(--dark-grey);
padding: 20px 25px 20px;
border-radius: 26px;
width: 320px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 5px;
height: calc(100% + 5px)
}
.bestpost-text {
height: 100px;
overflow-y: auto;
padding-right: 10px;
font-size: 11px;
}
.bestpost-sub {
text-align: right;
}
.bestpost-author {
color: var(--accent) !important;
font-size: 12px;
}
.bestpost-episode {
font-size: 12px;
font-weight: 400
}
.header-item.mid-head {
align-self: flex-end;
padding: 0 20px 20px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 5px;
flex: 1;
box-sizing: border-box;
}
.mid-head a {
background: var(--black);
padding: 3px 10px 2px;
font-size: 8px;
font-weight: 400;
text-transform: uppercase;
color: var(--white) !important;
border-radius: 15px;
transition: all .3s linear 0s !important;
}
.mid-head a:hover {
background: var(--links)
}
.banners-wrapper {
position: absolute;
height: 67px;
overflow-y: auto;
justify-content: center;
display: flex;
flex-wrap: wrap;
gap: 2px;
margin-top: -86px;
width: 1040px;
margin-left: 30px;
}
.banners-wrapper img {
opacity: .55;
border-radius: 5px;
filter: grayscale(100%);
transition: all .4s linear 0s
}
.banners-wrapper img:hover {
opacity: 1;
filter: none
}
.event_wrapper {
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
background: var(--black);
border-radius: 25px;
gap: 5px;
}
.event_wrapper a {
display: flex;
position: relative;
padding: 5px 10px 7px;
border-radius: 25px;
justify-content: center;
align-items: center
}
.event_wrapper a:after {
content: "";
background: var(--black);
width: calc(100% - 2px);
height: calc(100% - 2px);
display: block;
top: 0;
left: 0;
position: absolute;
z-index: 0;
border-radius: 25px;
transition: all .4s linear 0s
}
.event_wrapper a:hover:after {
background: var(--links)
}
.event_wrapper a:before {
content: "";
background: linear-gradient(90deg, #cbac77 0%, #ae397d 100%);
width: 100%;
height: 100%;
display: block;
top: -1px;
left: -1px;
position: absolute;
z-index: 0;
border-radius: 25px;
transition: all .4s linear 0s;
}
.event_wrapper a span {
position: relative;
z-index: 1;
background: linear-gradient(90deg, #cbac77 0%, #ae397d 100%);
background-clip: text !important;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
color: transparent;
font: 600 9px/100% var(--font);
text-transform: uppercase;
transition: all .4s linear 0s;
}
.event_wrapper a:hover span {
background: linear-gradient(90deg, #cbac77 0%, #cbac77 100%);
}
#button-smile {
display: none !important;
}
.post-content .nm {
display: none;
}
.post-content .fd {
display: none;
}
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
#pun-navlinks a.NextShow{
position:relative!important;
}
#pun-navlinks a.NextShow+span.odd{
position:absolute!important;
}
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
position:absolute!important;
margin: 0!important;
width:22px!important;
height:auto!important;
opacity: .9!important;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
position:absolute!important;
z-index:100000!important;
margin-top: -8px!important;
margin-left: 93px!important;
float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
content:none!important;
}
.punbb #pun-navlinks #form-login input:not([type="submit"]){
text-align: center;
border: 2px inset rgb(62 42 36)!important;
text-rendering: auto!important;
color: #000000!important;
margin-top: 4px!important;
border-radius: 5px!important;
letter-spacing: normal!important;
word-spacing: normal!important;
text-transform: none!important;
text-indent: 0px!important;
text-shadow: none!important;
padding: 2px 7px!important;
display: inline-block!important;
text-align: center!important;
font: normal normal 400 11px/normal Arial!important;
background-color: rgb(241, 241, 241);
box-shadow: inset 0px 0px 3px rgb(18 9 6);
}
.punbb #form-login #fld1,#form-login #fld2{
background-color: rgb(250, 255, 189);
}
.punbb #pun-navlinks #form-login input[type="submit"]{
border: 2px outset #36241e!important;
color: rgb(249,249,249)!important;
cursor: pointer;
margin-top:12px!important;
font-weight: 700!important;
border-radius: 25px!important;
line-height:9px!important;
height: 25px;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
text-shadow: 1px 1px 0 rgb(0 0 0);
display: block;
font: normal normal 400 11px/normal Tahoma;
color: #877D73;
text-transform: none;
position: absolute!important;
left: 0px;
top: 7px;
z-index: 100000!important;
padding: 7px 12px;
background: #1b0f0b;
border-color: #3a2720;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 0 0 6px 6px;
text-align: center;
/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}
#pun-navlinks #navlogin #form-login {
margin-left: -5px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -5px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -5px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
text-shadow:none;
cursor:pointer;
font: normal normal 400 10px/normal Tamota!important;
letter-spacing:0.5!important;
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute!important;
margin-top: -8px!important;
min-height: 90px!important;
width: 220px!important;
right: 100%!important;
padding: 12px 19px 12px 17px!important;
background: #1b0f0b!important;
border-color: #3a2720!important;
border-style: solid!important;
border-width: 1px 2px 2px 2px!important;
border-radius: 0 0 0px 6px!important;
text-align: center!important;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding:0;
overflow:hidden;
overflow-y:auto;
display: block;
padding: 0 0px !important;
min-height:36px;
max-height:94px;/*Видимое число Ников без прокрутки! сейчас - 6*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #521d37;
text-align: left;
box-shadow: 2px 2px 1px rgb(27 15 11);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#546a6b!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .8;
color: #DDDDDD;;
text-shadow: 1px 1px 1px rgb(0 0 0);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 7px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #3e2a24;
border: 1px solid #6a524b;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #40302a;
border: 1px solid #89766f;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display: inline-block;
padding: 0 3px;
position: absolute!important;;
opacity: .88;
cursor: pointer;
top: 0;
bottom: 0;
right: 2px;
font: normal normal 700 10.56px/normal Verdana;
color: #a38379;
text-shadow: 1px 1px 1px rgb(0 0 0);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block!important;;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
background: rgb(42 26 21);
border: 2px inset rgb(62 42 36)!important;
border-radius: 6pximportant;
text-shadow: none!important;
color: #3e2a24!important;
background-color: #f1f1f1;
font: normal normal 400 11px/normal Arial!important;
box-shadow: inset 0px 0px 3px rgb(18 9 6);
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #877D73;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
/*****************
Стиль "Тихой Цитаты"
*****************/
.quiet-quote{
position:relative;
display: table;
margin: -10px 20px!important;/*Отступы*/
font-style: italic;
font-size: 13px!important;
color: #8c3555;
/*text-align:justify;
border:red solid 1px;*/
}
.quiet-quote:before, /*Шрифт, Цвет, Размер иконок*/
.quiet-quote:after{
font-size: 26px!important;
display: inline-block;
position:absolute;
z-index:1000;
font-weight: 900;
color: #8c3555; /*Цвет Кавычек*/
font-family:System, Arial, sans-serif;
}
/*************************
/END//Стиль "Тихой Цитаты"
*************************/
#pun-status {
position: absolute;
top: 0px;
right: 0px;
z-index: 1000;
max-width: 300px;
}
/*************************
ПОЛЗУНОК загогулина чтоб корректно работал в поиске по сбщ
*************************/
#fntSlider {position:relative; order:3; left:1em !important}
/*************************
END//Ползунок загогулина чтоб корректно работал в поиске по сбщ
*************************/
del {
filter: blur(3px);
text-decoration: none;
transition: .20s;
}
del:hover {
filter: initial;
transition:.33s;
}
Поделиться72025-03-06 00:22:46
Цвета style_cs.css
Код:
body {
background:
var(--lines-bg) no-repeat top center,
var(--overlay-bg),
var(--screen-bg) repeat top left,
var(--tv-bg) no-repeat left center,
var(--base-bg) repeat top left;
background-blend-mode: normal, normal, screen, normal, normal, normal;
background-attachment: fixed;
background-size: cover, auto, auto, auto, auto;
}
#pun-title {
display: none
}
#pun-navlinks a {
color: var(--white) !important;
transition: all .3s cubic-bezier(.64, .51, .55, 1.16) 0s !important;
font: 600 12px var(--font) !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
height: auto;
text-align: right;
text-transform: uppercase
}
#pun-navlinks a:hover {
color: var(--accent) !important;
}
#pun-navlinks ul {
display: flex;
gap: 25px;
width: auto;
justify-content: flex-start;
align-items: center;
height: auto;
padding: 0 25px !important;
text-align: center;
}
#pun-navlinks {
font-style: normal;
font-weight: lighter !important;
margin: 0 0 0 !important;
padding: 0px;
text-align: center;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
align-items: center;
position: sticky;
z-index: 10;
background: var(--black);
border-radius: 25px;
height: 35px;
top: 0;
}
#navawards {
display: none !important;
}
#pun-ulinks {
box-sizing: border-box;
padding: 0px 25px;
height: auto;
display: flex;
align-items: center;
justify-content: flex-start;
position: sticky;
top: 35px;
z-index: 10;
background: var(--black);
height: 25px;
border-radius: 25px;
}
#pun-ulinks .container {
padding: 0px 0px !important;
text-align: center;
}
#pun-ulinks a {
font: 400 11px/120% var(--font) !important;
color: var(--text1) !important;
padding: 0 !important;
margin: 0 20px 0 0 !important;
display: inline-block !important;
text-transform: lowercase;
}
#pun-ulinks.section {
margin-bottom: 5px !important;
}
#pun-ulinks a:hover {
color: var(--accent) !important;
}
.offctgr {
display: block !important;
visibility: visible !important;
}
.pa-respect img {
width: 10px
}
#profilenav h2 {
text-align: left !important;
}
.post-author {
width: 230px;
font: 400 10px/150% var(--font);
margin-bottom: 10px;
box-sizing: border-box;
margin-top: 2px !important;
margin-left: 0px !important;
position: relative;
z-index: 1;
padding: 10px;
background: var(--black2) url(https://forumstatic.ru/files/001c/37/59/49548.png) no-repeat center bottom;
border-radius: 0px 15px 15px 15px;
}
.post-author>ul {
text-align: center !important;
box-sizing: border-box;
color: var(--grey2);
width: auto;
padding: 0px !important;
}
#pun .post-author>ul a {
color: var(--white);
font-weight: 500
}
#pun .post-author>ul a:hover {
color: var(--accent)
}
.post[data-group-id="3"] .pa-avatar .indOffline {
display: none;
}
.indOnline, .indOffline {
position: absolute;
height: 20px;
top: -20px;
font-size: 0;
left: 0;
}
.indOnline {
background: url(https://forumstatic.ru/files/001c/37/59/35272.svg);
width: 89px;
}
.indOffline {
background: url(https://forumstatic.ru/files/001c/37/59/40743.svg);
width: 102px;
}
.pa-reg,
.pa-last-visit {
display: none;
}
i#tuser,
.pa-author span.flag-i {
display: none !important;
}
.fields_wrap {
background: var(--black2) url(https://forumstatic.ru/files/001c/37/59/24555.png) no-repeat top center;
border-radius: 16px;
padding: 15px 10px 0px;
border: 1px solid var(--dark-grey);
margin-bottom: 5px !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 5px
}
.pa-author {
font: 800 15px var(--font) !important;
text-transform: lowercase;
background: var(--black);
padding: 2px 15px 4px !important;
display: inline-block;
border-radius: 15px;
color: var(--white)
}
.pa-author a {
color: var(--accent) !important;
}
.pa-author a:hover {
color: var(--white) !important;
}
.pa-title {
text-align: center;
font-weight: 300 !important;
margin-bottom: 8px !important;
margin-top: 0px !important;
padding: 0 0px !important;
font-size: 9px;
}
.pa-avatar {
margin: 0px 0 !important;
}
.pa-avatar img {
max-width: 180px !important;
border-radius: 10px;
}
.fields_wrap2 {
margin: 10px -10px !important;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.pa-posts, .pa-respect, .pa-fld5, .pa-fld4 {
display: inline-block;
padding: 5px 0 5px !important;
text-align: center;
font-size:9px;
line-height: 90%;
box-sizing: border-box;
text-transform: lowercase;
font-weight: 600
}
.fields_wrap2 li {
border-right: 1px solid var(--grey);
padding-right: 5px !important;
height: 19px;
display: flex;
gap: 1px;
align-items: flex-start
}
.fields_wrap2 li:last-child {
border: none;
padding-right: 0 !important;
}
.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld5 .fld-name, .pa-fld4 .fld-name {
font-weight: 300
}
.pa-respect img {
display: none
}
.pa-respect .fld-name a {
font-size: 0;
color: var(--grey2) !important;
}
.pa-respect .fld-name a:before {
content: "респект";
font-size: 9px;
}
.pa-reg,
.pa-last-visit,
.pa-online,
.pa-posts {
display: none;
}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name {
display: none
}
.pa-fld1 {
background: var(--black);
border-radius: 15px 15px 0 0;
padding: 10px 15px 5px !important;
font-weight: 600;
font-size: 11px
}
.pa-fld2 {
background: var(--black);
border-radius: 0 0 15px 15px;
padding: 5px 15px 20px !important;
color: var(--grey);
font-size: 10px !important;
text-align: left
}
.pa-fld2 a {
color: var(--links) !important;
}
.pa-fld2 a:hover {
color: var(--grey) !important;
}
.pa-fld3 {
margin-top: 5px !important;
}
.p_banner {
border-radius: 15px;
height: 31px;
background: var(--black);
width: 210px;
display: grid !important;
grid-template-columns: min-content 1fr;
grid-template-rows: auto auto;
gap: 0px 10px;
grid-template-areas:
"img max"
"img min";
align-items: center;
align-content: center;
box-sizing: border-box;
padding: 5px 15px !important;
text-align: left;
line-height: 100%;
color: var(--white);
font-family: var(--font)
}
.p_banner img {
align-self: center;
grid-area: img;
width: 45px;
}
.p_banner-max {
align-self: end;
grid-area: max;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
padding: 0 !important;
}
.p_banner-min {
align-self: start;
grid-area: min;
font-size: 9px;
text-transform: lowercase;
opacity: .77;
padding: 0 !important;
}
.punbb th {
font-size: 0 !important;
}
.lastedit {
display: none !important;
}
.pa-gifts,
.pa-ua {
display: none !important;
}
.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,
.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
border-color: transparent;
}
.punbb .post-box {
text-align: left
}
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
border-color: transparent;
font-style: normal;
font-weight: normal;
}
#pun #post-form {
position: relative;
margin-top: 30px !important;
}
.punbb textarea {
box-sizing: border-box;
border: 1px solid var(--grey2) !important;
background:
var(--white2);
border-radius: 15px;
padding: 10px !important;
border: none;
width: 100% !important;
}
.punbb #pun-main .quote-box,
.punbb #pun-main .code-box {
border: 1px solid var(--grey2) !important;
background:
var(--white2);
border-radius: 15px;
padding: 15px !important;
position: relative;
text-align: justify;
}
.punbb #pun-main .quote-box:not(.spoiler-box):after {
content: "\f10e";
font-family: FontAwesome;
position: absolute;
top: 5px;
right: -10px;
font-size: 13px;
background: var(--white);
border: 1px solid var(--grey2) !important;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%
}
.punbb #pun-main .code-box:after {
content: "\f121";
font-family: FontAwesome;
position: absolute;
top: 5px;
right: -10px;
font-size: 10px;
background: var(--white);
border: 1px solid var(--grey2) !important;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%
}
#pun .quote-box.spoiler-box {
padding: 0px !important;
}
.quote-box.spoiler-box>div {
margin: 10px !important;
}
.quote-box.spoiler-box>blockquote {
padding: 18px !important;
box-sizing: border-box;
border-top: 1px solid var(--grey2) !important;
margin: 14px 0px -10px !important;
width: auto;
}
#pun .quote-box cite,
#pun .code-box strong.legend {
display: block;
font-size: 10px;
font-family: var(--font);
background: var(--white);
padding: 5px 25px 5px;
margin-bottom: 10px;
text-align: left;
font-weight: 800;
text-transform: uppercase;
display: inline-block;
border-radius: 15px;
}
#pun-main .code-box .scrollbox pre {
font-size: 11px;
font-family: Courier New
}
.punbb select,
input {
border: 0;
padding: 5px 10px 5px 10px !important;
background:
var(--white2);
border-radius: 15px;
font: 300 11px var(--font), arial !important;
border: 1px solid var(--grey2) !important;
}
#pun-navlinks .container {
border-color: transparent;
color: #152115;
}
.offline li.pa-online strong {
font-weight: normal;
}
.punbb .container,
.punbb .post-body,
.post h3,
#pun-title,
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post,
#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2,
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table,
#pun-ulinks li,
#pun-announcement h2 span,
li#onlinelist,
#pun-help .formal .info-box h3.legend span,
#pun-ulinks li a,
#pun-announcement h2,
li#onlinelist div,
#pun-help .formal .info-box h3.legend,
.punbb .divider,
.punbb .quote-box,
.punbb .code-box,
.punbb th,
.punbb .formal fieldset .post-box,
.punbb .info-box,
li.pa-online,
.punbb .post-sig dt {
border-color: transparent;
}
.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited,
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
border-bottom: 0 none #000;
color: var(--links);
text-decoration: none;
transition: color 0.3s ease-in-out;
}
.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 {
border-bottom: 0 none #000;
color: var(--accent);
text-decoration: none;
}
#pun-pagelinks a:active,
#pun-pagelinks a:focus {
background-color: #211a13;
color: #fff;
}
h1 {
display: none
}
h2, h1 {
font: 600 11px var(--font) !important;
}
#MyBookmarks h2 {
display: block
}
#pun-index h2 {
box-shadow: none;
border: 0 !important
}
#pun-main div.catleft,
#pun-main div.catright {
display: none;
}
#pun-index table Div.icon {
height: 62px;
width: 85px;
position: absolute;
top: 8px;
z-index: 99;
left: 0px;
background: url(https://forumstatic.ru/files/001c/1e/8c/76029.png);
border: none !important;
display: none;
pointer-events: none
}
div.icon {
margin-right: 10px;
box-sizing: border-box;
margin-top: 1px !important;
border-radius: 10px;
width: 20px;
height: 7px;
}
div.icon {
background: var(--white);
border: 1px solid var(--grey)
}
.isticky div.icon {
background: var(--links);
border: 1px solid var(--links)
}
.inew div.icon {
background: var(--accent);
border: 1px solid var(--accent)
}
.iclosed div.icon {
background: var(--black);
border: 1px solid var(--black);
}
#pun-about p.container {
height: auto;
width: 100%;
padding: 0 !important;
border: none !important;
padding-top:0px !important;
font: 300 10px var(--font);
text-align: center;
position: absolute;
z-index: 1;
bottom: -30px
}
#pun-about.section, #html-footer.section {
margin-bottom: 0 !important;
}
#pun #pun-about {
border: none !important;
padding: 0 !important;
background: url(https://forumstatic.ru/files/001c/37/59/26167.png);
height: 107px;
margin-left: 0px !important;
margin-top: 5px !important;
padding: 0 0 !important;
box-sizing: border-box;
width: 1100px;
}
div#pun-about {
margin-top: 0px;
}
div#html-footer {
margin: 0px 0 0;
height: 0px;
border: none
}
#pun-announcement.section h2 span {
display: none;
}
.punbb input {
border: medium none;
}
.button,
#pa-edit strong a,
input[type="button"],
button[type="button"] {
background: var(--links);
border: none !important;
color: var(--white2);
font-family: var(--font) !important;
font-size: 10px !important;
font-weight: 600 !important;
margin-top: 0px !important;
padding: 6px 25px 6px 25px !important;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 25px;
}
.button:hover,
#pa-edit strong a:hover,
input[type="button"]:hover,
input.active[type="button"],
button[type="button"]:hover {
cursor: pointer;
background: var(--black2);
}
input[type="button"] {
margin-bottom: 5px
}
.button:active {
border-top-color: #2c5f75;
}
#pun-crumbs1 p.container,
#pun-crumbs2 p.container {
font: 300 11px var(--font);
}
#pun-crumbs1 a,
#pun-crumbs2 a {
font-weight: 600
}
#pun-crumbs1 p {
margin-bottom: 0px
}
#pun-crumbs1,
#pun-crumbs2 {
margin: 10px 0 5px !important;
position: relative;
z-index: 1
}
#pun-crumbs2 {
margin-top: 0 !important;
}
#pun-crumbs1 .container em,
#pun-crumbs2 .container em {
display: none !important;
}
.crumbs {
display: flex;
justify-content: flex-start;
gap: 5px;
align-items: center;
text-transform: uppercase
}
.crumbs span {
background: var(--black);
padding: 3px 15px;
border-radius: 25px;
}
.crumbs a {
background: var(--links);
padding: 3px 15px;
text-transform: uppercase;
border-radius: 25px;
color: var(--white) !important;
transition: all .4s linear 0s !important;
}
.crumbs a:hover {
background: var(--accent);
color: var(--black) !important;
}
.post_reputation {
border: 1px solid var(--grey2) !important;
background:
var(--white2);
border-radius: 15px;
}
#font-area,
.popup_graffiti,
#size-area,
#image-area,
#color-area,
#addition-area,
#video-area,
.inner .popup_graffiti,
#table-area,
#keyboard-area,
#smilies-area,
#spoiler-area,
#meny_My_replic {
border: 1px solid var(--grey2) !important;
background:
var(--white2);
border-radius: 15px;
padding: 15px !important;
}
#keyboard-area input {
box-shadow: none;
color: #312c12 !important;
}
#font-area {
height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px
}
#pun-index .tcmod {
display: none
}
#pun .category h2, #pun-stats h2 {
margin: 30px 0px 15px !important;
height: auto;
width: auto;
position: relative;
text-align: center;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 0px;
flex-direction: column;
color: var(--black)
}
#pun-index #pun-category1 h2 {
margin-top: -10px !important;
}
#pun .category h2 span, #pun-stats h2 span {
font: 800 40px/100% var(--font) !important;
text-transform: none;
text-transform: lowercase;
padding-left: 15px;
position: relative;
}
#pun .category h2 .cat-quote {
background: var(--white2);
padding: 5px 15px;
border-radius: 20px;
text-align: left;
max-width: 700px;
font: 300 10px/100% var(--font) !important;
margin-top: -5px;
text-transform: lowercase
}
#pun-index .category tr + tr {
margin-top: 5px
}
.category tr {
margin: 0 0px;
font: 300 11px var(--font);
display: flex;
align-items: center;
gap: 5px;
padding: 0px !important;
box-sizing: border-box;
position: relative;
border: none !important;
color: var(--grey)
}
#pun-index .category a {
color: var(--black)
}
#pun-index .category a:hover {
color: var(--links)
}
#pun-index .category table {
border: 0 !important;
}
#pun-index .category td {
border: 0 !important;
}
#pun-index thead {
display: none
}
#pun-index .category .tcl {
width: 630px;
box-sizing: border-box;
padding: 20px !important;
position: relative;
background: var(--white2);
border-radius: 15px;
}
#pun-index .tclcon h3 {
font-size: 15px !important;
text-align: left;
margin-bottom: 5px;
font-weight: 500 !important;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
position: relative;
}
#pun-index .tclcon h3:before {
content: "";
background: url(https://forumstatic.ru/files/001c/37/59/42479.svg);
width: 40px;
height: 20px;
display: block;
}
#pun-index tr.inew .tclcon h3:before {
content: "";
background: url(https://forumstatic.ru/files/001c/37/59/35930.svg);
width: 40px;
height: 20px;
display: block;
}
#pun-index .tclcon h3 a {
font-weight: 800;
text-transform: lowercase;
}
#pun-index .tclcon > br {
display: none
}
#pun-index .tclcon {
position: relative;
line-height: 140%;
width: auto;
font-size: 10px;
font-weight: 300;
text-transform: lowercase;
}
.f_links {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-top: 10px !important;
}
.f_links a {
border: 1px solid var(--grey2) !important;
border-radius: 15px;
padding: 1px 10px 2px;
font-weight: 600;
font-size: 11px;
transition: all .5s linear 0s !important;
}
.f_links a:hover {
background: var(--links);
color: var(--white) !important;
border: 1px solid var(--links) !important;
}
#pun-index .tcr > br {
display: none
}
.Add {
display: flex;
justify-content: center;
gap: 20px;
font-size: 9px;
align-self: flex-end;
padding-top: 10px;
gap: 30px;
}
.Tems_And_messages b {
font-weight: 800;
}
#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
display: none
}
.tcr {
line-height: 110%;
padding-left: 0 !important;
margin: 0 0px !important;
}
#pun-index td.tcr {
flex: 1;
text-align: left;
display: flex;
align-items: flex-start;
background: var(--white2);
border-radius: 15px;
align-self: stretch;
padding: 20px !important;
text-transform: lowercase;
flex-wrap: wrap
}
.lastmess_wrap {
height: 35px;
display: flex;
flex-direction: column;
justify-content: center;
}
#pun-index .tcr a.lastpost-link {
font-weight: 600;
font-size: 14px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
height: auto;
width: 310px;
white-space: nowrap;
line-height: 150%;
}
#pun {
background-position: center top;
background-repeat: repeat-y;
}
#pun-main .post-author ul {
text-align: center;
}
.punbb .post {
border-color: transparent;
}
.topic a.sharelink {
display: none;
}
textarea#main-reply:focus {
outline: 1px solid rgba(0, 0, 0, 0) !important;
}
.go-up, .go-down {
cursor: pointer;
display: none;
margin-bottom: 160px;
opacity: 1;
position: fixed;
z-index: 9999;
width: 32px;
}
.go-up span, .go-down span {
transition: all .3s linear 0s;
background: var(--white2);
display: block;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
.go-up {
bottom: 360px;
margin-left: 1080px !important;
}
.go-down {
bottom: 310px;
margin-left: 1080px !important;
}
.go-up:hover span, .go-down:hover span {
background: var(--links)
}
html .hvStickerPackModal {
background:
#F9F9F9;
box-shadow:
0px 0px 0px 0px rgba(162, 160, 150, 0.20),
0px 0px 2px 0px rgba(162, 160, 150, 0.20),
0px 1px 2px 0px rgba(162, 160, 150, 0.17),
0px 3px 5px 0px rgba(162, 160, 150, 0.10),
0px 6px 5px 0px rgba(162, 160, 150, 0.03),
0px 9px 5px 0px rgba(162, 160, 150, 0.00) !important;
left: 2px;
border-radius: 5px !important;
border: 1px solid #BFBEB8 !important;
}
html .hvStickerPackModal.active {
width: 1026px !important;
}
.hvStickerPackModal .hvStickerPackModalContent {
border: 1px solid #BFBEB8 !important;
background: var(--pun) var(--texture);
}
.hvStickerPackModalTab {
}
.hvStickerPackModalTab.active {
}
.hvStickerPackModalAdd {
display: flex;
align-items: stretch;
}
.hvStickerPackModalInput {
background: #CDCCC5 !important;
border: 1px solid #BFBEB8 !important;
border-radius: 4px !important;
}
.hvStickerPackModalAddButton {
border-radius: 0 !important;
border: 1px solid var(--links) !important;
box-shadow: none !important;
margin-bottom: 0 !important;
border-radius: 4px !important;
}Поделиться82025-03-06 06:50:02
Код:
https://upforme.ru/uploads/001c/36/d0/5/916722.png
Страница: 1













