@import url(style_cs.1776067520.css);
@import url(/files/001b/fc/d3/40948.css); /* font awesome */
@import url(/files/001b/fc/d3/38077.css); /* montserrat */ 
@import url(/files/001b/fc/d3/28818.css); /* alegreya sans */ 
@import url(/files/0017/51/94/54999.css); /* шрифты кириллица */
@import url(/files/001b/a4/f9/91130.css); /* шрифты латиница */
@font-face { font-family: 'Font Of Kindness'; 
src: local(""), url(/files/001b/fc/d3/13075.ttf); } /* font of kindness */ 

/* Чистый стандартный стиль для MyBB * Cпециально для ForumD.ru © Gerda, 2023 */
/**************************************************
!!! Условия использования !!!
1. Данный копирайт не удалять
2. При публикации производных работ указывать ссылку на автора и ForumD.ru
3. При публикации в общий доступ указывать ссылку на автора и ForumD.ru
4. Публичный производный контент должен распространяться на тех же условиях
Подробно: forumd.ru/viewtopic.php?id=5751#rule
**************************************************/

/* НАСТРОЙКА ВСЕХ ЦВЕТОВ И СТИЛЕЙ 
-------------------------------------------------------------*/
:root {
--bg-color: #ccb0a0;
--base-color: #faf3ea;
--accent-color: #cc8867;
--middle-color: #f7ebde;
--mid-color: #fbf5ee;
--box-color: #faf0e6;
--border-color: #e7d7c9;

--light-color: #eee2d6;
--dark-color: #e5d2c3;

--font-color: #6b4439;
--link-color: #976f39; 
--link-hov-color: #ad6e5a;

--base-font: normal 11px verdana, arial, helvetica, sans-serif;
--accent-font: 'AlegreyaSansSC';
--acc-mid-font: 'AlegreyaSansSC-Medium';
--sub-font: 'Montserrat Regular';
--mid-font: 'Montserrat Medium';
--bold-font: 'Montserrat Bold';

--anim-blink: 0.9s linear 0s infinite normal none running blinkColor; } 

@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}


/* ОБЩИЕ СТИЛИ 
-------------------------------------------------------------*/
body {
margin: auto;
-webkit-text-size-adjust: none; text-size-adjust: none;
background: url(/files/001b/fc/d3/63646.jpg) var(--bg-color) no-repeat top center;
background-size: cover; background-attachment: fixed; }

/* Текст и ссылки */
.punbb { font: var(--base-font); color: var(--font-color); }
a { color: var(--link-color); text-decoration: none;
background-image: linear-gradient(to right, #c98f77c4, #e8ad67);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
padding-bottom: 2px;
transition: all .5s; }
a:hover { background-size: 100% 1px; color: var(--link-hov-color);  }

#pun-admain a { color: var(--link-color)!important; }
#pun-admain a:hover { color: var(--link-hov-color)!important; }

/* Тело форума и заголовки */
#pun {
position: relative;
width: 940px;
margin: 20px auto 40px auto;
background: var(--base-color); }

.punbb { width: 920px; margin: 330px auto 0; }

h1, h2 { padding: 5px 10px; margin: 0; }
ul, dl, li, dd, dt { list-style: none; }
address, em { font-style: normal; }

#pun-admain2 h2 {
display: block!important;
background: var(--border-color);
border: 0; color: var(--font-color); }

/* Форумные таблицы */
.punbb .main table { width: 100%; table-layout: fixed; }
td { padding: 8px 10px; }
th { padding: 2px 10px;
font: 9px var(--sub-font); color: var(--link-hov-color);
text-transform: lowercase; letter-spacing: .5px; }
.tcl { width: 40%; text-align: left; }
.tc2, .tc3, .tcmod { text-align: center; width: 10%; }
.tcr { width: 30%; text-align: right; }

#pun-searchtopics .tcl,
#pun-modviewforum .tcl { width: 40% }
#pun-searchtopics .tc2 { text-align: left; width: 20%; }

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}


/* ГЛАВНАЯ СТРАНИЦА 
-------------------------------------------------------------*/

/* Шапка */
#pun-title {
background: url(/files/001b/fc/d3/64806.jpg) no-repeat top center;
position: absolute; z-index: 1;
width: 940px; height: 300px;
margin: -300px 0 0 -10px;
border-radius: 10px 10px 0 0;   }

/* Меню навигации */
#pun-navlinks { text-align: center;  position: relative; word-spacing: 6px; }
#pun-navlinks ul { padding: 10px 0 4px; margin: 0; }
#pun-navlinks #navawards { display: none; }
#pun-navlinks li { display: inline-block; position: relative;  }
#pun-navlinks a { font: 14px var(--acc-mid-font); }
#navpr_1, #navpr_2 { margin-left: 12px; }

/* Юзер меню */
#pun-ulinks .container { position: relative; text-align: center; margin: 0; }
#pun-ulinks li { display: inline; padding: 0 4px; }
#pun-ulinks a {
font: 9px var(--mid-font);
color: var(--font-color);
text-transform: lowercase; letter-spacing: .5px;}

/* Статус (Добро пожаловать) */
#pun-status .container {
position: absolute;
margin-left: -10px; margin-top: -364px;
padding: 0 10px;
width: 920px;
font: 9px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;
text-align: center;  }

#pun-status .container a,
#pun-status .container strong { color: var(--font-color); }
#pun-status span { white-space: nowrap; }
#pun-status .item4 { margin: 0 4px; }

/* Хлебные крошки */
#pun-crumbs1, #pun-crumbs2 { 
text-align: center;
font: 12px var(--acc-mid-font);
text-transform: lowercase; letter-spacing: .5px;
color: var(--link-color); }

#pun-crumbs1 { padding: 6px 0 2px 0px; }
#pun-crumbs2 { padding: 0 0 6px 0px; }
#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 { display: none; }

/* Статистика */
#pun-stats h2, #pun-stats li.item3 { display: none; }
#pun-stats .container { padding: 14px 0; }

#onlinelist { padding: 0 6px;
margin: 0 0 10px 328px;
width: 530px; min-height: 60px;
line-height: 150%;
text-align: justify; }
#onlinelist a { font-family: var(--accent-font); letter-spacing: .5px; }

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item4 {
display: inline-flex;
position: absolute;
width: 290px;
padding: 4px 10px;
justify-content: flex-end;
font: 9px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;}

#pun-stats li.item1 strong, 
#pun-stats li.item2 strong, 
#pun-stats li.item4 strong { font-weight: normal; padding-left: 4px; }

#pun-stats li.item1 { margin-left: 10px; }
#pun-stats li.item2 { margin-left: 10px; margin-top: 30px; }
#pun-stats li.item4 { margin-left: 10px; margin-top: 60px; }

/* Футер */
#pun-about .container {
text-align: center;
position: relative;
background-image: url(https://forumstatic.ru/files/001b/fc/d3/61992.jpg); 
background-position: top center; background-repeat: no-repeat; 
width: 940px;  height: 60px; 
margin: 0 0 -10px -10px;
border-radius: 0 0 10px 10px; }

/* Для баннеров */
#luk-bnrs { display: inline-flex; justify-content: flex-start; width: 920px; overflow-x: auto; 
scrollbar-width: thin; }
.bnrs { display: inline-flex; align-items: center; padding: 8px 0 4px;  }
.bnrs a { margin-right: 4px; opacity: .7; transition: .5s; }
.bnrs a:hover { opacity: 1; }

/* Копирайт русфф */
#pun-about .container .item1 { 
position: relative; text-align: center; top: 66px;
font: 9px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;}
#pun-about .container .item1 a { color: var(--font-color); }


/* ОПИСАНИЕ ФОРУМОВ НА ГЛАВНОЙ + КАТЕГОРИИ 
-------------------------------------------------------------*/
#pun-index .category .container { 
background: var(--box-color);
padding: 0 0 4px;
border: 1px solid var(--border-color); border-radius: 10px; }

#pun-index .hasicon tr {
display: inline-flex; width: 910px;
justify-content: space-around; align-items: center;
padding: 4px 0; }

#pun-index h3 { margin: 0; }
#pun-index h3 a { font: 18px var(--accent-font); text-transform: none; }

#pun-index .tcl { width: 50%; }
#pun-index .tclcon {
font: 10px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;
text-align: justify;}
#pun-index .tclcon b { text-transform: capitalize; font-family: var(--bold-font); }

#for-li { padding: 6px 0; }
#for-li a {
background: var(--border-color);
margin-right: 2px; padding: 2px 8px;
border-radius: 3px;
transition: .5s;
font: 10px var(--acc-mid-font); }
#for-li a:hover { background: var(--font-color); color: var(--base-color); }

#pun-index .tcr { position: relative; width: 42%; padding: 0px; line-height: 10%;
text-transform: lowercase; letter-spacing: .5px;}

#pun-index .lastpost-link {
display: inline-block; 
overflow-x: hidden; text-overflow: ellipsis;
white-space: nowrap;
font: 13px var(--acc-mid-font);
max-width: 320px; }

#pun-index .lastpost {
font: 10px var(--sub-font);
display: flex;
justify-content: flex-end; }

/* Аватар последнего сообщения */
.user-avatar { 
float: left;
position: relative;
border-radius: 4px;
background: var(--bg-color); }

.user-avatar .avatar-image {
background-position: center center;
background-size: cover; background-repeat: no-repeat;
mix-blend-mode: luminosity;
width: 30px; height: 30px;
float: left;
filter: grayscale(1); opacity: 0.5;
border-radius: 4px; }

/* Индикатор активности */
.user-avatar .isonline {
width: 8px; height: 8px;
display: block;
position: absolute;
margin-top: -2px; right: -2px;
animation: var(--anim-blink);
background: var(--accent-color); opacity: .8;
border-radius: 100%;
z-index: 100; }

/* Категории */
#pun-category1.category h2,
#pun-category2.category h2, 
#pun-category3.category h2, 
#pun-category4.category h2,
#pun-category5.category h2 { font-size: 0px; text-align: center;
margin-top: 10px; padding: 1px 10px; }

#pun-category2.category h2:after,
#pun-category3.category h2:after,
#pun-category4.category h2:after,
#pun-category5.category h2:after { font: 10px 'Font of Kindness'; 
color: var(--font-color); letter-spacing: .8px; }

#pun-category2.category h2:after {
content: ' быть можно дельным человеком и думать о красе ногтей '; }
#pun-category3.category h2:after { 
content: ' и жить торопится, и чувствовать спешит '; }
#pun-category4.category h2:after { 
content: ' они сошлись. волна и камень, стихи и проза, лед и пламень '; }
#pun-category5.category h2:after { 
content: ' трудов напрасно не губя, любите самого себя '; }

.punbb td .modlist { display: block; padding-top: 5px; }

/* Иконки тем */
.punbb div.icon { float: left; position: relative;  }

#pun-index div.icon { margin-left: -18px; margin-top: 3px; }

#pun-index tr.inew div.icon:after { content: '\f5de';
font: 10px 'FontAwesome'; color: var(--accent-color);
animation: var(--anim-blink); }

tr.isticky div.icon, tr.iclosed div.icon { margin-left: -12px; }
tr.isticky div.icon:before {
font: 10px 'FontAwesome'; color: var(--accent-color);
content: '\f0e7'; animation: var(--anim-blink); }
tr.iclosed div.icon:before { 
font: 10px 'FontAwesome'; color: var(--accent-color);
content: '\f00d'; }


/* ПЕРЕАДРЕСАЦИЯ
-------------------------------------------------------------*/
#pun-redirect, #pun-maint {
position: relative;
margin: 50px auto auto auto;
padding: 10px;
float: none;
text-align: center;
background: var(--base-color);  }


/* МЕЖСТРАНИЧНОЕ 
-------------------------------------------------------------*/
.multipage { margin-top: 40px; }

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.punbb .linkst { position: relative; height: 0; }
.punbb .linksb { text-align: right; padding: 6px 10px; }

.linkst .pagelink,
.linkst .postlink { position: absolute; top: -50px; }

.linkst .pagelink {left: 10px; }
.linksb .pagelink {float: left; text-align: left; }

.linkst .pagelink,
.linksb .pagelink { 
font: 9px var(--bold-font); font-weight: normal;
text-transform: uppercase; letter-spacing: .5px; }

.linkst .pagelink strong,
.linksb .pagelink strong { 
font-size: 10px;
background: var(--border-color); padding: 3px 6px; 
border-radius: 3px; color: var(--link-color); }

.linkst .pagelink strong:active,
.linksb .pagelink strong:active {
background: var(--accent-color); color: var(--base-color); }

.linkst .postlink {right: 10px; text-align: right;}
.linksb .postlink {float: right;}
.subscribelink { 
clear:both; font: 10px var(--accent-font); 
text-transform: lowercase; letter-spacing: .5px; }
#pun-viewtopic .subscribelink, #pun-viewtopic .postlink { 
display: inline-flex; align-items: center; }

.linkst .postlink span, 
.linksb .postlink span,
.subscribelink a { 
background: var(--border-color);
border-radius: 3px;
font: 10px var(--acc-mid-font);
margin-left: 6px; padding: 3px 6px;
text-transform: lowercase; letter-spacing: .5px; }

/* Все селекты и инпуты */
.punbb select { padding: 3px 6px; font-size: 10px; text-transform: lowercase; }
.punbb input { padding: 3px 6px 4px; font-size: 11px;  }

.punbb select, .punbb input { 
margin: 3px 6px;
color: var(--font-color);
background: var(--middle-color);
border: 1px solid var(--border-color); border-radius: 4px;
letter-spacing: .5px; }

/* Кнопки "отправить" */
.formsubmit { padding: 0; margin: 0; text-align: center; }
.formsubmit input, .formsubmit a, .formsubmit span {
padding: 2px 10px 3px;
background: var(--font-color);
border: none; border-radius: 4px;
font-size: 10px; font-weight: normal; color: var(--base-color);
text-transform: lowercase; }
.formsubmit input:hover { cursor: pointer; }

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

:focus-visible { outline: none; }
optgroup {font-weight: bold;}
fieldset { border: none; padding-top: 14px; }
.fs-box p, .fs-box fieldset { padding: 0; }
.inline .inputfield, .inline .selectfield, .inline .passfield {
float: left; margin-right: 1em; }
.inline .infofield { clear:both; }
.datafield br { display: none; }
.required label, .datafield span.input { font-size: 10px; }
textarea, .longinput input { width: 64%; margin: 0; }
.hashelp { position: relative; }

#main-reply {
width: 97%;
border: 1px solid var(--border-color); border-radius: 10px;
font: inherit; line-height: 140%;
background: var(--mid-color);
padding: 10px; margin: auto; }
    

/* СТРАНИЦА ТОПИКА
-------------------------------------------------------------*/
.post .container { 
background: var(--middle-color);
margin-bottom: 6px!important; 
border: 1px solid var(--border-color); border-radius: 4px; }

.post-body { margin-left: 230px; background: var(--mid-color); 
border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.post-box { padding: 14px; text-align: justify; }

/* Разделитель сообщений */
.post h3 {
padding: 4px 10px; margin: 3px 0;
font: 10px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px; }

.post h3 strong { float: right; font-weight: normal; color: var(--link-color); }

/* Профиль автора */
.post .post-author { width: 230px; float: left; text-align: center; }
.post .post-author ul { padding: 5px 15px; position: relative; }

.pa-author strong { font-weight: normal; }
.pa-replies { text-transform: lowercase; }

.pa-author {
font: 16px var(--acc-mid-font);
word-spacing: 2px; letter-spacing: .5px; }

.pa-title {
font: 10px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px; }

.pa-fld1 { margin: 4px 0; }
.pa-fld1 a {
font: 9px var(--bold-font);
text-transform: uppercase; letter-spacing: .5px;
color: var(--font-color);
cursor: pointer; }

#ank-ed, #awr-ed { font: 10px 'FontAwesome'; }
.isguest #ank-ed,
#awr-ed:not(.isadmin #awr-ed) { display: none; }

lz {
display: block;
background: var(--border-color);
font: 10px var(--acc-mid-font);
text-transform: lowercase; letter-spacing: .5px;
margin: 8px 4px; padding: 8px;
border-radius: 4px; }

lz > a { font: 10px var(--acc-mid-font)!important; color: var(--link-color)!important; 
text-transform: lowercase!important; }

lz:after { content: '';
width: 0; height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid var(--border-color);
position: absolute;
margin-top: 20px; left: 50px; }

.pa-fld2 { margin: 4px 0; }

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
display: inline; margin: 0 6px;
position: relative; top: 3px;
font: 10px var(--mid-font); color: var(--font-color);
text-transform: lowercase; letter-spacing: .5px;
vertical-align: middle; }

.pa-posts a { font: 10px 'FontAwesome'; margin-right: 4px; color: var(--font-color); }
.pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name { font-size: 0; }
.pa-respect .fld-name:before,
.pa-fld3 .fld-name:before, .pa-fld4 .fld-name:before { font: 10px 'FontAwesome'; }

.pa-respect .fld-name:before { content: "\f004"; } 
.pa-fld3 .fld-name:before { content: "\f5ad"; } 
.pa-fld4 .fld-name:before { content: "\f158"; } 
.pa-respect img {
width: 16px; height: 10px;
vertical-align: middle;
margin-left: -21px;
opacity: 0; }

.pa-online { margin-top: 10px; }
.pa-online strong {
background: var(--border-color);
font: 10px var(--acc-mid-font);
text-transform: lowercase; letter-spacing: .5px;
padding: 4px 8px;
border-radius: 3px;
color: var(--link-color); }

/* Модальное окно репутации и т.д. */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
-khtml-box-shadow: none!important;
background: var(--base-color);
border-radius: 4px; }

/* Ссылки под сообщением */
.post-links {margin-left: 300px;}
.post-links ul {
text-align: right;
margin: 0 0 0 -300px; padding: 0;
background: linear-gradient(to left, #fbf5ee 74.95%, transparent 30%);
border-bottom-right-radius: 4px; }

.post-links li {
display: inline;
margin: 0 8px 4px 8px;
font: 10px var(--acc-mid-font);
text-transform: uppercase; letter-spacing: .5px;}

.pl-email, .pl-website {float: left;}
.pl-delete, .pl-edit, .pl-quote, .pl-advlink { position: relative; top: -2px; }
.clearer {clear: both; height: 0; font-size: 0;}

#lz-edit { 
margin: 0 8px 0 4px;
font: 10px var(--acc-mid-font);
text-transform: uppercase; letter-spacing: .5px;
position: relative; top: -2px; }
#lz-edit:not(.isadmin #lz-edit) { display: none; }

/* Подпись в топике */
.post-sig dd, .post-sig dl { margin: 0; } 
.post-sig dt { display: block; margin: 20px 0 0 0; }
.sigimage { max-height: 160px; } /* максимальная высота */
#topic_t24 .post-sig { display: none; } /* спрятать подпись в соц. сети */
#forum3 .post-sig { display: none; } 
#profile-signature { display: none; } /* спрятать подпись на странице профиля */
 
/* Тему просматривают и модменю в строчку */ 
#pun-viewtopic .modmenu .container p { margin: 0; }
#pun-viewtopic #topic-users-in, .modmenu { display: inline-flex; }
/* Запятая между никами */ 
#topic-users-in a:not(:last-of-type):after { content: ","; }

/* Контент поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p { line-height: 150%; padding: 0; }
.post-content img {vertical-align: middle;}
blockquote { margin: 0; padding: 2px 12px; }
.blockcode { padding: 2px 12px; }
pre { font: 11px var(--accent-font); line-height: 140%; }

.quote-box, .code-box { 
margin: 6px 10px 14px; 
border: 1px solid var(--border-color); border-radius: 4px;
background: var(--box-color); }

.quote-box cite, .code-box strong.legend {
display: block;
padding: 2px 20px;
background: var(--middle-color);
font: 10px var(--bold-font);
text-align: center;
text-transform: lowercase; letter-spacing: .5px;
opacity: .8; transition: .5s; }

.quote-box cite a, .code-box strong.legend a { color: var(--font-color); }
.quote-box cite:hover, .code-box strong.legend:hover { opacity: 1; }

.code-box .scrollbox { 
width: 100%; max-height: 240px;
overflow-x: auto; overflow-y: auto; 
scrollbar-width: thin; }

.spoiler-box > div { 
cursor:pointer; padding: 6px 6px 6px 20px; font: 10px var(--mid-font); 
text-transform: uppercase; letter-spacing: .5px; }
.spoiler-box > div:before { 
position: absolute; margin-left: -14px; font: 10px 'FontAwesome'; content: '\2b'; }
.spoiler-box > div.visible:before { 
position: absolute; margin-left: -14px; font: 10px 'FontAwesome'; content: '\f068'; }
.spoiler-box > blockquote { padding: 0; display:none }
.spoiler-box > blockquote.visible { display:block; padding: 2px 14px; }

/* Предпросмотр сообщения */
#pun-post .topic { margin-top: 10px; }


/* ПРОСМОТР ПРОФИЛЯ + ЛС
-------------------------------------------------------------*/
#profile {padding-left: 200px;}
#profilenav { float: left; width: 200px; margin-left: -200px; }
#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul { padding: 10px; margin: 0 0 10px 0; }
#profilenav h2 { padding: 0; margin: 0; }
#viewprofile .container { padding: 0; }

#profile-left {
width: 34%;
text-align: center;
background: var(--middle-color);
border: 1px solid var(--border-color); border-right: 0; border-radius: 10px 0 0 10px;
font-family: var(--mid-font);
text-transform: lowercase; letter-spacing: .5px; }

#profile-left strong { font-weight: normal;  }

#profile-name {
font: 18px var(--acc-mid-font);
color: var(--link-color);
text-transform: none; }

#pa-edit { margin-top: 8px; }

#pa-edit strong {
background: var(--border-color);
padding: 2px 8px;
font-family: var(--acc-mid-font);
border-radius: 3px; }

#profile-right {
position: relative;
padding: 16px;
background: var(--mid-color);
border: 1px solid var(--border-color); border-left: 0; border-radius: 0 10px 10px 0; }

#profile-right li { margin: 10px 0; }

#profile-right span {
background: var(--border-color);
padding: 2px 8px;
font: 10px var(--acc-mid-font); color: var(--link-color);
text-transform: lowercase; letter-spacing: .5px;
border-radius: 3px;
width: 150px;
display: inline-flex; justify-content: center; }

#profile-right strong {
font-weight: normal;
vertical-align: middle;
padding: 0 4px; }

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

/* ЛС */
#pun-messages .tcl { width: 40%!important; }
#pun-messages .post-links ul { background: linear-gradient(to left, #fbf5ee 67.04%, transparent 30%); }


/* СПИСОК УЧАСТНИКОВ
-------------------------------------------------------------*/
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 { width: 20%; text-align: center; }
#pun-userlist .user-avatar { display: block; margin-right: 6px; }
#pun-online .tcl.action { width: 25%; }

/* Сообщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* Регистрация */
.info-box { padding: 10px 15px; margin: 0 0 10px 0; }
.punbb .info-box * { padding: 0 0 5px 0; }
.punbb #pun-main .info-box .legend { font-weight: bold; }


/* СКРОЛЛ
-------------------------------------------------------------*/
::-webkit-scrollbar {  width: 7px; height: 7px;  }  

::-webkit-scrollbar-track { background-color: #816c5f1f;  } 

::-webkit-scrollbar-thumb { background-color: #b3806396; border-radius: 2px;  }

::-webkit-scrollbar-thumb:active { background-color: var(--accent-color); }

/* Для мозилы */
html, body {
scrollbar-color: #b3806396 #816c5f1f; /* цвет ползунка цвет полосы */
scrollbar-width: thin;  /* толщина */ }


/* ВЫДЕЛЕНИЕ ТЕКСТА
-------------------------------------------------------------*/
::-moz-selection { background: var(--accent-color); color: var(--base-color); }

::webkit-selection { background: var(--accent-color); color: var(--base-color); } 

::selection { background: var(--accent-color); color: var(--base-color); 
text-shadow: none!important; }


/* ТУЛТИПЫ
-------------------------------------------------------------*/
#tooltip, title {
position: absolute;
display: none;
text-align: center;
z-index: 999;
padding: 2px 8px;
background: var(--font-color);
border-radius: 4px;
text-transform: lowercase; letter-spacing: 1px;
font: 9px var(--accent-font); color: var(--base-color);
opacity: 0.9; }


/* УВЕДОМЛЕНИЯ
-------------------------------------------------------------*/
.num_msg {
background: var(--accent-color)!important;
z-index: 4;
font-size: 10px!important; }
.num_msg:before { background: var(--accent-color)!important; }

.bubble {
background: var(--accent-color)!important;
border-radius: 2px!important; }
.bubble:after { border-color: var(--accent-color) transparent!important; }


/* БЫСТРОПЛЮСЫ
-------------------------------------------------------------*/
.post-rating p { float: right; background: var(--border-color)!important; 
cursor: pointer; border: 0!important; }
.post-vote { display: none; }

.post-rating p > a {
font: 10px var(--mid-font);
text-align: center;
position: relative; z-index: 9;
display: inline-block;
vertical-align: middle;
border: 1px solid var(--border-color); border-radius: 4px;
padding: 2px 8px;
background: none; color: var(--link-color); }

.post-rating p > a:before,
.noNull:before { font-family: FontAwesome; content: '\f004'; padding-right: 4px; }


/* КНОПКИ ВВЕРХ ВНИЗ © max, the murderer!
-------------------------------------------------------------*/
.go-up,
.go-down { 
display: none; position: fixed; 
right: 0; z-index: 0; 
cursor: pointer;
width: 50px; height: 50%;
box-sizing: border-box;
z-index: 1; }

.go-up { top: 0; }
.go-down { bottom: 0; }

.go-up .inside,
.go-down .inside { 
display: flex;
justify-content: center;
height: 100%;
opacity: .6;
transition: opacity .1s ease; }

.go-up .inside {
align-items: flex-start;
background: linear-gradient(to bottom, #fff 0%, transparent 50%); }

.go-down .inside {
align-items: flex-end;
background: linear-gradient(to top, #fff 0%, transparent 50%); }

.go-up .inside:hover,
.go-down .inside:hover { opacity: 1; }

.go-up img,
.go-down img { padding: 10px 0; }

.go-down img { transform: rotate(180deg); }


/* РЕГУЛИРОВКА РАЗМЕРА ШРИФТА
-------------------------------------------------------------*/
.FNTslider {
position: relative;
z-index: 3;
float: right;
width: 110px; height: 1px;
margin: 3px 20px!important;
background: var(--border-color);
border: 4px solid var(--base-color); }

.FNTslider .before { 
position: absolute; 
height: 1px; 
background: var(--accent-color);  }

.FNTslider .thumb {
position: relative;
width: 3px; height: 10px;
top: -4px;
background: var(--link-color);
cursor: pointer; }

.FNTslider .thumb:hover { background: var(--link-hov-color); }


/* ПЛАШКИ
-------------------------------------------------------------*/
#plsh {
background-size: cover!important; background-position: center!important;
width: 180px;
padding: 4px 10px;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
border-radius: 4px;
color: #fff; text-shadow: 0 0 2px #88463078; }

#plsh.auto { background-image: url(/files/001b/fc/d3/12304.gif); }

#plsh strong {
font: 10px var(--acc-mid-font);
text-transform: uppercase; letter-spacing: .5px; }

#plsh span {
font: 9px var(--acc-mid-font);
text-transform: lowercase; letter-spacing: .4px; }


/* МАСКА ПРОФИЛЯ
-------------------------------------------------------------*/
#mask_dialog .inner {
width: 840px!important;
overflow: hidden!important;
background: var(--border-color);
border-radius: 10px; box-shadow: none; 
margin-left: 10px!important;
color: var(--font-color); }

#mask_dialog .hv-preview-block { flex: 0 0 150px;  max-width: 150px; }
#mask_dialog .hv-form-block { max-height: fit-content!important; overflow: hidden!important; }
#mask_dialog .description { font: 10px var(--accent-font); text-transform: lowercase; letter-spacing: .5px; }
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
width: 96%!important; margin: 4px; border: none; color: var(--link-color); }
#mask_dialog .hv-form-block textarea { background: var(--middle-color); border-radius: 4px; }

#mask_dialog .hv-mask-dialog-title {
font-size: 10px!important; font-family: var(--bold-font);
text-transform: uppercase; letter-spacing: .5px; }

#mask_dialog .button { 
font: 10px var(--acc-mid-font)!important;
color: var(--font-color);
text-transform: uppercase; letter-spacing: .5px;
background: var(--middle-color);
border: 0; border-radius: 4px;
padding: 2px 10px; }

.pa-avatar img { max-width: 180px;  max-height: 180px; }


/* СЧЕТЧИК СИМВОЛОВ В ПОСТЕ
-------------------------------------------------------------*/
.post-symbols {
float: right;
border-radius: 4px;
text-align: center;
margin: 11px 10px 0 0px; padding: 3px 8px;
background: var(--border-color);
font: 10px var(--mid-font); color: var(--link-color);
letter-spacing: 1px; }

.post-symbols:hover:after { content: 'Написано символов'; 
position: absolute;
margin-top: 14px; margin-left: 2px; padding: 4px 8px;
text-align: center;
background: var(--font-color);
border-radius: 10px;
font: 10px var(--accent-font); color: var(--base-color);
text-transform: lowercase; letter-spacing: 1px;
opacity: .8; z-index: 99; }


/* ДОП СМАЙЛЫ
-------------------------------------------------------------*/
.hvStickerPackModal {
background: var(--border-color)!important;
border: 0!important; border-radius: 10px!important;
box-shadow: none!important; 
margin-left: 0px!important; }

.hvStickerPackModalContent { border: 0!important; padding: 0px!important;  }
.hvStickerPackModalInput { border-radius: 4px!important; }
.hvStickerPackItem { padding: 4px!important; }

.hvStickerPackModalTab {
background: var(--middle-color)!important;
border-radius: 4px!important;
font: 10px var(--bold-font)!important;
text-transform: uppercase!important; letter-spacing: .5px!important;
color: var(--font-color); }

.hvStickerPackModalTab.active { 
background: var(--link-hov-color)!important; 
color: var(--base-color)!important; }


/* ТАБЛИЦА
-------------------------------------------------------------*/
#tab-post {
background: #fcdfc373;
width: 180px; height: 114px;
z-index: 4;
font: 9px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;
padding: 10px; 
line-height: 140%;
text-align: justify; 
border-radius: 10px; }

#tab-post p {
overflow-y: auto;
max-height: 111px;
margin: 0;
scrollbar-width: none; }

#tab-post p::-webkit-scrollbar,
#tab-news::-webkit-scrollbar { width: 0; }

#tab-news {
max-height: 77px;
z-index: 4;
overflow-y: auto;
scrollbar-width: none; }

#tab-news p {
background: #fcdfc373;
width: 150px; height: 14px;
padding: 3px; margin: 0 0 6px;
font: 9px var(--mid-font);
text-transform: lowercase; letter-spacing: .5px;
text-align: center;
border-radius: 6px; }

#tab-news a { color: var(--font-color); }

#tab-play, #tab-ep {
z-index: 5;
font: 10px 'FontAwesome';
color: var(--font-color); }

#tab-play:hover, #tab-ep:hover { background: none; }


/* НАВИГАЦИЯ В ШАПКЕ
-------------------------------------------------------------*/
/* Кнопка выпадающего списка */
.dropbtn { 
font: 14px 'FontAwesome';
color: var(--font-color);
border: none; 
cursor: pointer; }

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
display: none;
position: absolute; z-index: 5;
background: #fcdfc373;
border-radius: 6px;
margin-top: -160px; margin-left: -176px;
padding: 5px;  }

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
display: block;
width: 140px; height: 14px;
padding: 3px;
font: 10px var(--mid-font);
color: var(--font-color);
text-transform: lowercase; letter-spacing: .5px;
text-align: center; }

.dropbtn:hover,
.dropdown-content a:hover { color: var(--font-color); }

/* Показать выпадающее меню */
.show { display: block; }


/* ПЛЕЕР
-------------------------------------------------------------*/
*:focus { outline: none; }

#player {
position: relative;
width: 200px;
color: var(--font-color);
text-align: center; }

#player-track {
position: relative;
padding: 0px;
transition: 0.3s ease top;
z-index: 1; }

#album-name { 
font: 9px var(--bold-font); 
text-transform: uppercase; 
letter-spacing: 0.4px; 
cursor: default; }

#track-name {
font: 10px var(--mid-font);
text-transform: lowercase;
padding: 4px 0;
cursor: default; }

#player-content { position: relative; z-index: 2; }

#player-controls {
width: 100%;
overflow: hidden;
display: flex; justify-content: center;
font: 10px 'FontAwesome'; }

.control { width: 30px; float: left; cursor: pointer; }
.fa-play, .fa-pause { font-style: normal; }


/* ПАРАЛЛАКС СТИЛЬ ( реализация https://codepen.io/oscicen/pen/zyJeJw ) 
-------------------------------------------------------------*/
#parallax {
position: relative;
width: 100%; height: 300px;
background-image: url(/files/001b/fc/d3/87932.png), url(/files/001b/fc/d3/93938.png);
background-repeat: no-repeat; background-position: center; 
background-position: 50% 50%; }


/* СКРЫВАЕМ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
#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;}

.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,
#pun-title h1,
#pun-announcement h2 {
font-size: 0;
width: 0; height: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden; }
.category thead,
.topic a.sharelink,
.reactions-root,
.modmenu .container span,
/* заголовки и хлебные крошки с главной */
h1, h2:not(#pun-index h2),
#pun-index .tc2, #pun-index .tc3 { display: none; }