Код:

@charset "Windows-1251";
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/001b/f1/8a/78678.css);

/***   ICOMOON   ***/
@font-face {
font-family: "icomoon";
src: url("https://forumstatic.ru/files/001b/f1/8a/66983.woff") format("woff"),
url("https://forumstatic.ru/files/001b/f1/8a/77383.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

/***
@font-face {
font-family: Finlandica;
src: local('Finlandica'), url(https://forumstatic.ru/files/001b/f1/8a/97558.ttf) format("truetype");
}
@font-face {
font-family: Recolors;
font-style: normal;
font-weight: 400;
src: local('Recolors Personal Use'), url(https://forumstatic.ru/files/001b/e4/c6/36477.woff) format('woff');
}
@font-face {
font-family: Oranienbaum;
src: local('Oranienbaum'), url(https://forumstatic.ru/files/001b/f1/3b/67742.ttf);
}
***/


/*** RESET ***/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}
tr, th, td {
border: 0px solid rgb(159 159 152 / 56%);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

/*! NORMALIZE.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -webkit-text-size-adjust: 100%;}

body {margin: 0;}
main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
i, em {font-style: italic;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}

button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}

fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/***   START   ***/
:root {
--logopad: 270px;
--prwid: 230px;
--bgbody: #a1998d;
--bgpun: #c5beb4;

--crpun: #231d13; /* цвет шрифта */
--puna: #6f4822;
--punah: #473519;
}

html * {box-sizing: border-box;}

/*** убираем font boosting ***/
html, html * {
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
}

body {
padding-top: var(--logopad);
line-height: 1.4;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
color: var(--crpun);
background: url() 50% 50% no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: var(--bgbody);
}


#pun_wrap {
position: relative;
margin: calc(0% - var(--logopad)) auto 0px;
padding: var(--logopad) 0px 20px;
width: auto;
max-width: 1200px;
/*
background: url() 50% 50% repeat;
background-size: auto;
background-attachment: fixed;
background-color: #1e1d1e;
box-shadow: 0 0 14px rgb(0 0 0 / 24%);
border: 1px solid rgba(0,0,0,0.17);
border-width: 0px 1px;
*/
}



/*********************************************************************/


/***   ЦВЕТ ССЫЛОК   ***/
a {
text-decoration: none;
color: var(--puna);
-webkit-transition: 0.18s linear;
-moz-transition: 0.18s linear;
transition: 0.18s linear;
}

a:hover {color: var(--punah);}

#pun-navlinks a:hover {color: #3f3a34;}


/* ссылки профиля */
#profile #profilenav li a {
color: var(--puna) !important;
}
#profile #profilenav li a:hover {
color: var(--punah) !important;
}
#profile #profilenav li.isactive a {
color: var(--crpun) !important;
padding: 0 4px;
}

.pa-author a {
color: var(--puna);
text-shadow: 0 0 0 var(--puna);
}
.pa-author a:hover {
color: var(--punah);
text-shadow: 0 0 0 var(--punah);
}


/* цитата и код */
.code-box .legend a {
color: var(--puna);
}
.code-box .legend a:hover {
color: var(--punah);
}


/*** ссылки в админке ***/
.punbb-admin #pun-admain a {color: var(--puna) !important;}
.punbb-admin #pun-admain a:hover, .punbb-admin a:focus {color: var(--punah) !important;}


/*********************************************************************/


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
position: relative;
margin: 8px auto;
padding: 6px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-overflow: ellipsis;
text-align: center;
font-weight: 400;
font-size: 14px;
font-family: Oranienbaum, Recolors, Trebuchet MS, sans-serif;
}

/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2, #pun-stats h2, #post-form h2 {
position: relative;
z-index: 2;
margin: 10px -0px -0px;
line-height: 100%;
font-weight: 400;
font-size: 16px;
font-family: Oranienbaum, Recolors, Trebuchet MS, sans-serif;
background: url() 0% 0% repeat;
background-color: transparent;
}

#pun-stats h2 {
margin: 10px 0px -0px;
text-align: center;
line-height: 100%;
font-size: 16px;
letter-spacing: 0.13em;
}

#post-form h2 {
margin: 10px 0px 10px;
transform: none;
letter-spacing: 0.13em;
}

#pun-index .category h2 span, #pun-stats h2 span, #post-form h2 span {
padding: 0px 20px;
display: flex;
justify-content: center;
align-items: center;
}


/*** ОТСТУП заголовка первой категории ***/
#pun #pun-category1>h2 {margin-top: 0px;}


/*** ЗАГОЛОВКИ ВНУТРЕННИЕ ***/
#pun-main h1 {
margin: 8px 0px 12px;
padding: 4px 10px;
font-size: 1em;
font-weight: 400;
font-family: Tahoma, Arial, sans-serif;
letter-spacing: 0.03em;
overflow: hidden;
text-align: center;
/* text-transform: lowercase; */
text-overflow: ellipsis;
white-space: nowrap;
}


/*********************************************************************/


.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 {
position: absolute;
font-size: 0; height: 0; width: 0; line-height: 0; padding: 0; overflow: hidden;
background: transparent; border: 0px none transparent; box-shadow: none;
}
.punbb .clearer {display: block; clear: both; height: 0; font-size: 0;}


/***   ВСЕ Таблички на форуме   ***/
table {width: 100%;}
thead {font-size: 10px; font-style: italic; opacity: 0.55;}
thead tr {padding: 0.5em 0;}


/*** РАЗДЕЛИТЕЛЬ, rusff-рекомендации, фреймы ***/
.divider, div#pun-live-rusff {display: none;}
iframe {max-width: 100%;}


/*********************************************************************/


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
* {
scrollbar-width: thin;
scrollbar-color: #fff #000;
}
*::-webkit-scrollbar {
width: 10px;
height: 8px;
background: #000;
}
*::-webkit-scrollbar-thumb {
background: #fff;
}
*::-webkit-scrollbar-corner {
background: transparent;
}

#pun * {
scrollbar-width: thin;
scrollbar-color: #fff rgb(127 115 99 / 27%);
}
#pun *::-webkit-scrollbar {
width: 5px;
height: 5px;
background: rgb(127 115 99 / 27%);
border-radius: 0px;
}
#pun *::-webkit-scrollbar-thumb {
background: #fff;
box-shadow: none;
border-radius: 0px;
}
#pun *::-webkit-scrollbar-corner {
background: transparent;
}


/***   ХАЙЛАЙТ-ВЫДЕЛИТЕЛЬ   ***/
.post-content .highlight-text {
background-color: red !important;
padding: 0 6px;
}
.post-content abbr {
cursor: help;
text-decoration: underline dotted;
}


/***  ЦВЕТНОЕ ВЫДЕЛЕНИЕ ТЕКСТА  ***/
*::selection {
background-color:red;
color: var(--puna);
}

*::-moz-selection {
background-color: green;
color: var(--puna);
}


/*********************************************************************/


/*** поля ввода преднастройка ***/
button, input, optgroup, select, textarea {
line-height: 1;
font-size: 1em;
color: var(--crpun);
background: #ccc;
border: 1px solid blue;
}

textarea {
text-shadow: none;
background-color: #ccc;
}


/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {outline: none; padding: 0.4em 0.8em;}

/*** поля ввода ***/
input {
outline: none;
padding: 0.5em 0.9em 0.4em;
max-width: 100%;
}

[type="checkbox"], [type="radio"], input[type="radio"] {box-shadow: none;}

/*** радиокнопки ***/
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, fieldset[class="radiofield security-level"] * {
height: 2em;
vertical-align: middle;
}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
margin: 0px 0.7em auto 0.2em;
}


/*** подчеркнутый и зачеркнутый текст ***/
.bbuline, em.bbuline {text-decoration: underline; font-style: normal;}

del {
/* text-decoration: line-through; */
text-decoration: none;
filter: blur(2.5px);
opacity: 0.8;
}
del:hover {
filter: blur(0px);
opacity: 1;
}


/*********************************************************************/


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative;
overflow-wrap: break-word;
margin: 0px auto 0px;
padding: 20px 24px 20px;
width: 1020px;
font-size: 12px;
letter-spacing: 0.015em;
color: var(--crpun);
background-color: var(--bgpun);
}

.punbb {display: flex; flex-direction: column;}

#pun-main {position: relative;}
#pun-main:after {content: ''; display: block; clear: both;}

#pun-post .post-box {
border-width: 0px !important;
box-shadow: none;
}


/***   ШАПКА   ***/
#title-logo-table {
position: absolute;
left: 0px; right: 0px;
width: 100%;
height: var(--logopad);
top: calc(-1px - var(--logopad));
margin: 0px 0px; 
}



/*********************************************************************/


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
z-index: 4;
position: relative;
margin: 0px 0px 0px !important;
border-width: 0 0 1px 0;
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
position: relative;
padding: 8px 10px 6px;
margin: auto 0px 10px;
width: auto;
text-transform: lowercase;
}


/***   НАВИГАЦИЯ 1-2 ТЕКСТ   ***/
#pun-navlinks .container,
#pun-ulinks .container {
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
}

#pun-navlinks .container {
padding: 4px 0px 8px;
height: 100%;
align-items: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
font-family: Finlandica, Tahoma, sans-serif;
letter-spacing: 0.05em;
}

#pun-navlinks li#navadmin span {font-size: 0px;}

#pun-navlinks li#navadmin span:before {
content: 'Админка';
display: inline;
font-size: 16px;
margin-right: -10px;
}

#pun-navlinks li {
margin: auto 0px;
padding: 0 2px;
}

#pun-ulinks .container {
font-size: 0.9em;
}

#pun-ulinks li {
margin: auto;
padding: 0 2px;
}



/*** число непрочитанных сообщений ЛС и число уведомлений ***/
span.num_msg {
position: absolute;
z-index: 18;
display: inline-block;
margin-left: 2px !important;
margin-top: -10px !important;
padding: 9px 4px 4px 4px !important;
height: 18px !important;
line-height: 0;
font-size: 10px !important;
font-weight: 400 !important;
font-family: Verdana, Arial, sans-serif;
text-shadow: 1px 1px 2px #000;
background: #ccc !important;
}

span.num_msg:before {
top: 15px !important;
background: #ccc !important;
}

.bubble {
display: inline-block;
position: inherit !important;
top: 0px !important;
right: 0px !important;
margin: auto auto auto 6px !important;
padding: 1px 3px 0px 3px !important;
min-width: 8px !important;
width: auto !important;
height: auto !important;
font-weight: 400 !important;
font-size: 8px !important;
font-family: Verdana, Arial, sans-serif !important;
text-shadow: 1px 1px 2px #000;
background: #ccc !important;
border-radius: 2px !important;
}

.bubble:after {display: none !important;}

#pun #notify-link .unreads {
top: -9px;
right: -14px;
height: 14px;
min-width: 14px;
font-weight: 400;
font-size: 8px;
border-radius: 2px !important;
background-color: #ccc;
}

#pun #post #mentions-area {background: transparent; border-color: transparent;}


/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2,
#pun-status .item4,
#pun-ulinks #Rz,
#pun-navlinks li#navawards, #pun-navlinks li#navrules {
display: none; font-size: 0;
}
h1.title-logo {display: none;}


/*********************************************************************/


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#pun-redirect h1 {
width: auto !important;
margin: auto -0px !important;
}

#pun-redirect .container {width: auto !important;}
#pun-redirect a {transition: none;}

.redirect-page {
background-color: var(--bgbody) !important;
}

.redirect-page #pun-main {margin: 0px;}

.redirect-page #pun {
padding: 20px 24px 20px;
text-align: center;
font-size: 11px;
background-color: var(--bgpun) !important;
}


/*********************************************************************/


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {font-size: 0.9em; padding: 0 0px;}
.isguest #pun-status {margin: 8px 0px;}

#pun-status p.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}

#pun-status .container span {padding: 0 0.2em;}

#pun #pun-status .status-right, #pun-status p span.item3, #pun-status p span.item4 {
display: none !important;
}
#pun-status .status-right {margin-left: auto;}

.isuser #pun-status, .ismoderator #pun-status, .isadmin #pun-status {
position: relative;
display: block;
margin: auto 0px;
padding: 2px 0px;
text-align: left;
}


/***  аватарка в строке приветствия  ***/
.status_userava>img {
object-fit: cover;
object-position: 50% 50%;
width: 100%; height: 100%;
border: 1px solid yellow;
}

.status_userava {
display: block;
/* position: absolute;
top: 0px;
left: 5px;
*/
margin: 6px 8px auto 0px !important;
padding: 0px !important;
width: 46px;
height: 42px;
}



/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {margin: 0.8em 0px; font-size: 0.9em;}
p.crumbs a {font-weight: 600;}


/*********************************************************************/


/*** ТАБЛИЦЫ ФОРУМА ***/
#pun-index .category table {border-collapse: separate;}
#pun-index .category table thead {display: none;}

#pun-main .category .container {position: relative;}

/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
padding: 16px 16px 16px 16px;
margin: 10px 10px 10px;
position: relative;
display: grid;
grid-template-columns: 2.2fr  1.2fr;
grid-template-rows: repeat(4, auto);
gap: 0px 16px;
grid-template-areas:
"lone lfour"
"lone lfour"
"lone lfour"
"lone lfour";
/*
background: linear-gradient(180deg, rgb(159 158 152 / 3%), rgb(159 158 152 / 17%) 100%);
border: 1px solid rgb(133 130 125 / 42%);
*/
}

#pun-index .category tr:first-child {margin-top: 10px;}


/* описание форума ссылка и внутренности */
#pun-index .category .tcl {
grid-area: lone;
padding: 0;
}

/* тем */
#pun-index .category .tc2 {
grid-area: ltwo;
border: 0px none transparent;
align-items: flex-end;
}

/* сообщений */
#pun-index .category .tc3 {
grid-area: lthree;
align-items: flex-start;
}

/* последнее сообщение */
#pun-index .category .tcr {
grid-area: lfour;
align-self: center;
text-align: center;
margin-left: 60px;
margin-right: 0px;
padding: 12px 0px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
}

#pun-index .category .tcr em+a+br {display: none;}


/*** Сообщений и Тем ***/
#pun-index .tc2::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f02d";
}
#pun-index .tc3::before {
margin-right: 5px;
font-family: 'icomoon', 'FontAwesome', 'icon';
content: "\f0e6";
}

#pun-index .category .tc2, #pun-index .category .tc3 {
align-self: stretch;
display: none;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
margin: 0px 14px;
padding: 4px 0px;
text-align: center;
font-size: 11px;
border: 1px solid green;
border-width: 0px 1px;
}


/***   ОФОРМЛЕНИЕ ТЕМ НА ГЛАВНОЙ   ***/
.category .tcl .intd {
position: relative;
font-size: 11px;
text-align: justify;
}


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
margin: auto 0px 10px 0px;
padding: 4px 4px 4px 12px;
position: relative;
letter-spacing: 0.02em;
text-align: left;
font-style: normal;
font-weight: 600;
font-size: 18px;
font-family: Finlandica, Tahona, sans-serif;
}

div.tclcon h3+strong, div.tclcon h3+strong+br {display: none;}


/*** МОДЕРАТОРЫ ***/
.modlist {display: none;}


/*** АВТОР ПОСЛЕДНЕГО ПОСТА ***/
#pun-index span.lastpost {
display: block;
margin-top: 2px;
font-size: 11px;
}


/*** ЮЗЕР-АВАТАР ***/
.punbb .user-avatar {
width: 32px !important;
height: 32px !important;
margin: 0px 14px 2px 0px !important;
background-color: #fff;
box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}

.punbb .user-avatar .avatar-image {
width: 32px !important;
height: 32px !important;
border: 1px solid yellow;
border-radius: 0% !important;
opacity: 0.9 !important;
}

.punbb .user-avatar .avatar-image:hover {
border-radius: 0px !important;
opacity: 1 !important;
}


#pun-index .user-avatar {
height: 46px !important;
width: 42px !important;
float: none;
clear: both;
position: absolute;
left: -53px;
margin: 0px auto !important;
top: 50%;
transform: translateY(-50%);
border: 1px solid red;
}

#pun-index .user-avatar .avatar-image {
border-radius: 0% !important;
opacity: 0.9;
height: 100% !important;
width: 100% !important;
background-size: cover;
margin: 0px auto auto 0px;
position: relative;
border: 0px none transparent;
}

#pun-index .user-avatar .avatar-image:hover {
opacity: 1;
}

#pun-index .user-avatar, #pun-index .user-avatar .avatar-image, #pun-index .user-avatar .avatar-image:hover {
border-radius: 50% !important;
}


/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
z-index: 8 !important;
width: 9px !important;
height: 9px !important;
right: -4px !important;
top: -4px !important;
bottom: auto;
background: var(--puna) !important;
border: 1px solid red;
border-radius: 2px !important;
transform: rotate(45deg);
animation: blinkColor 3s linear infinite !important;
}

@keyframes pulse-yell {
0% {
transform: scale(0.85);
box-shadow: 0 0 0 0 rgba(255, 214, 139, 0.7);
}

70% {
transform: scale(0.95);
box-shadow: 0 0 0 8px rgba(255, 214, 139, 0);
}

100% {
transform: scale(0.85);
box-shadow: 0 0 0 0 rgba(255, 214, 139, 0);
}
}

#pun-index .user-avatar .isonline {
top: -4px !important;
right: -4px !important;
}


/*********************************************************************/


/*** СТАТИСТИКА ***/
#pun-stats ul.container {
font-size: 0.9em;
padding: 10px 10px 4px;
margin: 0px 0px 12px 0px;
position: relative;
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto auto auto auto 1fr auto;
grid-template-areas:
"nonln ."
"nonln ntemy"
"nonln nsoob"
"nusers nrega"
"nusers nposl"
"nusers ."
"nbirth nbirth";
}

#pun-stats li.item1 {grid-area: ntemy;}
#pun-stats li.item2 {grid-area: nsoob;}
#pun-stats li.item3 {grid-area: nrega;}
#pun-stats li.item4 {grid-area: nposl;}
#pun-stats li.item5.onlinelist {grid-area: nonln;}
#pun-stats li.item5.users_24h {grid-area: nusers;}

#pun-stats li.item6.birthday {grid-area: nbirth;
margin-top: 10px;
}

#pun-stats li.item5.statistics {display: none;}


/* выделяем цифры статистики */
#pun-stats li strong, li#onlinelist strong {
font-weight: 600;
}

/* блоки статистики */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
padding: 0 10px 5px 18px;
font-size: 12px;
font-family: Finlandica, Tahona, sans-serif;
}

/*** Заменяем слова в статистике ***/
#pun-stats li.item3 span, #pun-stats li.item4 span {font-size: 0px;}

#pun-stats li.item3 span:before, #pun-stats li.item4 span:before {
display: inline-block;
font-size: 12px;
padding-right: 4px;
}

#pun-stats li.item3 span:before {content: 'Игроки:';}
#pun-stats li.item4 span:before {content: 'С нами:';}


/* Активны */
#pun-stats li.item5.onlinelist {
padding: 0 0 3px 15px;
text-align: left;
}

#pun-stats li.item5.onlinelist span {
display: block;
max-height: 106px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 6px;
text-align: justify;
}

/* посетили за сутки */
#pun-stats li.item5.users_24h>div {
display: block;
text-align: left;
margin-top: 6px;
padding-top: 12px;
border-width: 1px 0 0 0;
}

#pun-stats li.item5.users_24h>div span {
display: block;
max-height: 156px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 4px;
padding-right: 12px;
text-align: justify;
}

/* выделить админсостав в статистике */
#pun-stats a.group1, #pun-stats a.group2 {font-weight: 400;}


/*********************************************************************/


/* СЕРВИСНЫЙ КОПИРАЙТ */
#pun-about {
padding: 6px 4px;
text-align: right;
text-transform: lowercase;
font-size: 11px;
}

/* ФУТЕР-ПОДВАЛ */
#html-footer {position: relative;}

/* ОБЪЯВЛЕНИЕ */
#pun-announcement {
margin: 0em -0px auto;
padding: 0 0px;
background: transparent;
}


/*********************************************************************/


/* легенда блоков */
legend {
margin: auto auto 0px 20px;
text-align: left;
text-transform: lowercase;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 0.02em;
transform: skewX(-5deg);
}

legend span {
padding: 3px 10px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0px;
}

#post-form legend span {
background: transparent;
border-width: 0px;
opacity: 0.8;
}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.fs-box {margin: 0.2em 0.6em 0.3em;}

/* название над блоком выбора */
p#sex.infofield,
label[for="fld-lang"],
label[for="fld1"],
label[for="fld2"],
label[for="fld3"],
label[for="fld4"],
label[for="fld5"],
label[for="fld6"],
label[for="fld7"],
label[for="fld8"],
label[for="fld9"],
label[for="fld10"],
label[for="fld11"],
label[for="fld12"] {
margin-left: 0.5em;
font-size: 0.9em;
letter-spacing: 0.01em;
opacity: 0.85;
}

/* обнуляем для чек и некоторых радио */
p.checkfield label, span.radio label, dd div.checkfield label {
margin-left: 0em;
font-style: normal;
font-size: 1em;
opacity: 1;
}

/* описание под полями выбора */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.9em 0;
line-height: 140%;
}



/*********************************************************************/


/*** СТРАНИЦА ПОИСКА ***/
/* отступ поиска на страничке юзеров */
form#userlist {margin: 1em 0.6em;}

/* поля в строчку в Поиске Участников и Поиске Тем */
form#userlist p.inputfield, form#userlist p.selectfield, form#punbbsearch p.inputfield, form#punbbsearch p.selectfield {
display: inline-block;
}

/* верхняя граница для блоков-выборов */
form#userlist fieldset, form#punbbsearch fieldset, form#messages[method="post"] fieldset {
margin-bottom: 0.5em;
}

/* переопределяем фон и отступы для ЛС */
#profile.messages-container fieldset {
padding: 0;
border: 0px none transparent;
background-color: transparent;
box-shadow: none;
}


/*********************************************************************/


/***   ПРОФИЛЬ РЕДАКТИРОВАНИЕ   ***/
/* предпросмотр */
#viewprofile div.container table {width: auto;}

#profile-left {
width: 30%;
text-align: center;
}
#profile-left li {
margin: auto 1em 0.7em !important;
}

#profile-left li strong {
display: block;
font-weight: 400 !important;
}

#profile-left #profile-name strong, #profile-left #pa-online strong {
font-weight: 600 !important;
font-size: 0.9em;
font-family: Finlandica, Tahoma, sans-serif;
}

#profile-left #profile-name strong {
padding-top: 1em;
letter-spacing: 0em;
font-size: 18px;
}

#profile-left #profile-title {
font-size: 0.9em;
}

#profile-left #pa-edit {
margin-top: 2em !important;
margin-bottom: 1.8em !important;
}

#profile-right #pa-invites {display: none;}

/* отделяем подпись */
#viewprofile #profile-signature {padding: 1.2em 1.5em 1em 1.5em;}

#profile-signature ul {
border-style: solid;
border-width: 1px 0 0 0;
}

#profile-right {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
grid-template-rows: auto;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
margin: 1em 0.8em 0em 0em;
text-align: center;
font-size: 0.9em;
background: #ccc;
border: 1px solid yellow;
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 0.5em 1em 0.2em;
font-weight: 600;
font-size: 1em;
color: red;
}

#profile-right li strong {
padding-left: 0 !important;
text-align: center;
font-weight: 400;
}

#profile-right #pa-posts {
order: -5;
grid-column: 1 / -1;
}
#profile-right #pa-fld1 {
order: -4;
grid-column: 1 / -1;
}
#profile-right #pa-fld2 {
order: -3;
}
#profile-right #pa-fld3 {
order: -2;
}
#profile-right #pa-fld4 {
order: -1;
}
#profile-right #pa-fld1 span, #profile-right #pa-fld2 span, #profile-right #pa-fld3 span, #profile-right #pa-fld4 span, #profile-right #pa-fld5 span {
color: #fff;
}

#profile-right #pa-fld1, #profile-right #pa-fld2, #profile-right #pa-fld3, #profile-right #pa-fld4, #profile-right #pa-fld5 {border: 1px solid #ccc;}


/*** МЕНЮ отступ ***/
#profile>.container {
margin-left: 190px;
margin-right: 18px;
}

#profile .fs-box {
margin: 0.2em 0em 1.2em;
}


/* ПРОФИЛЬ-навигация */
#profilenav {
width: 176px;
float: left;
margin: 0px 0px 0.9em -194px;
padding-bottom: 10px;
text-shadow: none;
border: 1px solid green;
background: #ccc;
}

#profilenav ul {
padding: 0 8px 12px 0;
text-align: center;
font-size: 1em;
font-family: Finlandica, Tahoma, sans-serif;
}

#profilenav li {
padding: 6px;
font-weight: 600;
}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {
margin: 0px -0px 8px !important;
padding: 6px 4px 6px 4px;
font-size: 14px;
}


/* ЛС */
#pun-messages #profile>.container {
margin-left: auto !important;
margin-right: 0px;
}

#pun-messages #profilenav {
align-items: center;
justify-items: center;
display: block;
float: left;
width: 176px;
margin: auto 14px 10px auto !important;
}

#pun-messages .fs-box p, #pun-messages .fs-box fieldset {line-height: 150%;}

#pun-messages #profilenav h2 {
width: auto;
margin: 14px -3px 8px !important;
padding: 6px 4px 6px 4px;
}

#profilenav>h2:first-child {margin: 0px -1px !important;}

#pun-messages #profilenav ul {margin: auto 14px; padding: 0;}
#pun-messages #profilenav li {display: inline-block; padding: 3px 6px;}

#pun-messages #profilenav h2:first-child {
grid-column: 1 / 2;
grid-row: 1 / 2;
margin-top: -7px !important;
}

#pun-messages #profilenav h2:last-child {
grid-column: 1 / 2;
grid-row: 2 / 3;
margin-top: 0px;
}

#pun-messages #profilenav ul:first-child {
grid-column: 2 / 3;
grid-row: 1 / 2;
padding: 0 0 4px 0;
}

#pun-messages #profilenav ul:last-child {
grid-column: 2 / 3;
grid-row: 2 / 3;
}

/* уведомления и звук ЛС */
#notify-settings {
margin: auto -0px 1.9em !important;
padding: 8px 2em 8px;
font-size: 0.9em;
line-height: 1.1;
background: #ccc;
border: 1px solid green;
}


/*********************************************************************/


/*** ОСНОВНОЙ ***/
/* Послать email и ЛС */
a.sendmail, a.sendpm, a.sendemail {
padding: 2px 8px;
margin: auto 0.2em;
}

/* заголовки части списков и статистика посещений */
.punbb .required label, .punbb .datafield span.input {font-weight: 600;}
.punbb .datafield span.input a {font-weight: 400;}


/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {border-top: 0px none transparent;}

p#sex.infofield {padding: 0.3em 0 0.3em 0.2em;}

input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {
max-width: 90%;
}

/*** АВАТАР ***/
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em;
}

/*** ПОДПИСЬ ***/
div.fs-box.hashelp span.label {
font-weight: 600;
}
dl.parsedsig {
margin: 0.7em 0.5em 0.5em;
line-height: 150%;
}
#profile #form-buttons #button-video {display: none;}


/*** ОТОБРАЖЕНИЯ ***/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}
.punbb .inline .infofield {clear: both;}


/*** УПРАВЛЕНИЕ ***/
#setmods dl {padding: 0.8em 0;}
#setmods dt {
font-weight: 600;
margin: 0.4em auto 0.4em 1.9em;
}
#setmods dd div.checkfield {padding: 3px 2px;}


/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display: table-row;}
#awards-content tr {width: 100%; margin: 0px; padding: 0px;}
#awards-content td.tc2, #awards-content td.tcl {width: 20% !important;}


/*********************************************************************/


/* автор темы и правка шрифта для внутренностей тем */
span.byuser {font-size: 0.9em;}

span.byuser:before {
content: '-';
padding: 0 5px;
}

.tcr span.byuser:before {display: none;}

#pun-index span.lastpost span.byuser {font-size: 1em;}

/* отступы в табличках */
.punbb .main td {padding: 0.8em 0.4em;}

/* Табличное - общее */
.usertable {margin: 0.6em auto;}


/* фикс для ячеек в табличке */
.forum td, .usertable td, .fs-box .hasicon td {width: 100% !important; text-align: center;}
.fs-box .post-content tr {display: table-row; border-width: 0px;}
#pun-searchtopics .tc2 {text-align:center;}

/* загрузки */
#filetable .ft-version, #filetable .tc3 {text-align: center;}

/* ЛС табличка */
#messages .fs-box tr {
display: grid;
grid-template-columns: 1.7fr 1.2fr 0.8fr 0.3fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

/* иконки и текст заголовка ЛС */
#messages .fs-box .tcl {text-align: left;}

/* thead-фикс */
#messages th.pmtcl1, #messages th.pmtc22, #messages th.pmtc33, #messages th.pmtc24 {
width: 100% !important;
}
#messages .tc2.pmtc22 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
#pun #messages .tc2.pmtc22 .user-avatar {
margin: 0px 14px 2px 0px !important;
}

/* Заголовок письма */
#messages .pmtcl1 .tclcon {text-align: left;}

/* участники */
.usertable .tcl, .usertable .tc2 {
justify-self: start;
text-align: left;
line-height: 110%;
}

.usertable .tcl {
padding-left: 1em !important;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}

.usertable td.tcl {font-weight: 400;}

.usertable tr {
display: grid;
grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list tr {
display: grid;
grid-template-columns: 0.9fr 1.3fr 0.8fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.online-list td {padding: 1em 0.4em !important;}

.online-list td.tcl {justify-self: left;}

.online-list th.tcl {width: 100% !important;}

#pun-online .tcl.action {width: 100% !important;}


/* список активных тем */
.forum {margin: 0.5em auto 1em;}

.forum tr {
display: grid;
grid-template-columns: 1.7fr 1fr 0.4fr 0.9fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

.forum .tcl, .forum .tc2 {text-align: left;}

.forum .tcr span {
display: block;
font-size: 0.9em;
margin-top: 0em;
}

/* внутри категории */
#pun-viewforum .forum tr {
display: grid;
grid-template-columns: 1.8fr 0.4fr 1fr;
grid-template-rows: auto;
align-items: center;
justify-items: center;
}

#pun-viewforum thead tr {padding: 0;}

#pun-viewforum .forum .tc2 {text-align: center;}

#pun-viewforum .forum .tc3 {display: none;}

#pun-viewforum .modmenu {
margin: 0.7em -20px;
padding: 8px 6px 7px 34px;
border-radius: 0px;
border: 1px solid rgb(133 130 125 / 36%);
border-width: 1px 0px;
background-color: rgb(159 158 152 / 20%);
}

#pun-viewforum .modmenu span {display: none;}

/* страницы новая тема */
#pun-viewforum .linksb {
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
row-gap: 12px;
}

#pun-viewforum .linksb .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-viewforum .linksb .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.postlink.long {
grid-column: 1 / -1;
text-align: right;
margin: auto 0px auto auto;
}

/* модерирование списка тем */
#pun-modviewforum .forum tr {
grid-template-columns: 1.8fr 0.5fr 0.5fr 0.9fr 0.3fr;
grid-template-rows: auto;
padding-left: 20px;
}

#pun-modviewforum .forum .tc2 {text-align: center;}

#pun-modviewforum .modmenu {margin: 1.4em 1.5em 0.8em 0.5em;}

/* предпросмотр сообщения */
#post-preview .post-box {margin: 1.4em auto 1.1em;}
#post-preview .fs-box p {line-height: 150%;}

#pun #pun-post .post h3+.container, #pun #post-preview .post h3+.container {overflow: hidden;}

/* заплатки для блоков */
.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;
}


/*********************************************************************/


/***   ПОДФОРУМЫ   ***/
div.subforums {margin: 1em auto;}

#pun-viewforum .category tr.isub {
padding: 18px 24px 18px 24px;
margin: 0px 0px 12px;
position: relative;
display: grid;
grid-template-columns: 1.8fr 1.2fr;
grid-template-rows: auto;
background: #999;
}

#pun-index tr.isub .tcl {
padding-left: 0px !important;
margin-left: 30px;
}

#pun-viewforum .category tr.isub .tcl {
grid-row: 1 / 2;
grid-column: 1 / 2;
padding: 0px 0px;
}

#pun-viewforum tr.isub td.tcl div.tclcon h3 {
margin: auto 0px 12px 0px;
padding: 4px 16px 4px 36px;
}

#pun-viewforum .category thead, #pun-viewforum .category tr.isub .tc2, #pun-viewforum .category tr.isub .tc3 {display: none;}

#pun-viewforum .category tr.isub .tcr {
grid-row: 1 / 2;
grid-column: 2 / 3;
text-align: center;
padding: 0.7em 0.4em;
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
}

#pun-viewforum .category tr.isub td.tcr a+br {display: none;}
#pun-viewforum .category tr.isub .tcr em.user-avatar {display: none;}
#pun-viewforum .category tr.isub td {padding: 0;}
#pun-viewforum .category tr.isub div.icon {display: none; float: left;}


/*********************************************************************/


/*** ИКОНКИ ***/
.forum .tcl .intd, .fs-box .tcl .intd {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
align-items: center;
}

.intd div.icon {
opacity: 1;
display: block;
margin: auto 18px auto 0px;
width: 12px;
height: 12px;
background: lightblue;
}

.inew .intd div.icon {
opacity: 1;
background: blue;
filter: brightness(1.1);
}

.iclosed .intd div.icon {
opacity: 1;
background: gray;
}

.isticky .intd div.icon {
opacity: 1;
background: green;
}


/* Убрать Важно, Закрыто, Опрос */
span.stickytext, span.closedatafield, span.polltext {font-size: 0px;}


/* иконки на главной */
#pun-index .category .tcl {
margin-left: 0px;
margin-right: 0px; 
padding: 0px 0px 0px 0px;
}

#pun-index div.icon {
display: none;
position: absolute;
top: 0px;
left: -0px;
margin: 0px;
width: 20px;
height: 20px;
}

#pun-index div.icon.inew {
display: block;
background: url() 0% 0% repeat;
background-color: red;
}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
z-index: 8;
margin: 1px auto auto 3px !important;
opacity: 1;
color: #fff !important;
border-radius: 0px !important;
background: url() 0% 0% repeat !important;
background-color:green !important;
}


/*********************************************************************/


/* ТОПИК ПАГИНАЦИЯ и Ответить-создать */
.linkst {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto;
padding: 0.5em 0 0.7em;
}

.linkst .pagelink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

.linkst .postlink {
grid-column: -2 / -1;
grid-row: 1 / 2;
justify-self: end;
}

.linksb {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
padding: 0.5em 0;
margin: 8px 0px 6px;
}

.linksb .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}

.linksb .subscribelink {
grid-column: 1 / 2;
grid-row: -2 / -1;
justify-self: end;
text-transform: uppercase;
font-size: 10px;
}

.linksb .postlink {
grid-column: -2 / -1;
grid-row: -2 / -1;
justify-self: end;
}

.linkst, .linksb {font-size: 1em;}


/* ответить новая тема */
.postlink {
font-weight: 600;
padding: 0 0px 0 2em;
font-size: 10px;
text-transform: uppercase;
}

.postlink a, .subscribelink a {
background: transparent;
border: 0px solid transparent;
padding: 2px 6px;
}

/* номера страниц */
.pagelink {font-size: 0.9em;}

.pagelink a, .pagelink strong {
padding: 2px 6px;
font-size: 11px;
text-transform: lowercase;
line-height: 100%;
}

.pagelink strong {font-size: 12px;}


/*********************************************************************/


/* отступ для плавающей навигации */
.punbb div.post.toppost, .punbb div.post.firstpost, .punbb div.post.topicpost {
padding-top: 0;
margin-top: 0px;
}
.punbb .post h3 {width: auto;}


/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
margin: 0px -20px 0px 0px;
font-size: 0.9em;
font-weight: 400;
text-align: center;
padding: 4px 24px 4px 10px;
border-style: solid;
border-width: 1px 0px;
border-image: linear-gradient(90deg, transparent 0%, rgb(133 130 125 / 36%) 24%, rgb(133 130 125 / 36%) 100%);
border-image-slice: 1;
background: linear-gradient(90deg, transparent 0%, rgb(159 158 152 / 20%) 10%, rgb(159 158 152 / 20%) 100%);
}

#pun-messages h3 span {margin: 0px 0px 0px 0px;}

h3 span .permalink {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

h3 span strong:first-of-type {
display: inline;
float: right;
}

/* поделиться */
h3 a.sharelink {display: none;}

/* изменение скрипта кнопками */
h3 strong.fnt {
margin: auto 1.5em !important;
display: inline;
float: right;
}

/* делим пост на части */
.punbb .post h3+.container {
display: block;
margin: 0px 0px 0px 0px;
padding: 20px 10px 16px !important;
overflow-wrap: break-word;
}

/* обнуляем фон в ЛС-сообщении */
.punbb #profile .post h3+.container {
background: transparent;
box-shadow: none;
}


/*********************************************************************/


/*** БЛОК АВТОРА ПОСТА ***/
.post-author {
position: relative;
float: left;
display: block;
margin: 0px auto 14px 0px;
padding: 22px 10px 18px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 11px;
background: url() -189px -140px no-repeat;
background-color: #ccc;
border: 1px solid green;
}

.post-author:before, .post-author:after {
content: '';
display: none;
position: absolute;
top: 0px;
right: 50%;
transform: translate(50%, -50%) rotate(045deg);
width: 10px;
height: 10px;
background: #ccc;
border: 1px solid green;
}

.post-author:before {
display: none;
top: 0px;
bottom: auto;
transform: translate(50%, -50%) rotate(045deg);
}

.post-author.online:before, .post-author.online:after {
border: 1px solid green;
background: #ccc;
}


/* расстояние между блоками по умолчанию */
.post-author li {margin: 0.3em auto;}
.post-author li:last-child {margin-bottom: 0px;}

.post-author li.pa-online {
margin: 10px auto -2px auto;
font-family: Finlandica, Tahoma, sans-serif;
}
.post-author li.pa-online strong {font-weight: 600;}


/***   НИКНЕЙМ   ***/
li.pa-author, .pa-author {
display: block;
position: relative;
margin: 0px -10px auto;
overflow-wrap: break-word;
line-height: 0.9;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
font-family: Oranienbaum, Recolors, Trebuchet MS, sans-serif;
}

.pa-author strong {font-weight: 600;}


/***   СТАТУС   ***/
.pa-title, .post-author li.pa-title, .pa-replies {
margin: 3px auto;
padding: 8px 0px;
line-height: 100%;
letter-spacing: 0.015em;
font-size: 10px;
opacity: 0.8;
}


/***   АВАТАР   ***/
.post-author .pa-avatar {
margin: 0px auto 12px;
line-height: 0;
}

/* фикс высоты и ширины аватара */
.post-author .pa-avatar img {
max-width: 100%;
width: auto;
max-height: 300px;
height: auto;
border-radius: 0px;
}

/* Ширина аватара */
#profile-left #pa-avatar img, .post-author .pa-avatar img {
width: auto;
max-width: calc(100% + 2px);
line-height: 12px;
}

#profile-left #pa-avatar img, .post-author .pa-avatar img {
border: 1px solid yellow;
}


/***  ПОСТЫ РЕПУТАЦИЯ в строчку ***/
.pa-posts, .pa-respect {
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 0 2px;
}

#pun .pa-posts {margin-top: 10px;}

.pa-posts .fld-name, .pa-respect .fld-name {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
font-size: 11px;
line-height: 1;
padding: 0 0 6px;
}


/***  ПОСТЫ РЕПУТАЦИЯ в строчку ***/
.pa-posts, .pa-respect {
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 0 2px;
font-size: 9px;
}
.pa-respect img, .post h3 img {filter: hue-rotate(143deg);}
.pa-posts {margin-top: 6px;}

.pa-posts .fld-name, .pa-respect .fld-name {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
font-size: 0;
line-height: 1;
height: 12px;
}
.pa-posts span.fld-name:after, .pa-respect span.fld-name a:after, .isguest .pa-respect .fld-name:after {
font-family: Tahoma;
font-size: 12px;
font-weight: 600;
color: red;
}
.pa-posts span.fld-name:after {
content: 'Письма';
font-size: 12px;
padding-top: 0px;
}
.pa-respect span.fld-name a:after,
.isguest .pa-respect .fld-name:after {
content: 'Почести';
}
.pa-posts .fld-name:hover:before,
.pa-respect span.fld-name a:hover:before,
.isguest .pa-respect .fld-name:hover:before {
display: block;
box-sizing: border-box;
position: absolute;
margin-top: -10px;
padding: 6px 10px;
width: 50%;
font-size: 12px !important;
background: #fff;
}





/* БЫСТРЫЕ ПЛЮСЫ БЕЗ КОММЕНТАРИЕВ */
.noNull:before { 
content: "+"; 
font-size: 9px; 
display: none; 
}
div.post-vote {
margin-bottom: 45px;
}
div .post-rating p>a, div.post-vote p>a {
display: flex;
justify-content: center;
width: 25px;
height: 25px;
font-weight: 700;
font-size: 12px !important;
letter-spacing: -1px;
align-items: center;
align-content: center;
cursor: pointer;
}
div .post-rating p>a:after, div.post-vote p>a:before {
position: absolute; 
z-index: -1;
margin-top: 3px;
color: var(--puna);
font-size: 17px;
font-family: 'icon', 'icomoon';
}
div .post-rating p>a:after {
content:"\f004";
font-family: 'icon', 'icomoon';
font-size: 17px !important;
}
div.post-vote p>a {
font-size: 0px;
margin-right: -17px;
}
div.post-vote p>a:before {
/* content: '\f08a'; */
content: '\e918';
font-family: 'icomoon', 'icon', fontawesome; 
font-size: 17px !important;
z-index: 1;
margin-top: -0px;
}



/*** ЛИЧНОЕ ЗВАНИЕ ЛЗ ***/
.pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5 {text-align: center;}


/* названия доп. полей */
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {
display: none;
}


/*********************************************************************/


/* ТЕКСТ СООБЩЕНИЯ-ПОСТА */
.post-body {
line-height: 1.55;
position: relative;
padding-left: 18px;
padding-right: 0px;
margin-left: var(--prwid);
}

.post-box {
position: relative;
padding: 0px 10px;
text-align: justify;
}

.punbb .post-content {
width: 100%;
padding: 0;
margin: 0;
}

/* ссылки под постом */
.post-links {
margin: 12px 0px 4px;
text-align: right;
text-transform: lowercase;
letter-spacing: 0.02em;
font-size: 12px;
font-weight: 400;
font-family: Finlandica, Tahoma, Verdana, sans-serif;
}

.post-links li {
display: inline-block;
position: relative;
margin: auto 2px;
padding: 2px 8px;
}

/*** ссылки редактирования ***/
.pl-email, .pl-website {float: left;}


/*** ОТКЛЮЧАЕМ всякое в полях профиля ***/
.pa-positive, .pa-reg,
.pa-sex, .pa-from, .pa-age,
.pa-time-visit, 
.pa-invites, .pa-gifts,
.post-links li.pl-share, .pl-share,
.pl-reports, li.pl-reports {
display: none;
}


/* Отступы для абзацев, таблички */
.post-content p, #post-preview .post-content p {padding: 0 0 11px 0;}
#post-preview .post-content p:last-of-type {padding: 0 0 0 0;}

.punbb .post-content tbody {vertical-align: middle;}

.punbb .post-content td {
display: table-cell;
border-width: 0px !important;
border-color: transparent;
border-style: none !important;
padding: 0;
height: auto;
overflow: hidden;
}


/*** РЕПУТАЦИЯ внутренний отступ ***/
#pun-respect #pun-main .container, #pun-positive #pun-main .container {
padding: 6px 14px 0;
}
#pun-respect .tc3, #pun-positive .tc3 {word-break: break-word;}


/* подпись - разделитель и текст */
.post-sig dt {
display: block;
height: 1px;
width: 72%;
margin: 1.5em auto 1.1em;
opacity: 1;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, red 20%, red 80%, rgba(255, 255, 255, 0) 100%);
background-color: transparent;
}

.post-sig dd {font-size: 0.9em; line-height: 150%;}


/***   ЦИТАТА КОД СКРЫТЫЙ ТЕКСТ   ****/
.post-content .quote-box, 
.post-content .code-box, 
.post-content .hide-box {
display: block;
position: relative;
padding: 16px 20px;
margin: 12px 0.6em 14px 0.6em;
line-height: 1.5;
background: #ccc;
border: 1px solid green;
}

.post-content .code-box {font-size: 0.9em;}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.quote-box p:last-of-type,
blockquote p:last-of-type,
.post-content p:last-of-type {
padding-bottom: 0;
}

/* АВТОР цитаты, выделить код, скрытый текст */
.quote-box cite, .code-box .legend, .hide-box cite {
display: block;
position: relative;
margin: 0px 0px 10px 0px;
padding: 4px 14px 4px 14px;
width: auto;
text-align: center;
font-weight: 400;
font-size: 12px;
font-family: Finlandica, Tahoma, sans-serif;
letter-spacing: 0.04em;
background: green;
}

/*** максимальный скролл в блоке кода ***/
.post-content .scrollbox {
overflow: auto;
height: auto !important;
max-height: 180px;
width: 100%;
padding-bottom: 8px;
}


/***   СПОЙЛЕР   ***/
.spoiler-box>div[onclick]>p {margin: 0 !important; padding: 0 !important;}

.post-content .spoiler-box>blockquote.visible {overflow-x: hidden !important;}

/***   БЛОК СПОЙЛЕРА ВИДИМАЯ ЧАСТЬ   ***/
.post-content .quote-box.spoiler-box {padding: 0px;}

.post-content .spoiler-box>div {
background-image: none !important;
background-color: #ccc;
padding: 10px 1em 10px 40px !important;
box-shadow: none;
font-weight: 400;
font-size: 0.95em;
letter-spacing: 0.02em;
display: block;
position: relative;
}

.post-content .spoiler-box>div.visible {
background-image: none !important;
border: 1px solid red;
border-width: 0px 0px 1px 0px;
}

/*** звезда на спойлере ***/
.post-content .spoiler-box>div:before {
content: '\f067';
font-family: icomoon, FontAwesome, 'icon';
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
margin: 0px 8px auto -26px;
height: 20px;
line-height: 20px;
}

.post-content .spoiler-box>div.visible:before {
content: '\f068';
height: 20px;
line-height: 20px;
}

/* отступ открытого текста от края названия*/
.post-content .spoiler-box>blockquote {
padding: 16px 20px 18px !important;
}

#pun div.post-rating a, #pun div.post-vote a {
font-size: 11px !important;
font-weight: 400;
text-align: center;
padding: 3px 8px;
margin-top: 5px;
background: var(--bgpun);
border: 1px solid red;
border-radius: 3px;
}
 #pun div.post-vote a {font-size: 0px !important; position: relative;}

/* html-темы */
.html-post-box {overflow: hidden;}


/*********************************************************************/


/* Тему читают */
#topic-users-in {
position: relative;
margin: auto -20px;
padding: 0.8em 24px 0.7em 36px;
line-height: 150%;
font-size: 0.9em;
border: 1px solid rgb(133 130 125 / 36%);
border-width: 1px 0px;
background-color: rgb(159 158 152 / 20%);
}

#topic-users-in a {font-size: 1.1em;}

#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}

/* модераторское меню */
#pun-multimove .modmenu, #pun-multidelete .modmenu, #pun-multimegre .modmenu {
padding: 1em 0 1em 25px;
text-align: right;
}

#pun-multimove .modmenu strong {margin: auto 10px;}

#topic-modmenu {padding: 0.5em 0 0.8em 20px;}

#mod-options option {padding: 0 10px; filter: brightness(1.02);}


/* RSS Atom*/
#pun-searchtopics div.modmenu {display: none;}
#pun-viewtopic #topic-modmenu span {display: none;}
.isuser #pun-viewtopic #topic-modmenu {display: none;}

.isadmin #pun-viewtopic #topic-modmenu, .ismoderator #pun-viewtopic #topic-modmenu {
display: block;
}

#topic-feed {display: none;}


/*********************************************************************/


/* скрыть отредактировано от пользователя */
.isuser .lastedit, .isguest .lastedit, .pa-awards, .pa-gifts {display: none;}

.isadmin .lastedit, .ismoderator .lastedit {display: none;}

.post-content p.lastedit {
padding: 0.6em 0;
text-align: right;
font-size: 0.85em;
font-style: italic;
opacity: 0.55;
}


/* РАЗДЕЛИТЕЛЬ hr */
hr, .post-content hr {
position: relative;
margin: 0.7em auto 1em auto !important;
height: 0px;
opacity: 1 !important;
}