Здесь делается вжух

18.04 Открыта регистрация во все племена.

14.04 Добавлены новые шаблоны для оформления отношений и хронологии.

03.04 И снова обновления. Регистрация в племя Теней приостановлена.

01.04 Итоги месяца и обновления на форуме.

21.03 Очередное обновление на форуме. Регистрация в племя Теней вновь открыта.

самые активные
самые сытые

ugluhus

Объявление

Введите здесь ваше объявление.

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ugluhus » гостевая » название темы примерно такое


название темы примерно такое

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

1

пример сообщения

0

2

0

3

Nathan Callum написал(а):

Благодарим за выбор нашего сервиса!

She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.

Код:
She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.

She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.

ссылка, а тут жирный, а тут обычный, зачеркнутый

тут текст

She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged.

0

4

Имя персонажа

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

Кем является [пояснение?]

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

0

5

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

https://forumavatars.ru/img/avatars/001c/13/d0/2-1709210851.png

The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.

0

6

[html]<div class="war_chr">
<div class="w_present">Настоящее время [можно года] <span>какая-нибудь цитата или что-то еще</span></div>

<div class="ep_in"><a href="ссылка">[00.00.00] Название эпизода</a>
<span><a href="ссылка">Имя</a> & <a href="ссылка">Имя</a> & <a href="ссылка">Имя</a></span>
<div class="ep_ttex">Описание эпизода, можно вот так The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.</div></div>

<div class="old_ep_in"><a href="ссылка">[00.00.00] Название закрытого эпизода</a>
<span><a href="ссылка">Имя</a> & <a href="ссылка">Имя</a> & <a href="ссылка">Имя</a></span>
<div class="ep_ttex">Описание эпизода, можно вот так The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.</div></div>

<div class="w_present">Прошлое время [можно года] <span>какая-нибудь цитата или что-то еще</span></div>

<div class="ep_in"><a href="ссылка">[00.00.00] Название эпизода</a>
<span><a href="ссылка">Имя</a> & <a href="ссылка">Имя</a> & <a href="ссылка">Имя</a></span>
<div class="ep_ttex">Описание эпизода, можно вот так The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.</div></div>

<div class="old_ep_in"><a href="ссылка">[00.00.00] Название закрытого эпизода</a>
<span><a href="ссылка">Имя</a> & <a href="ссылка">Имя</a> & <a href="ссылка">Имя</a></span>
<div class="ep_ttex">Описание эпизода, можно вот так The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed. They chose to keep the one they felt more important. The parliament of owls came to the logical conclusion that if the problem was in the combination, one of the elements should be removed.</div></div>

</div>[/html]

0

7

--

имя • возраст • пол

цепь имен

должность • племя

внешность

окрас: краткое описание
цвет глаз: краткое описание
телосложение: краткое описание
особенности: краткое описание

Подробное описание внешности (до 3000 символов)

характер

положительные черты: 3-5 качеств
отрицательные черты: 3-5 качеств

Подробное описание характера (до 3000 символов)

Биография

чистокровность: чистокровный/нечистокровный
вера: верит в звездное племя/не верит в звездное племя

родители: имена
однопомётники: имена
котята: имена

котячество: биография персонажа до посвящения в оруженосцы (не более 2000 символов)
ученичество:  биография персонажа, начиная с посвящения в оруженосцы до посвящения в воители (не более 2000 символов)
воительство: биография персонажа после получения воинского имени (не более 2000 символов)

прочее

сила:  ✦✧
ловкость: ✦✧
следопыт: ✧✧

как с вами связаться: вк/почта/телеграм
твинки: укажите всех своих существующих персонажей на форуме

0

8

--

имя • возраст • пол

кот равнин / кот предгорий

внешность

окрас: краткое описание
цвет глаз: краткое описание
телосложение: краткое описание
особенности: краткое описание

Подробное описание внешности (до 3000 символов)

характер

положительные черты: 3-5 качеств
отрицательные черты: 3-5 качеств

Подробное описание характера (до 3000 символов)

Биография

происхождение: рожден на равнинах / в предгорьях / у домашних
вера: верит в существование высших сил / не верит

родители: имена
однопомётники: имена
котята: имена

описание биографии персонажа (не более 2000 символов)

прочее

сила:  ✦✧
ловкость: ✦✧
следопыт: ✧✧

как с вами связаться: вк/почта/телеграм
твинки: укажите всех своих существующих персонажей на форуме

0

9

https://forumupload.ru/uploads/001c/0f/f4/2/t592039.png

нынешнее имя

цепь имен персонажа

должность / племя

возраст, пол

Внешность

окрас: краткое описание
цвет глаз: краткое описание
телосложение: краткое описание
особенности: краткое описание

Характер

положительные черты: 3-5 качеств
отрицательные черты: 3-5 качеств

Подробное описание характера и внешности (от 1000 до 5000 символов)

Биография

чистокровность: чистокровный/нечистокровный
вера: верит в звездное племя/не верит в звездное племя

родители: имена
братья/сестры: имена
дети: имена

котячество

Биография персонажа до посвящения в оруженосцы (не более 2000 символов). Новорожденные котята могут указать только имена будущих родителей

ученичество

Биография персонажа, начиная с посвящения в оруженосцы до посвящения в воители (не более 2000 символов)

воительство

Биография персонажа после получения воинского имени (не более 2000 символов)

Характеристики.

сила: ✦✧
ловкость: ✦✧
следопыт: ✧✧

Об игроке.

связь: вк/телеграмм/др
твинки: укажите всех своих существующих персонажей на форуме

0

10

Код:
<!-- скрипт слайдера хтмл орг темах -->
<script src="https://forumstatic.ru/files/001a/e7/a4/59458.js?v=2"></script>

<!---------------------— Красивая профилактика © Deff, мод. max, the murderer! ---------------------->
<div id="pircs2"><link rel="stylesheet" type="text/css" href="/files/001b/a8/40/30530.css" /><div id="LogIn_Window" style="height: auto"><center>Здесь делается вжух </center><br></div></div><!-— --><script type="text/javascript">

var ON_button=0; // Cвитч включения: 1 — включено; 0 — выключено
var  moderDostyp_ON=0; // Модер-доступ включён: 1 — включён; 0 — выключен

if(ON_button!=1||GroupID ==1||moderDostyp_ON*GroupID==2){
$("style.#style_st,div.#pircs2").replaceWith("");}
  else {$("#msg-n2").replaceWith("");
if(GroupID ==3) {$("#LogIn_Window").show();if(document.URL.indexOf("/login.php")==-1){
document.location.href = "../login.php"}else {
$(document).ready(function(){$("form#login").appendTo("#LogIn_Window");
$("#LogIn_Window").find("p.formsubmit a[href*='register.php']").text("");
var v=$("#LogIn_Window").find("p.formsubmit a[href*='action=forget']");
v.replaceWith("<span>Вход только для администраторов</span>");});};}
else {document.location.href = "../login.php?action=out&id="+UserID};}
</script>
<!---------------------— Красивая профилактика END ---------------------->

<!--Табличное при наведении-->
<div class="tab_hov">

<!--Текст новостной-->
<div class="news_t"><p><puf>18.04</puf> Открыта регистрация во все племена. </p>
<p><puf>14.04</puf> <a href="https://cwtales.ru/viewtopic.php?id=190#p7178">Добавлены новые шаблоны</a> для оформления отношений и хронологии. </p>
<p><puf>03.04</puf> И снова <a href="https://cwtales.ru/viewtopic.php?id=190#p5993">обновления.</a> Регистрация в племя Теней приостановлена. </p>
<p><puf>01.04</puf> <a href="https://cwtales.ru/viewtopic.php?id=190#p5053">Итоги</a> месяца и обновления на форуме.</p>
<p><puf>21.03</puf> Очередное <a href="https://cwtales.ru/viewtopic.php?id=190#p2591">обновление</a> на форуме. Регистрация в племя Теней вновь открыта.</p>
</div>
<!--Конец новостного текста-->

<!--Плашки племен-->
<div class="kittypride">
<div class="pride" title="племя теней"><img src="https://forumupload.ru/uploads/001c/0f/f4/7/637075.png"><span>самые <puf>активные</puf></span></div>
<div class="pride" title="грозовое племя"><img src="https://forumupload.ru/uploads/001c/0f/f4/7/110196.png"><span>самые  <puf>сытые</puf></span></div>
</div>
</div>

<!--Ссылки навигационные-->
<div class="tab_links">
<a href="https://cwtales.ru/viewtopic.php?id=55">гостевая</a> •
<a href="https://cwtales.ru/viewtopic.php?id=9">правила</a> •
<a href="https://cwtales.ru/viewtopic.php?id=8">акции</a> •
<a href="https://cwtales.ru/viewtopic.php?id=56">занятые имена</a> •
<a href="https://cwtales.ru/viewtopic.php?id=190"">новости</a> •
<a href="https://cwtales.ru/viewtopic.php?id=47">оформление профиля</a> •
<a href="https://cwtales.ru/viewforum.php?id=13">игровые системы</a> •
<a href="https://cwtales.ru/viewtopic.php?id=57">поиск соигрока</a>
</div>

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



<!-- HTML в постах с допуском по группам © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/001c/0f/f4/67299.js"></script>
<script type="text/javascript">
HTMLinPost.groups = [1,2,3,4,5]; // Группы, допущенные к вставке HTML в посты
HTMLinPost.noAccess = ['user','newTst2']; // Пользователи с запретом вставки HTML в посты
HTMLinPost.parseHTMLinPosts()
</script> 

<!-- ЗАПРЕТ ПЕРЕХОДА НА ПЕРВУЮ СТРАНИЦУ  При удалении Тем и сообщений -->
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/33839.js"></script>


<!-- ВОССТАНОВЛЕНИЕ ПОСЛЕДНЕГО ПОСТА при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->


<!--выделить код. 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>
<!-- конец -->

<div id="chfont" title="Шрифт в постах">
<div id="chfontbut"></div>
<select id="chfontfam" name="chfontfam">
<option value="0">по умолчанию</option>
<option value="Arial, Helvetica, sans-serif" style="font-family: Arial, Helvetica, sans-serif">Arial</option>
<option value="'Arial Black', Gadget, sans-serif" style="font-family: ">Arial Black</option>
<option value="'Book Antiqua', 'Palatino Linotype', Palatino, serif" style="font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif">Book Antiqua</option>
<option value="'Comic Sans MS', cursive, sans-serif" style="font-family: 'Comic Sans MS', cursive, sans-serif;">Comic Sans</option>
<option value="'Courier New', Courier, monospace" style="font-family: 'Courier New', Courier, monospace">Courier</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="Impact, Charcoal, sans-serif" style="font-family: Impact, Charcoal, sans-serif">Impact</option>
<option value="'Lucida Console', Monaco, monospace" style="font-family: 'Lucida Console', Monaco, monospace">Lucida Console</option>
<option value="'Lucida Grande', 'Lucida Sans Unicode', sans-serif" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif">Lucida Grande</option>
<option value="Tahoma, Geneva, sans-serif" style="font-family: Tahoma, Geneva, sans-serif">Tahoma</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'Trebuchet MS', Helvetica, sans-serif" style="font-family: 'Trebuchet MS', Helvetica, sans-serif">Trebuchet</option>
<option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
<option value="'MS Sans Serif', Geneva, sans-serif" style="font-family: 'MS Sans Serif', Geneva, sans-serif">Sans Serif</option>
<option value="'MS Serif', 'New York', serif" style="font-family: 'MS Serif', 'New York', serif">Serif</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<script type="text/javascript">
var chfsize,chffam;if(!localStorage.fontsize)localStorage.setItem("fontsize",13);if(!localStorage.fontfam)localStorage.setItem("fontfam","0");chfsize=+localStorage.getItem("fontsize");chffam=localStorage.getItem("fontfam");function setfsize(f){localStorage.setItem("fontsize",f);$(".fsize").text(f);$(".post-content p").css("font-size",f+"px")}
function setffam(f){localStorage.setItem("fontfam",f);$("#chfontfam option").removeAttr("selected");$('#chfontfam option[value="'+f+'"]').attr("selected","selected");if(f!="0")$(".post-content p").css("font-family",f);else $(".post-content p").css("font-family","")}$(".fsizeplus").on("click",function(){chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize)});$(".fsizeminus").on("click",function(){chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize)});$("#chfontbut").on("click",function(){$("#chfont").toggleClass("active")});
$("#chfontfam").on("change",function(){chffam=$(this).val();setffam(chffam)});$(document).pun_mainReady(function(){setfsize(chfsize);setffam(chffam)});
</script><!-- Регулятор вида и размера шрифта (с) satsana, forumd.ru (конец) -->


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

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

<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>



<script type="text/javascript">$(function() {$('.modal_wrap achiv img').tipsy({live:true, fade: true, gravity: 's slide-s'});});</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>

<!-- Скрываем профиль в постах © Deff -->
<script type="text/javascript">
if(GroupID<3)FORUM.set('editor.addition.tags.hide_provil', {name:'скрытие Профиля',onclick:function(){smile('[im'+'g=hide-autor]https://is.gd/ekiTPp['+'/img]');}});
$().pun_mainReady(function() {
function addStyle() { /*==123==;
<style type="text/css">#### .post-author,#### .post-sig,#### .pl-email,#### .pl-website{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0 !important}</style>
==123==;*/
} addStyle = addStyle.toString().split('==123==;')[1];
$('.post .post-content img[alt="hide-autor"]').each(function(){
   var id = $(this).parents('.post').prop('id');
   $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
});});
</script>

0

11

Код:
<!--замена коротких тире на длинные -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><span>вверх</span></div>
<div class="go-down" id='OnBottom'><span>вниз</span></div>
<style>
.go-up, .go-down {
    display: none;
    position: fixed;
    margin-left: 1010px;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 140px;
}
.go-up {
bottom:210px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:160px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<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>
    rusffLive.enable = false;
</script>



<!--Отключить кнопку "Вложения"-->
<script type="text/javascript">
RusffCore.sets.files.button = false;
</script>

<!-- Отключение сокращения ссылки-->
<script type="text/javascript">
FORUM.set("editor.link.short_url", function() { return false; });
</script>

<script>
RusffCore.sets.graffiti = false; /*Граффити*/
</script>


<!--Отключить функцию "Поделиться"-->
<script type="text/javascript">
RusffCore.sets.share = false;
</script>



<script>
ReactionsPlugin.setConfig({
  disable: true
});
</script>


<!-- Аватар для гостя и по умолчанию / Deff, Alex_63 
mod by ForumD.ru  -->
    <script type="text/javascript">
    var DefAvtr = 'https://forumupload.ru/uploads/001b/d5/58/2/996132.png'; //Ссылка на аватар по умолчанию
    var GuestAvtr = 'https://forumupload.ru/uploads/001b/d5/58/2/44982.png'; //Ссылка на аватар для Гостя

    $('#pun-viewtopic,#pun-messages').find('.pa-title').each(function(){
      var b = DefAvtr;
      if($(this).parent().find('.pa-title').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>

<style>.avatar-image[style*="default_avatar.jpg"]{ background-image:url(https://forumupload.ru/uploads/001b/d5/58/2/996132.png)!important;    }</style>

<!-- Конец -->






<!-- Скрываем профиль в постах © Deff -->
    <script type="text/javascript">
    (function () {
    function addStyle() { /*==123==;
    <style type="text/css">#### .post-author,#### .post-sig{display:none !important}#### .post-body,#### .post-links,#### .post-links ul,#### h3>span{margin-left:0 !important}#### .pl-email,#### .pl-website{float:  none}#### .pl-delete {border-left: 1px solid rgba(0,0,0,.2) !important;margin-left: 10px}</style>
    ==123==;*/
    } addStyle = addStyle.toString().split('==123==;')[1];
    $('.post .post-content img[alt="hide-autor"]').each(function(){
       var id = $(this).parents('.post').prop('id');
       $(addStyle.replace(/####/gim,'#'+id)).insertBefore($(this));
    });}());
    </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;background:#dcd3c2;border:1px solid #613a1d; width:auto; padding:8px; position:absolute; margin-top:-20%; margin-left:16%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/52315.png" title="left" onclick="bbcode('', '')" />
<img class="vibor" src="https://forumstatic.ru/files/0015/dd/40/32241.png" title="right" onclick="bbcode('', '')" />
</div></div>



<script>var a,L,epl=$("#main-reply"),str='<small id="plng">написано <b>00</b> символов</small>';epl.parents("fieldset").find("legend").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 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>






<!-- Удаляем лишние строки после цитаты и кода // 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 type="text/javascript"> 
if(UserLogin=='owl' || UserLogin=='Ник2'&&document.URL.indexOf("profile.php")!=-1){$("#profile .container").replaceWith("<div style='color: red; padding: 10px 10px 10px 10px;'>Администратор запретил вам редактировать профиль.</div>");
}
</script>




<script src="https://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['игровой архив'],
    forumAccessExtended: {
        'грозовое племя': ['принятые'],
        'племя ветра': ['принятые'],
        'речное племя': ['принятые'],
        'племя теней': ['принятые'],
        'нейтральные земли': ['принятые'],
        'границы племен': ['принятые'],
        'священные земли': ['принятые'],
        'предгорья': ['принятые'],
        'равнины': ['принятые'],
        'эпизоды': ['принятые']
    },
    changeList: {
        'pafld1': {
            title: 'племя',
            description: '',
            tag: 'trb',
            class: 'pa-fld1',
            defaultCode: '',
            type: 'text'
        },
        'pafld2': {
            title: 'звание',
            description: '',
            tag: 'lzv',
            class: 'pa-fld2',
            defaultCode: '<lzname><a href="ссылка на анкету">кто</a>, сколько лун </lzname> <lztext>текст, если хочется.</lztext>',
            type: 'html'
        }
    },
    userFields: ['pa-fld1', 'pa-author', 'pa-title', 'pa-avatar', 'pa-fld2', 'pa-fld3', 'pa-posts', 'pa-respect']
});
</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:2px 0 0 13px;background: #c8c8be;font: 500 8px 'manrope';width: 11px;height: 11px;text-align: center;border-radius: 100%;padding: 0;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>




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

<!--Баннеры-->
<div id="counters" class="banners"><div>
 <a href="https://poisondrop.rusff.me/" target="_blank"><img src="https://i4.imageban.ru/out/2024/05/23/f3b22696cdcbc64af1f688f47f6129cb.gif" width="88" height="31" border="0"></a>
<a href="https://cwnazare.mybb.ru" target="_blank"><img src="https://forumupload.ru/uploads/001a/f4/24/10/883350.jpg" title="Коты-воители: На заре племен" border="0" width="88" height="31"></a>
<a href="https://imagiart.ru/" target="_blank"> <img src="https://i.imgur.com/h3ba1GC.gif" title="photoshop: Renaissance" border="0" alt="photoshop: Renaissance"></a>
<a href="https://arhi.rusff.me/" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"/></a>
<a href="http://newadventure.rusff.me/" title="Genshin Impact: Adventure Time" target="_blank"><img src="https://forumupload.ru/uploads/001b/df/32/4/t64194.gif"></a>
<a href="https://thekindred.rusff.me" target=_blank> <img src="https://forumstatic.ru/files/001c/00/08/57678.png" border="0"alt="https://thekindred.rusff.me" width=88 height=31></a>
<a href="https://istoki.rusff.me/" target="_blank"><img src="https://i.imgur.com/X5sURVK.jpg" title="cw. истоки"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
<a href="ссылка"><img src="https://forumstatic.ru/files/001c/13/d0/19457.jpg"></a>
</div></div>

<!-- Мгновенный предпросмотр сообщения © 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}</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>

0

12

Код:
/*************************************************************
A - SETUP
**************************************************************/

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

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

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');


@font-face {
  font-family: 'tales';
  font-style: normal;
  font-weight: 400;
  src: url(https://forumstatic.ru/files/001c/2b/a7/69499.otf);
}


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

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

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

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

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

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

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

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


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

/* A3.1 */
body {
    font-size: 100.01%;
    position: initial !important;
}

/* A3.2 */
.punbb {
    font: normal 70% Verdana;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 11px verdana, arial, helvetica, sans-serif;
    background: #dfded9;
    border-radius: 6px;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
    font-size: 13px;
}

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  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 .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
    margin: auto;
    width: 1060px;
    margin-bottom: 100px;
    background: url(https://forumstatic.ru/files/001c/2b/a7/52526.jpg) bottom no-repeat, url(https://forumstatic.ru/files/001c/2b/a7/18184.jpg) repeat-y #e8e7e5;
    border-radius: 20px;
    margin-top: 70px;
    position: relative;
}

/* A5.2 */
.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0px 50px;
    position: relative;
}

/* 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: #58757d url(https://forumstatic.ru/files/001c/2b/a7/78286.jpg) no-repeat fixed center center;
    background-size: cover; 
}
    #pun-redirect *{
      border:0 none;
    }
    #pun-redirect .main-title {
      display:none;
    }
#pun-redirect.punbb .info .container {
    text-align: center;
    display: block;
    margin: 5% auto;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
    padding: 30px 0px;
    height: auto;
    border: 0 !important;
    text-transform: lowercase;
    width: 900px;
    font-weight: 500;
    margin-top: 120px;
    color: #fcf9f4;
}

#pun-redirect.punbb .info .container a {
    color: #e4e3df !important;
}



/* 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-style: none none none none;
  border-width: 0px 0px 0px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: none;
  border-width: 0px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
    font-family: inter tight;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    margin: 0 0 20px;
    height: 20px;
}


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

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

/* B1.1 */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
    margin-top: 10px;
}

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dotted #3e4b6d;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0 0 0 0px;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

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

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    text-align: left;
    display: block;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    margin-bottom: 8px;
    width: auto;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.2px;
    color: #1d282d;
    border-bottom: 1px dotted #606060;
    padding-bottom: 6px;
}


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
    position: relative;
    width: 100%;
    height: 21px;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
    margin-top: -10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    /* background: #c1c1b6; */
    align-items: center;
}

/* B3.2 */
.multipage {
  margin-top: 1em;
  }

/* B3.3 */
.linkst .pagelink {
    width: 24em;
margin-left: 10px;
}

/* B3.4 */
.linkst .postlink {
  text-align: right;
margin-right: 10px;

  }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
}

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
}

/* B3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
}

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

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

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

/* C1.1 */
.punbb .formal .container {
  padding: 0em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* 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 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 10px 0px 0 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 15px;
    font-weight: 300;
    font-family: inter tight;
    font-size: 10px;
    text-transform: uppercase;
}

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 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 12em 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;
  }

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

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    font-family: inter tight;
    text-transform: lowercase;
    width: 8%;
}



/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

#pun-index .tcr {
    width: 30%;
    position: relative;
    flex: auto;
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    line-height: 16px;
    text-transform: lowercase;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: center;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    margin-top: 0px;
    text-align: left;
    margin-bottom: 5px;
}



#pun-index .tcl {
    width: 70%;
    position: relative;
    overflow: visible;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 10px 0;
}

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1.5em;
  }

/* C2.13 */
.punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    text-align: justify;
    margin: 0px 0;
    position: relative;
    font: 400 12px/140% inter tight;
    width: auto;
    z-index: 1;
    padding: 0 0 0 10px;
    letter-spacing: .2px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
}




#pun-messages .main .tc2 {
  text-align: center;
  }
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-style: none;
    border-width: 0;
  }

/* CS2.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }


/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: 0px;
  padding-bottom: 1px;
  }

/* C3.2 */
#pun-viewtopic .post h3 {
    position: relative;
    font-family: inter tight;
    text-transform: lowercase;
}

/* C3.3 */
.punbb .post h3 span {
    margin-left: 180px;
    background: #e2dfd8;
    padding: 5px 15px 7px;
    color: #22221f;
    border-radius: 0 4px 4px 0;
    border: 1px solid #ddd6cc;
    font-family: 'Inter Tight';
    border-width: 1px 1px 1px 0;
    box-sizing: border-box;
}


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 230px;
    background: url(https://forumstatic.ru/files/001c/2b/a7/54536.jpg) left / cover #e2dfd8;
    margin: -20px 0px 0px -51px;
    font-family: inter tight;
    font-weight: 500;
    font-size: 11px;
    padding-top: 0px;
    position: relative;
    border-radius: 0 0px 10px 0;
    border: 1px solid #ddd6cc;
    box-sizing: border-box;
    border-width: 1px 1px 1px 0;
}


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 1em 1em 1em;
    line-height: 160%;
}


/* C3.7 */
.pa-author {
    margin-top: 10px;
}

/* C3.8 */
.pa-author a {
    font-size: 20px;
    letter-spacing: .1px;
    text-transform: none;
    font-family: 'Inter Tight';
    text-shadow: 0px 0px 1px #c8c7becf;
}



/* C3.9 */
li.pa-title {
    display: block;
    margin: 2px 0 0 0;
    text-align: center;
    text-transform: lowercase;
    font-family: inter tight;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
}


/* C3.11 */
.punbb .post-body {
    margin-left: 200px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

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

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    padding: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19.5em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* 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: 0.5em 1em;
    text-align: right;
    font-size: 11.5px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
}

/* 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: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {

  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px 1em 14px;
}

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

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

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

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

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

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


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

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;}

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


/* D1.4 */
#pun-title h1 span  {
  display: none;}

#pun-title h1 span  {
  font-size: 1.5em;}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;}

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em}



/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks .container {
    text-align: center;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    text-transform: lowercase;
    height: 16px;
    margin-left: 0px;
    width: 100%;
    padding: 0 !important;
    font-family: inter tight;
    position: absolute;
    top: -32px;
    letter-spacing: .7px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 0em;
  padding-top: 4px;}

/* D.3 */
#pun-navlinks li {
    display: inline;
    padding: 0 10px;
}


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

/* D4.1 */
#pun-ulinks {

}

/* D4.2 */
#pun-ulinks .container {
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    height: 20px;
    /* border: 1px solid red; */
    padding-inline-start: 0px;
    width: 100%;
    position: absolute;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline-block;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
}

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

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0;
  }

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

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

/* D5.2 */
#pun-status .container {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    font-family: inter tight;
    letter-spacing: .2px;
    height: 12px;
    text-transform: none;
    top: 480px;
    position: absolute;
    width: 100%;
}


#pun-status .container strong, #pun-status .container a  {
    font-weight: 400; 
}



/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }




/* D5.4 */
#pun-crumbs1 {
    font-weight: 400;
    overflow: hidden;
}

/* D5.5 */
#pun-crumbs1 p.container {
    text-align: left;
    height: 15px;
    font-size: 14px!important;
    font-weight: 600;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    letter-spacing: 0.2px;
}



/* D5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: 0px 0 0 0 !important;
    position: relative;
    z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 0em 1em 1em 1em;
  margin-top: -13px; 
  line-height: 1.1;
  text-align: center;  
}


/* D7 Statistics
-------------------------------------------------------------*/
#pun-stats .container {
    letter-spacing: 0px;
    padding: 20px 20px;
    background: #e3dfd9;
    font: 500 11.5px/140% inter tight;
    color: #171718;
    border-radius: 10px;
    border: 1px solid #d7d1c8;
}


/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
}

/* 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;
  margin-bottom: 0;
  }

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

/* D8.5 */
#pun-about p span {
    display: block;
    padding-left: 50%;
    margin-top: 10px;
    font-size: 11.5px;
    font-weight: 400;
    font-family: inter tight;
    text-transform: lowercase;
}

/* D8.6 */
#pun-crumbs2 {
  font-weight: 400;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
    font-size: 14px!important;
    font-weight: 600;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style:  none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }



/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0px;
  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: none;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }


#pun-status .status-right {
display: none;
}



.punbb th {
    font-size: 0 !important;
}





#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}




html {
    position: relative;
}


#pun-index .category h2 span, #pun-stats h2 span {
    font-weight: 500;
    font-size: 16px;
    font-family: 'Arsenal';
    z-index: 22;
    letter-spacing: .4px;
    margin: 0px !IMPORTANT;
    text-align: center;
    color: #1a1f22;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    padding: 0 30px;
}


#pun-index .category h2, #pun-stats h2 {
    width: auto;
    -webkit-text-size-adjust: 100%;
    position: relative;
    display: flex;
    z-index: 1;
    text-transform: lowercase;
    font-weight: 400 !important;
    justify-content: center;
    height: 34px;
    align-items: stretch;
    margin: 15px -21px 20px -19px !IMPORTANT;
    background: #e3dfd9;
    border-radius: 0;
    border: 1px solid #d7d1c8;
    box-sizing: border-box;
    border-width: 1px 0;
}


#pun-index .category table tr {
    -webkit-appearance: none;
    display: flex;
    padding: 5px 10px;
    align-items: center;
    gap: 0 40px;
    position: relative;
    overflow: hidden;
    background: #e3dfd9;
    border-radius: 10px;
    border: 1px solid #d7d1c8;
}



#pun-index .category table tr + tr {
margin: 20px 0;
}


#html-header a {
    color: #ffe59c;
    transition: all .7s ease-in-out 0s;
}
#html-header a:hover {
    color: #7ccdff;
    transition: all .7s ease-in-out 0s;
}


#html-header {
    color: #e6e3de;
}

#main-reply {
    width: 100%;
    padding: 10px;
}




.topic a.sharelink {
    display: none;
}



#pun-index .category tr.inew {
    background: #e1dfd58f;
    border: 1px solid #d3c69e;
}
#pun-index .category tr.inew:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #c3b382;
    border-top: 1px solid #bbae88;
}


.spoiler-box {
    margin: 1em 1px 1em 1px;
    padding: 10px 20px 10px 20px !important;
}


.punbb textarea, .punbb .longinput input {
    padding: 5px 10px;
}



.tab_links {
    /* border: red 1px solid; */
    position: absolute;
    width: 100%;
    top: 433px;
    left: 0;
    font-family: 'Inter Tight';
    text-transform: lowercase;
    font-size: 12px;
    letter-spacing: .5px;
    display: flex;
    justify-content: center;
    gap: 6px;
}


.pa-fld1 {
    background: #bda96c;
    border-radius: 4px;
    padding: 3px 10px 4px 10px;
    border-width: 0;
    font-size: 9px;
    margin: -20px 40px 15px;
    line-height: 10px;
    color: #e9e6e1;
    letter-spacing: .4px;
}


.allps {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin: 6px 0;
}


.pa-fld2 {
    margin: 10px -15px;
    background: #d2d1cc54;
    border: 1px solid #cecabf;
    border-width: 1px 0;
    display: flex;
    flex-direction: column;
}


.pa-fld2 lzname {
    margin: 5px 0 0 0;
    font-family: 'Inter Tight';
    font-weight: 500;
    font-size: 13px;
}


.pa-fld2 lztext {
    text-align: center;
    margin: 4px 15px 10px;
    font-size: 10.5px;
}

.pa-fld2 lzname a {
    font-weight: 600 !important;
    color: #a3862e ! IMPORTANT;
}

.pa-fld2 lzname a:hover {
    font-weight: 600 !important;
    color: #4880a1 ! IMPORTANT;
}


small#plng {
    font-family: inter tight;
    font-size: 10px;
    border-right: 1px solid #ada89b;
    padding-right: 20px;
    text-transform: uppercase;
}


.tab_hov {
    position: absolute;
    /* border: red 1px solid; */
    top: 190px;
    height: 230px;
    color: #e8e7e5;
    opacity: 0;
    transition: all 0.6s ease;
    display: flex;
    left: -20px;
    width: 900px;
    align-items: flex-start;
    margin: 0 50px;
    justify-content: space-between;
}


.pride {
    height: 60px;
    width: 60px;
    border: 1px solid #4f9bc7;
    background-color: #4280a1;
    overflow: hidden;
    position: relative;
    border-radius: 100%;
}


.pride img {
    border-radius: 100%;
    width: 60px;
    height: 60px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

.pride span {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: 'Inter Tight';
    text-transform: lowercase;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: .6px;
    color: #e8e7e5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.6s ease;
    flex-direction: column;
    gap: 4px;
}
.pride span:hover {
    opacity: 0;
    transition: all 0.6s ease;
}



.news_t {
    width: 250px;
    height: 50px;
    overflow-y: auto;
    font-family: 'Inter Tight';
    font-size: 10px;
    letter-spacing: .4px;
    font-weight: 300;
    text-align: justify;
    line-height: 16px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #fff;
}

.news_t p puf {
    color: #77bfe3;
    font-weight: 500;
}


.news_t::-webkit-scrollbar {
    width: 5px;
}


.tab_hov:hover {
    opacity: 1; 
    transition: all 0.6s ease;
}


.kittypride {
    display: flex;
    gap: 30px;
}

.plinks {
    display: flex;
    gap: 0 10px;
    justify-content: flex-end;
    margin: 6px 0 0;
    border-top: 1px solid #c1b8aa87;
    padding-top: 6px;
}


.plinks a {
    display: flex;
    letter-spacing: .5px;
    transition: 1s;
    font-size: 11px;
    font-weight: 600;
}










.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    background: #000000bf;
}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}





.modal_wrap achiv2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    /* border: 1px solid red; */
    height: 350px;
    overflow-y: auto;
    padding-right: 10px;
}
.modal_wrap achiv z {
    color: #375e76 ! IMPORTANT;
    display: block;
    font-family: 'Arsenal';
    text-transform: lowercase;
    font-size: 22px;
    text-align: center;
}


.modal_wrap achiv {
    display: block;
    background: #d9d7d3;
    height: 400px;
    width: 700px;
    margin: auto;
    padding: 20px;
    border: #62889f 1px solid;
    overflow-y: auto;
    box-shadow: 0px 0px 10px #13191a2b;
    border-radius: 15px;
}
.modal_wrap achiv img {
    width: 70px;
    height: 70px;
    border: 1px solid #99a9b3;
    border-radius: 100%;
}


.pa-fld4 {
    margin: -10px 0 10px 0;
    background: #deddd9;
    padding: 1px 0;
    border-radius: 0 0 10px 10px;
    border: 1px solid #cecabf;
    border-width: 0 1px 1px 1px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 9px;
}


.banners {
    overflow-y: hidden;
    height: 60px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    z-index: -1;
    left: 0px;
    margin-top: 10px;
    background: #e8e7e324;
    border-radius: 0 0 10px 10px;
    border: 1px solid #e6e3de47;
}


.banners div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    height: 31px;
    overflow-y: auto;
    margin: 15px 20px;
    padding-right: 10px;
}


.go-up span {
    background: #c3b382;
    width: 57px;
    height: 25px;
    border-radius: 0 4px 4px 0;
    display: flex;
    justify-content: center;
    font-family: inter tight;
    align-items: center;
    border: 1px solid #dbca96;
    border-width: 1px 1px 1px 0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
}



.go-down span {
    background: #7eacc7;
    width: 57px;
    height: 25px;
    border-radius: 0 4px 4px 0;
    display: flex;
    justify-content: center;
    font-family: inter tight;
    align-items: center;
    border: 1px solid #93b9cf;
    border-width: 1px 1px 1px 0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3px;
}



.go-down span:hover {
    transition: 1s;
    /* color: #edece9; */
    background: #c3b382;
    border: 1px solid #dbca96;
    border-width: 1px 1px 1px 0;
}


.go-up span:hover {
    transition: 1s;
    background: #7eacc7;
    border: 1px solid #93b9cf;
    border-width: 1px 1px 1px 0;
}




#pun #pun-userlist .main .tc2, #pun #pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20% !important;
}


#pun #pun-userlist .tcr, #pun #pun-searchtopics .tcr {
    overflow: hidden;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.punbb .user-avatar {
    height: 30px !important;
    width: 30px !important;
}


.anketa p {
    margin: 0 0 0 0px;
    padding: 0 !important;
}


.anketa {
    background: url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/13/d0/76779.jpg) bottom center no-repeat, #e4e3df;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
}


.cat_face p img {
    width: 180px;
    border-radius: 100%;
    border: 1px solid #b39458;
}

.ank_one {
    display: flex;
    gap: 30px;
    align-items: center;
    margin: 30px;
}


.info_cat {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.name_c {
    font-size: 24px;
    font-family: 'Arsenal';
    font-weight: 600;
    text-transform: uppercase;
}


.sec_name_c {
    font-family: inter tight;
    background: #dcdbd6;
    border-radius: 10px;
    padding: 6px 20px;
    border: 1px solid #cecabf;
    font-size: 11px;
}


.ank_two {
    margin: 30px;
    background: #dcdbd6;
    border-radius: 10px;
    border: 1px solid #cecabf;
    font-family: inter tight;
    font-size: 11.5px;
    overflow: hidden;
}

.face_nazv {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}


.face_text {
    margin: 15px 20px;
}

.rank_name {
    font-family: inter tight;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10.5px;
}


.ank_three {
    margin: 30px;
    background: #dcdbd6;
    border-radius: 10px;
    border: 1px solid #cecabf;
    font-family: inter tight;
    font-size: 11.5px;
    overflow: hidden;
}

.bio_nazv {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}


.bio_text {
    margin: 15px 20px;
}


.bio_full {
    margin-top: 10px;
}


.bio_full p strong {
    color: #8f6921;
}



.bio_full p {
    margin: 0 0 10px 0px !important;
    padding: 0 !important;
}


.forsts p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;

}


.k_one {
    height: 88px;
    width: 187px;
    border: 1px solid #605f5f;
    background-color: #999a9d;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    flex: 1;
}


.k_one img.postimg {
    margin: 0 !IMPORTANT;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
    width: 187px;
    height: 88px;
    max-width: 187px !important;
}

.kings {
    display: flex;
    gap: 20px;
    margin: 20px;
}


.k_one_name {
    position: absolute;
    width: 100%;
    height: 100%; 
    font-family: inter tight;
    text-transform: lowercase;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .6px;
    color: #e8e7e5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 0px;
    left: 0;
    opacity: 1;
    transition: all 0.6s ease;
    flex-direction: column;
    gap: 6px;
}



.k_one_name p {
    gap: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 10px #000, 1px 1px #000;
}


.k_one_name:hover {
    opacity: 0;
    transition: all 0.6s ease;
}


.forsts {
    background: #e4e3df;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
}


.f_nazv {
    border: 1px solid #979998;
    background: url(https://forumstatic.ru/files/001c/13/d0/78523.jpg) no-repeat;
    margin: 20px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Arsenal';
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    box-sizing: border-box;
    background-size: cover;
    color: #323334;
}



.teni_spis {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #dcdbd6;
    border: 1px solid #cecabf;
    margin: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.teni_s_name {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}


.text_teni {
    margin: 20px 0 20px;
    font-family: inter tight;
    font-size: 13px;
}


.text_teni p {
    margin: 0 0 0 0px;
    padding: 0 0 1em 0 !important;
    line-height: 150% !important;
}




.teni p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;
}



.teni {
    background: url(https://forumstatic.ru/files/001c/13/d0/97144.jpg) bottom center / cover, #e3e2de;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}


.teni_teni {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
}


.glav_teni {
    display: flex;
    gap: 0 20px;
    margin: 30px;
    justify-content: space-around;
}


.odin {
    display: flex;
    align-items: center;
    gap: 30px;
}


.teni_img p img {
    border-radius: 100%;
    width: 100px;
    max-width: 100px !important;
    margin: 0 !important;
}


.name_teni {
    font-size: 20px;
    font-family: 'Arsenal';
    font-weight: 600;
    text-transform: uppercase;
}

.zvan {
    font-family: inter tight;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10.5px;
}


.teni_inf {
    display: flex;
    flex-direction: column;
    gap: 6px;
}



.teni_s {
    display: flex;
    gap: 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #deddd9;
    border-top: 1px solid #cecabf;
    padding: 30px;
}

.teni_war {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: inter tight;
    /* width: 300px; */
    flex: 1;
}


.w_name p {
    font-weight: 600;
    font-size: 13px !important;
}
.teni_war p {
    text-align: left;
    font-size: 10.5px;
}


.t_sp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}


.para {
    background: #3c5a61;
    padding: 2px 6px 4px;
    border-radius: 5px;
    color: #e8e7e5;
}


.para p a {
    font-weight: 400 !IMPORTANT;
    color: #f9f8f6 !important;
    transition: all .2s ease;
}


.para p a:hover {
    font-weight: 400 !IMPORTANT;
    color: #dfc697 !important;
    transition: all .2s ease;
}



.rules {
    background: #e4e3df;
    border: 1px solid #cecabf;
}


.rules p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;
}


.rul_tit {
    background: #e0dfda;
    border-bottom: 1px solid #cecabf;
    padding: 20px 0;
    text-align: center;
    font-family: 'Arsenal';
    font-size: 20px;
    text-transform: uppercase;
}


.rul_text {
    gap: 10px;
    margin: 30px;
    font-family: inter tight;
    display: flex;
    flex-direction: column;
    font-size: 13px;
}


.rul_tit2 {
    background: #e0dfda;
    border: 1px solid #cecabf;
    padding: 20px 0;
    text-align: center;
    font-family: 'Arsenal';
    font-size: 20px;
    text-transform: uppercase;
    border-width: 1px 0;
}


.bigt {
    background: #deddd9;
    border-radius: 10px;
    border: 1px solid #cecabf;
}


.bigt p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;
}


.bigt_z {
    background: #e4e3df;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
    text-align: center;
    font-family: 'Arsenal';
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid #cecabf;
}


.bigt_text {
    margin: 30px;
    font-family: inter tight;
    font-size: 12px;
}


.bigt_text p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: 18px !important;
}

.bigt_pdz {
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}


.loc_im p img {
    width: 350px;
    margin: 0 !important;
    border: 1px solid #cecabf;
    border-radius: 10px;
}

.loc_im {
    float: left;
    width: 350px;
    margin-right: 20px;
}

.loca {
    display: flex;
    flex-direction: row;
    background: #deddd9;
    border-radius: 10px;
    border: 1px solid #cecabf;
    padding: 30px;
}

.loc_tex {
    flex: 1;
    /* background: #e4e3df; */
    /* border: 1px solid #cecabf; */
    /* border-radius: 10px; */
}

.loca p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;
}

.ltex_scr {
    font-family: inter tight;
    /* border: 1px solid red; */
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
}


.ltex_scr p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: 18px !important;
}


.xx_name {
    background: url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/13/d0/76779.jpg) bottom center no-repeat, #e4e3df;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    padding-bottom: 30px;
}

.tit_z {
    text-align: center;
    background: #e8e7e582;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
}

.xx_tex {
    margin: 20px 30px 0 30px;
    font-family: inter tight;
    font-size: 13px;
    line-height: 20px;
}

.xx_tex imp {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 12px;
}

.wrd letr {
    font-family: 'Arsenal';
    font-size: 50px;
    background: #e4e3df;
    z-index: 22;
    position: relative;
    padding: 0 10px;
}


.wrd {
    position: relative;
    padding: 0 30px;
}

.wrd::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #cecabf;
    left: 0;
    top: 35px;
    z-index: 1;
}

.sked {
    margin: 10px 30px;
    background: #deddd9;
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid #cecabf;
    font-family: inter tight;
    font-size: 12px;
    line-height: 20px;
}

.sked spis {
    white-space: break-spaces;
    overflow-y: auto;
    max-height: 120px;
    display: block;
}

.sked spis::-webkit-scrollbar {
    width: 7px;
    height: 3px;
    background-color: #d3d1cb;
}

.sked spis::-webkit-scrollbar-thumb {
    background-color: #70909b;
}



.pride img:hover {
    border-radius: 100%;
    width: 70px;
    height: 70px;
    filter: none;
    mix-blend-mode: normal;
}


.relsh {
    background: url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/13/d0/76779.jpg) bottom center no-repeat, #e4e3df;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
}


.r_zag {
    font-family: 'Arsenal';
    text-align: center;
    font-size: 30px;
    margin: 10px 30px;
    border-bottom: 1px solid #b3b0a7a1;
    padding-bottom: 10px;
    color: #b39458;
}


.r_im {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}


.r_im img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}


.r_text {
    margin: 30px;
    background: #dcdbd6;
    border-radius: 10px;
    border: 1px solid #cecabf;
    font-family: inter tight;
    font-size: 11px;
    overflow: hidden;
    padding: 15px 20px;
    line-height: 16px;
}


.r_text span {
    font-size: 15px;
    font-weight: 600;
    color: #486c7b;
}


.rt_opis {
    margin-top: 6px;
    max-height: 110px;
    overflow-y: auto;
    padding-right: 10px;
}


/***другой шаблон отношений***/

.littl_r {
    background: url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/13/d0/76779.jpg) bottom center no-repeat, #e4e3df;
    position: relative;
    width: 200px;
    border-radius: 15px;
    border: 1px solid #cecabf;
}


.face_r {
    display: flex;
    justify-content: center;
    margin: 20px;
}


.face_r img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
}


.name_r {
    text-align: center;
    font-family: 'Arsenal';
    font-size: 16px;
    border-bottom: 1px solid #cecabf;
    padding-bottom: 10px;
}


.texxt_r {
    font-family: inter tight;
    margin: 15px 20px 20px;
    font-size: 10px;
    line-height: 17px;
    height: 150px;
    padding-right: 10px;
    overflow-y: auto;
}


.texxt_r::-webkit-scrollbar {
    width: 4px;
}


.rel_ship {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}


/***хронология***/
.war_chr {
    background: url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/13/d0/76779.jpg) bottom center no-repeat, #e4e3df;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}


.w_present {
    display: block;
    background: #e4e3df;
    padding: 10px 0px 10px 20px;
    font-family: arsenal;
    color: #2c434b ! IMPORTANT;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #cecabf;
}


.w_present span {
    display: block;
    font-family: inter tight;
    font-weight: 500;
    margin-top: 5px;
    font-size: 12px;
}


.ep_in {
    margin: 20px;
    font-family: inter tight;
    font-size: 11.5px;
    line-height: 15px;
}


.ep_in a {
    font-family: arsenal;
    font-size: 16px;
}


.ep_in span {
    display: block;
    margin: 5px 0;
    text-transform: lowercase;
}


.ep_in span a {
    color: #537f91 !important;
    transition: all .2s ease;
    font-size: 15px;
}

.ep_in span a:hover {
    color: #1a1a1a !important;
    transition: all .2s ease;
}


.ep_ttex {
    max-height: 102px;
    padding-right: 10px;
    overflow-y: auto;
}


.old_ep_in {
    margin: 20px;
    font-family: inter tight;
    font-size: 11.5px;
    line-height: 15px;
    border-left: 4px solid #6f6f6f;
    padding-left: 10px;
    opacity: .8;
}


.old_ep_in a {
    font-family: arsenal;
    font-size: 16px;
}


.old_ep_in span {
    display: block;
    margin: 5px 0;
    text-transform: lowercase;
}


.old_ep_in span a {
    color: #537f91 !important;
    transition: all .2s ease;
    font-size: 15px;
}


.old_ep_in span a:hover {
    color: #1a1a1a !important;
    transition: all .2s ease;
    font-size: 15px;
}


.relsh p, .rel_ship p, .war_chr p {
    margin: 0 0 0 0px;
    padding: 0 !important;
}

.r_sp {
    font-size: 15px;
    font-weight: 600;
    color: #486c7b;
}


.r_im p {
    display: flex;
    justify-content: center;
    gap: 20px;
}


.wp_sp {
    display: block;
    font-family: inter tight;
    font-weight: 500;
    margin-top: 5px;
    font-size: 12px;
}


.en_sp  a {
    color: #537f91 !important;
    transition: all .2s ease;
    font-size: 15px;
}


.en_sp  {
    display: block;
    margin: 5px 0;
    text-transform: lowercase;
}



.r_zag p {
    font-family: 'Arsenal';
    text-align: center;
    font-size: 30px !important;
    color: #b39458;
}


.r_sp p {
    font-size: 15px !important;
}


.name_r p a{
    font-size: 16px !important;
}



.w_present p {
    font-size: 16px !important;
}


.wp_sp p {
    font-size: 12px !important;
}


.ep_in a {
    font-family: arsenal;
    font-size: 16px;
}


.ep_in span {
    display: block;
    margin: 5px 0;
    text-transform: lowercase;
}


.ep_in span a {
    color: #537f91 !important;
    transition: all .2s ease;
    font-size: 15px;
}

.ep_in span a:hover {
    color: #1a1a1a !important;
    transition: all .2s ease;
}


.ep_ttex {
    max-height: 102px;
    padding-right: 10px;
    overflow-y: auto;
}


.old_ep_in {
    margin: 20px;
    font-family: inter tight;
    font-size: 11.5px;
    line-height: 15px;
    border-left: 4px solid #6f6f6f;
    padding-left: 10px;
    opacity: .8;
}


.old_ep_in a {
    font-family: arsenal;
    font-size: 16px;
}


.old_ep_in span {
    display: block;
    margin: 5px 0;
    text-transform: lowercase;
}


.old_ep_in span a {
    color: #537f91 !important;
    transition: all .2s ease;
    font-size: 15px;
}


.old_ep_in span a:hover {
    color: #1a1a1a !important;
    transition: all .2s ease;
    font-size: 15px;
}


.quenta-wrap {
  margin: auto;
  width: 700px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.quenta-wrap p {
  padding: 0 !important;
    font-family: inter tight;
}

.quenta-start-wrap {
  display: flex;
  background: #E2E1DD url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) no-repeat top center;
  border: 1px solid #CECABF;
  border-radius: 10px;
  overflow: hidden;
}

.quenta-start-wrap > p {
  width: 180px;
}

.quenta-start-wrap img {
  margin: 0 !important;
  width: 180px;
  height: 100%;
  object-fit: cover;
}

.quenta-start-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  flex: 1;
}

.quenta-name-container {
  display: grid; 
  grid-template-columns: 270px 1fr; 
  grid-template-rows: min-content min-content; 
  gap: 5px 20px; 
  grid-template-areas: 
    "name side"
    "name2 age"; 
}
.quenta-name-container p {
  line-height: 100% !important;
}
.quenta-name-item1 { 
  grid-area: name; 
  color: #35646c;
}
.quenta-name-item1 p {
  font: 700 20px arsenal !important;
}
.quenta-name-item2 { 
  grid-area: name2; 
}
.quenta-name-item2 p {
  font-size: 13px !important;
  text-transform: lowercase;
  font-family: arsenal
}
.quenta-name-item3 { 
  grid-area: side; 
  text-align: right;
  align-self: end
}

.quenta-name-item3 p {
  font-family: arsenal;
  font-weight: 700;
  font-size: 13px !important;
}
.quenta-name-item4 { 
  grid-area: age; 
  text-align: right;
}

.quenta-name-item4 p {
  font-size: 13px !important;
  text-transform: lowercase;
  font-family: arsenal
}

.quenta-mini-wrap p {
  font-size: 12px !important;
}

.quenta-heading p {
  font-family: arsenal !important;
  font-size: 16px !important;
  font-weight: 700;
  color: #35646c 
}

.quenta-text {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 10px
}

.quenta-family {
  display: flex;
  background: #E2E1DD no-repeat top center;
  border: 1px solid #CECABF;
  border-radius: 10px;
  padding: 15px;
  flex-wrap: wrap;
  gap: 0 20px;
}

.quenta-family .quenta-heading {
  width: 100%;
}

.quenta-family-item {
  flex: 1;
}

.quenta-family-item p {
  font-size: 12px !important;
}

.quenta-text-head p {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.quenta-last-wrap {
  display: flex;
  background: #E2E1DD no-repeat top center;
  border: 1px solid #CECABF;
  border-radius: 10px;
  padding: 15px;
  flex-wrap: wrap;
  gap: 20px;
}

.quenta-last-item {
  flex: 1;
}

.quenta-last-item p {
  font-size: 12px !important;
}

.quenta-last-item .quenta-heading p {
  font-size: 16px !important;
}


.html_country-wrapper {
  display: flex;
  flex-direction: column;
  background: #E2E1DD url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) no-repeat top center;
  border: 1px solid #CECABF;
  border-radius: 10px;
  width: 800px;
  gap: 15px;
  padding: 20px;
  box-sizing: border-box;
  margin: auto
}

.slide-tabs {
  display: flex;
  gap: 20px;
  padding: 0px;
  width: auto;
  box-sizing: border-box;
  align-items: stretch;
  justify-content: flex-start;
}

.slide-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  background: #E8E7E5;
  border: 1px solid #CECABF;
  text-align: center;
  border-radius: 10px;
  padding: 3px 25px 5px;
  font: 700 13px arsenal
}

.slide-tab.active {
 background: #E2E1DD
}

.html-slider-wrapper {
  height: 530px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px
}

.html-slider-wrapper .slides {
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.45s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: height 0.45s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  width: 100%;
  height: 100%!important;
  background: var(--pun);
  border: 1px solid var(--border);
  box-sizing: border-box;
}
.html-slider-wrapper .slides .slide-viewport {
  height: 100%;
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.45s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: transform 0.45s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  width: 100%;
}
.html-slider-wrapper .slides .slide-viewport .slide {
  left: 0;
  padding: 0px;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.html-slider-wrapper .slides .slide-viewport .slide:not(.default) {
  left: 100%;
}

.slidy_img {
  width: 600px;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}

.slide p {
  padding: 0;
  margin: 0;
  font: normal 12px/130% inter tight;
}

.slide p + p {
  margin-top: 10px;
}

.slide {
  background: #E8E7E5;
  border: 1px solid #CECABF;
  border-radius: 10px;
  padding: 10px 15px !important;
  box-sizing: border-box;
  overflow: visible;
}

.slide_scrollbox {
  padding-right: 10px;
  overflow-y: auto;
  height: 100%;
}

.wildfowl b {
  display: block;
}

b.unusual {
  color: green
}

.post-content table {
    border-collapse: collapse;
    margin: 0 0 0.8em;
    font: normal 12px / 130% inter tight;
}

.cw-other-wrap {
  background: #E2E1DD url(https://forumstatic.ru/files/001c/13/d0/65780.jpg) no-repeat top center;
  border: 1px solid #CECABF;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px
}



#chfont {
    position: fixed;
    top: 10px;
    right: 10px;
    text-align: center;
    z-index: 999;
    display: flex;
    gap: 5px;
    align-items: center;
    background: #e1e0dc;
    border-radius: 6px;
    border: 1px solid #d2d1cd;
}

#chfontbut {
    background: url(https://forumstatic.ru/files/001c/13/d0/41813.png) center no-repeat;
    margin-right: 2px;
    width: 30px;
    height: 26px;
    float: left;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#chfontbut::after {
    position: absolute;
    content: 'x';
    top: 0;
    left: 0;
    color: #14191c;
    line-height: 7px;
    font-size: 10px;
}
#chfont.active #chfontbut::after {
    display: block;
}
#chfont select {
    display: none;
    background-color: #dedddb;
    color: #150e0c;
    margin-bottom: 2px;
    cursor: pointer;
    border-radius: 4px;
}
#chfontsize {
    width: auto;
    display: none;
    padding-right: 5px;
}
#chfont.active select, #chfont.active #chfontsize {
    display: flex;
    gap: 5px;
    align-items: center;
}
.fsizeplus, .fsizeminus {
    background-color: #b39458;
    color: #dfded9;
    cursor: pointer;
    border-radius: 4px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
}
.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}
.fsize {
    color: #150e0c;
}


.tab_links a {
    color: #242b30 ! IMPORTANT;
    transition: all .7s ease-in-out 0s;
}


.tab_links a:hover {
    color: #9b8a58 ! IMPORTANT;
    transition: all .7s ease-in-out 0s;
}



.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
display: none;
}

.pa-respect, .pa-posts {
    padding: 0;
    font-size: 10px;
    text-transform: lowercase;
    font-weight: 400;
    width: 50px;
    display: inline-block;
    margin: 0 10px;
}


 .punbb .post {
    margin-top: 2em;
}



.pa-fld3 {
    margin: -10px 0 10px 0;
    background: #e4e3de80;
    padding: 1px 0;
    border-radius: 0 0 4px 4px;
    border: 1px solid #cecabf;
    border-width: 0 1px 1px 1px;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 10px;
}


.name_c p {
    font-size: 24px !important;
}


.teni {
    background: url(https://forumstatic.ru/files/001c/13/d0/60225.jpg) no-repeat center / cover;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}



.groza {
    background: url(https://forumstatic.ru/files/001c/13/d0/26619.jpg?v=1) no-repeat center / cover;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}

.veter {
    background: url(https://forumstatic.ru/files/001c/13/d0/94930.jpg) no-repeat center / cover;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}


.reka {
    background: url(https://forumstatic.ru/files/001c/13/d0/66256.jpg) no-repeat center / cover;
    position: relative;
    margin: 10px auto;
    width: 700px;
    border-radius: 10px;
    border: 1px solid #cecabf;
    overflow: hidden;
}


.teni_teni {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
}


.glav_teni {
    display: flex;
    gap: 0 20px;
    margin: 30px;
    justify-content: space-around;
}


.teni_img p img {
    border-radius: 100%;
    width: 100px;
    max-width: 100px !important;
    margin: 0 !important;
}


.name_teni {
    font-size: 20px;
    font-family: 'Arsenal';
    font-weight: 600;
    text-transform: uppercase;
}

.zvan {
    font-family: arimo;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10.5px;
}


.teni_inf {
    display: flex;
    flex-direction: column;
    gap: 6px;
}



.teni_s {
    display: flex;
    gap: 50px;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #deddd9;
    border-top: 1px solid #cecabf;
    padding: 30px;
}

.teni_war {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'Arimo';
    /* width: 300px; */
    flex: 1;
}


.w_name p {
    font-weight: 600;
    font-size: 13px !important;
}
.teni_war p {
    text-align: left;
    font-size: 10.5px;
}



.teni_spis {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #dcdbd6;
    border: 1px solid #cecabf;
    margin: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.teni_s_name {
    text-align: center;
    background: #e8e7e5;
    padding: 10px;
    border-bottom: 1px solid #cecabf;
    font-family: 'Arsenal';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}


.text_teni {
    margin: 20px 0 20px;
    font-family: 'Arimo';
    font-size: 13px;
}


.text_teni p {
    margin: 0 0 0 0px;
    padding: 0 0 1em 0 !important;
    line-height: 150% !important;
}




.teni p, .groza p, .veter p, .reka p {
    margin: 0 0 0 0px;
    padding: 0 !important;
    line-height: normal !important;
}

0

13

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
body {
    background: #58757d url(https://forumstatic.ru/files/001c/2b/a7/78286.jpg) top center fixed;
    background-size: cover;
}

/* Шапка */
#pun-title table {
    background-image: url(https://forumstatic.ru/files/001c/2b/a7/94867.jpg?v=1);
    background-repeat: repeat-x;
    background-position: top left;
    border: none;
    width: 1060px;
    height: 499px;
    margin-left: -50px;
    overflow-x: hidden;
    border-radius: 20px 20px 0 0;
}

/* Тело форума */
#pun {
    background-position: center top;
    background-repeat: repeat-y;
}


/* Футер */
#pun-about p.container {
    overflow-x: hidden;
    height: 60px;
}


/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .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-stats h2, .punbb .main h2, #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, #pun-navlinks .container {
    background-color: transpanent;
    color: #292822;
    font-weight: normal;
    font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #292822;
    text-align: center;
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    font-family: inter tight;
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #292822;
    background: #e2dfd8;
    border: 1px solid #ddd6cc;
    border-radius: 5px !important;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
    background: #dfded9;
    border: 1px solid #d3d2d0;
    color: #292822;
}


/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background: #dfded9;
    border: 1px solid #d3d2d0;
}


/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #447190;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
color: #3f3f3f;
    transition-duration: 1s;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
color: #3f3f3f;
    transition-duration: 1s;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 11px;
    color: #1b1c1c;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 0;
    font-family: inter tight;
    transition: all .7s ease-in-out 0s;
}

#pun-ulinks a:hover {
    text-decoration: none;
    color: #9f8956;
    transition: all .7s ease-in-out 0s;
}


#pun-navlinks a {
    color: #fcf9f4;
    transition: all .7s ease-in-out 0s;
    position: relative;
}

#pun-navlinks a:focus, #pun-navlinks a:active, #pun-navlinks a:hover {
    color: #fde698;
    transition: all .7s ease-in-out 0s;
}


/* CS3 Остальное 
-------------------------------------------------------------*/
div.icon {
display: none;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #8b8b8b;
    height: 5px;
    width: 18px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #707070;
    margin-left: 0px;
    border-radius: 3px;
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #d4bb79;
    height: 5px;
    width: 18px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #b39d63;
    margin-left: 0px;
    border-radius: 3px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: #dfded9;
    height: 5px;
    width: 18px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #d3d2d0;
    margin-left: 0px;
    border-radius: 3px;
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #7ba5b3;
    height: 5px;
    width: 18px;
    margin-right: 8px !important;
    margin-top: 4px;
    border: 1px solid #678e9b;
    margin-left: 0px;
    border-radius: 3px;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar {
    width: 9px;
    height: 3px;
    background-color: #2a3f44;
    -webkit-background-color: #2a3f44;
}
::-webkit-scrollbar-thumb {
    background-color: #b39458;
    -webkit-background-color: #b39458;
}

::selection {
    background: #2a3f44 !important;
    color: #e8e7e5;
}



#pun-index .tcl h3 a {
    transition: all .7s ease-in-out 0s;
    display: inline-flex;
    font-weight: 600;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    letter-spacing: .4px;
    font-family: inter tight;
    text-transform: none;
}




.punbb .user-avatar .avatar-image {
    border: 1px solid #b9b096;
    opacity: .77  !important;
    width: 30px !important;
    height: 30px !important;
    mix-blend-mode: luminosity;
    border-radius: 100% !important;
}

.punbb .user-avatar .isonline {
    margin-right: 4px;
    background: #b59a63 !important;
}

.punbb .user-avatar {
    margin: 1px 14px 2px 0px !important;
}

.category .container thead {display: none;}
.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 0px;
    margin-top: 5px;
    border: 1px solid #c8c0b4;
    border-radius: 4px;
}


#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    overflow-y: auto;
    padding-top: 10px;
    background: #dfded9;
    border: 1px solid #d3d2d0;
}



.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: #dfded9;
    border: 1px solid #d3d2d0;
}
.button {
    font-family: inter tight !important;
    background-color: #5a88a3 !important;
    font-size: 11px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: .1px;
    border: 1px solid #55829d !important;
    text-align: justify;
    color: #ebebeb ! IMPORTANT;
    border-radius: 3px !important;
    padding: 7px 15px;
}


#video-area-tinp, #image-area-tinp {
    margin: .5em 0;
    padding: .3em;
    background: #dfded9;
    border: 1px solid #d3d2d0;
    height: 70px;
}



#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    width: 240px;
    background: #dfded9;
    border: 1px solid #d3d2d0;
}


#BookmCntToggle.default-style {
    background: #F7F7F7;
    border-left: solid 5px currentColor;
    box-shadow: 0 0 6px rgb(0 0 0 / 42%);
    color: #7a5634 !important;
    display: block;
    height: 26px;
    width: 21px;
}



#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    background: #dfded9;
    border: 1px solid #d3d2d0;
    padding: 8px;
}




#MyBookmarks h2 {
margin: 10px 0 10px 0 !important;
}

#pun-viewforum .tclcon a, #pun-messages .tclcon a, #pun-searchtopics .tclcon a {
    font-size: 13px;
    font-weight: 600;
    font-family: inter tight;
    letter-spacing: 0;
    text-transform: none;
}



#pun-viewforum .tcr {
    position: relative;
    display: flex;
    width: 100%;
    gap: 0 10px;
    align-items: center;
    justify-content: flex-start;
}

#pun-viewforum span.byuser, #pun-messages span.byuser, #pun-searchtopics span.byuser {
    font-size: 12px;
    font-weight: 400;
    font-family: inter tight;
}
#pun-viewforum td.tcr a, #pun-messages td.tcr a, #pun-searchtopics td.tcr a {
    font-size: 13px;
    font-weight: 600;
    font-family: inter tight;
    letter-spacing: 0;
    text-transform: none;
}

.punbb .post .post-author  a {
    transition: 1s;
    font-weight: 500;
    color: #58839d;
}

.punbb .post .post-author  a:hover {
    transition: 1s;
    font-weight: 500;
    color: #3e4142;
}


#tags .container {
    position: absolute;
    right: 6px;
    top: 43px;
    z-index: 2;
    background: #dfded9;
    border: 1px solid #d3d2d0;
    max-height: 250px;
}



#imageupload-left input[type=button] {
    width: auto !important;
    text-align: center;
}



#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
    position: relative;
    width: auto;
    z-index: 9999999;
    margin-left: 0px !important;
}



.punbb .post-content a, .punbb .post-content a:link {
    font-weight: bold;
    transition: all .2s ease;
    color: #8f723c;
}

.punbb .post-content a:hover {
    color: #000;
    transition: all .2s ease;
}


/* Индикатор активности пользователя */
.post .post-author ul {
    position: relative;
    padding: 10px 15px 15px!IMPORTANT;
}
.pa-online {
    position: absolute;
    display: inline-block !important;
    bottom: -3px;
    left: 45px;
    background: #7eacc7;
    height: 5px;
    width: 140px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 1px;
}
    .pa-online:hover {
opacity:1;
    }
.pa-online strong {
    position: absolute;
    top: 18px;
    right: -8px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background: #7eacc7;
    font-weight: 400;
    white-space: nowrap;
    text-transform: lowercase;
    color: #e8e7e2;
    opacity: 1 !IMPORTANT;
    font-size: 10px;
    font-weight: 300;
    font-family: inter tight;
    text-transform: lowercase;
    text-align: center;
    z-index: 222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
}
    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;
    }
.pa-online strong:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 6px;
    top: -10px;
    border-width: 5px 5px;
    border-style: solid;
    border-color: transparent transparent #7eacc7 transparent;
}

#pun-index .tcr a {
    font-size: 13px;
    font-weight: 600;
    font-family: inter tight;
    letter-spacing: .1px;
    transition: 1s ease;
}



.f_timeline-wrap {
  --tfont: inter tight; /* шрифт заголовков */
  --tfont2: arsenal; /* шрифт текстовок */
  --border: #cdcac0; /* цвет бордера */
  --tcolor: #446974; /* цвет ссылок и кругляшков */
  --tcolor2: #353C39; /* цвет текста */
}

.f_timeline-wrap a {
  color: var(--tcolor) !important;
}

.f_timeline-wrap a:hover {
  color: var(--tcolor2) !important;
}

.f_timeline-wrap {
    width: auto;
    color: #333;
    font-family: var(--tfont);
    background: #e4e3df;
    border-radius: 10px 10px 0 0;
    border: 1px solid #cecabf;
}

.f_timeline-year {
    font-weight: 500 !important;
    font-size: 22px !important;
    height: 90px;
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 0;
    position: relative;
    border-radius: 10px 10px 0 0;
    color: #e8e7e5;
    padding: 0 0 0 20px;
    /* border-bottom: 1px solid #cecabf; */
}
.f_timeline-year .f_timeline-mark:before {
    background: transparent;
    content: "";
    width: 15px;
    height: 70px;
    border: none;
    border-radius: 0;
    top: 0;
    bottom: -25px;
    position: absolute;
    border-top: 3px solid var(--border);
    /* border-bottom: 3px solid var(--border); */
    box-sizing: border-box;
}
.f_timeline-year .f_timeline-mark:after {
    content: "";
    height: 35px;
    top: 56px;
    left: 36px;
}

.f_timeline-year + .f_timeline-item {
  margin-top: 24px
}

.f_timeline-year:first-child .f_timeline-mark:before {
 border-top: 0px solid var(--border);
}

.f_timeline-item {
    padding-left: 40px;
    padding-top: 4px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.f_timeline-mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}

.f_timeline-mark:before {
  background: var(--tcolor);
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 9px;
}

.f_timeline-mark:after {
  content: "";
  width: 3px;
  background: var(--border);
  display: block;
  position: absolute;
  top: 26px;
  bottom: 0;
  left: 6px;
}
.f_timeline-mark:last-child .f_timeline-mark:after {
  content: none;
}

.f_timeline-item span {
  display: block;
  font-weight: 700;
  font-size: 13px;
}

.f_timeline-item a {
  font-weight: 700;
  font-size: 18px;
}

.f_timeline-item p {
  padding: 0;
  margin: 0;
  font-size: 12px !important;
  padding-bottom: 30px !important;
  margin-top: 5px!important;
}

.f_timeline-item.closed .f_timeline-mark:before, .f_timeline-item.closed span, .f_timeline-item.closed a, .f_timeline-item.closed p {
  opacity: .65;
  filter: sepia(100%)
}

.f_timeline-item:last-child .f_timeline-mark:after {
  content: none;
}

0

14

0


Вы здесь » ugluhus » гостевая » название темы примерно такое


Рейтинг форумов | Создать форум бесплатно