Birds in shadow

Объявление

Новости
Новости Минорные изменения.
Новости Последствия DDoS-атаки устранены. Форумы должны заработать в прежнем режиме.
Новости На mybb ведется DDoS-атака. Форумы могут быть недоступны какое-то время.
Новости Новый форум для околоролевых проектов.
Сервис Страсти по РКН.
Сервис Новая опция: регистрация без подтверждения по email.
Сервис Блокировки на сервисе.
Скрипты WYSI - визуальный редактор сообщений. Тестирование.
Скрипты Обновление скрипта HTML с доступом по группам
Сервис Проблема с загрузкой форумов и необходимость оптимизации.
Интересное
НеТеролевые Подкаст НеТеРолевые №17. Правила на ролевых проектах

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

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


Вы здесь » Birds in shadow » Для гостей » Дизайн-проверка


Дизайн-проверка

Сообщений 51 страница 57 из 57

51

Вертикальное выравнивание через valign не работает!

Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

52

мобилки меньше 400: чуть поднять ЧС-блок

тем-последний ответ в вертикаль, а не в горизонталь

иконка нового сообщения - подвинуть к левому краю

лс - убрать дату

Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

53

Код:
<!----- СМЕНА СТИЛЯ, (с) ForumD.ru, satsana ----->
<script type="text/javascript">
var styleList = [{
    class: 'lightr',
    name: 'LRed'
}, {
    class: 'lightg',
    name: 'LGreen'
}, {
    class: 'darkv',
    name: 'DViolet'
}, {
    class: 'lightgr',
    name: 'LGray'
}, {
    class: 'lightb',
    name: 'LBeige'
}, {
    class: 'darkg',
    name: 'DGreen'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).ready(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script>
<!----- Смена стиля - END ----->
Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

54

ОТКАТ НА 12-11-2024

Код:
@charset "Windows-1251";
@import url(style_cs.css);

/***   ICOMOON   ***/
@font-face {
font-family: "icomoon";
src: url("https://forumstatic.ru/files/000b/09/4f/38650.woff") format("woff"),
url("https://forumstatic.ru/files/000b/09/4f/52094.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: OldStandart;
src: url("https://forumstatic.ru/files/000b/09/4f/46123.ttf") format("truetype");}


@font-face {
font-family: Lora;
font-style: normal;
font-weight: 400;
src: local('Lora'), url(https://forumstatic.ru/files/001b/7a/e7/76302.ttf);
}
@font-face {
font-family: Lora;
font-style: italic;
font-weight: 400;
src: local('Lora'), url(https://forumstatic.ru/files/001b/7a/e7/97551.ttf);
}
@font-face {
font-family: Lora;
font-style: normal;
font-weight: 600;
src: local('Lora'), url(https://forumstatic.ru/files/001b/7a/e7/42008.ttf);
}
@font-face {
font-family: Lora;
font-style: italic;
font-weight: 600;
src: local('Lora'), url(https://forumstatic.ru/files/001b/7a/e7/23243.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 var(--pun-border-thin);
}

/* 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; 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; 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 {
--logo-lyl-height: 130px;
--prwid: 252px;
--body-background: #1d1e1f;
--pun-background: #d2cdc4;
--pun-background-light: #d6d4cc;
--pun-background-thin: rgb(214, 212, 204, 0.55);
--pun-background-shade: #3d3b3b; /* цвет оттеночный */
--pun-color: #190903;
--pun-color-thin: #6b4f4b; /* бледный текст */
--pun-color-light: #dfdfdd; /* текст на темном фоне */
--pun-a: #7f4520;
--pun-a-hover: #a1745e;
--pun-a-author: #fcd8a3; /* ссылки на темном фоне */
--pun-border: #9c7b6b;
--pun-border-bold: #584238; /* рамка темнее */
--pun-border-thin: rgb(159 147 138 / 63%); /* рамка светлее #b8af9d */
--message-background: #8d1500; /* цвет новых сообщений ЛС #8703bb */
--pun-a-shadow: #131313;
--pun-box-shadow: 160 137 123;
}

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 {
line-height: 1.4;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
color: var(--pun-color);
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat;
background-attachment: fixed;
background-color: var(--body-background);
}


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


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

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


#pun-navlinks a {color: var(--pun-a-author); text-shadow: 0 0 2px var(--pun-a-shadow);}
#pun-navlinks a:hover, #pun-navlinks a:active {filter: brightness(1.15);}

#pun-ulinks a {color: var(--pun-a);}
#pun-ulinks a:hover {color: var(--pun-a-hover);}


/* Автор */
li.pa-author a, .pa-author a,
.pa-author {
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
}
li.pa-author a:hover, .pa-author a:hover {filter: brightness(1.2);}


/* Ссылки под постом - профиль, редактирование */
.post-links a {color: var(--pun-a);}
.post-links a:hover {color: var(--pun-a-hover);}


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


/* Ссылки в статистике */
#pun-stats li.item5.onlinelist a,
#pun-stats li.item5.users_24h>div a {
color: var(--pun-a);
font-size: 12px;
}

#pun-stats li.item5.onlinelist a:hover,
#pun-stats li.item5.users_24h>div a:hover {
color: var(--pun-a-hover);
}


/*** ЦИТАТА И КОД ***/
.quote-box cite a, .code-box .legend a {
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
}
.quote-box cite a:hover, .code-box .legend a:hover,
.quote-box cite a:active, .code-box .legend a:active {
filter: brightness(1.15);
}


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


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


/***   ЗАГОЛОВКИ   ***/
.punbb h2 {
position: relative;
margin: 12px auto;
padding: 0px;
letter-spacing: 1px;
text-transform: uppercase;
text-overflow: ellipsis;
text-align: center;
font-weight: 400;
font-size: 12px;
font-family: Lora, OldStandart, Tahoma, sans-serif;
}


/*** ЗАГОЛОВКИ НА ГЛАВНОЙ ***/
#pun-index .category h2, 
#pun-stats h2, 
#post-form h2 {
position: relative;
margin: 20px -16px 14px;
padding: 10px 0px 8px;
line-height: 100%;
letter-spacing: 2px;
font-weight: 400;
font-size: 13px;
font-family: Lora, OldStandart, Georgia, Tahoma, sans-serif;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 0%, var(--pun-background-shade) 10%, var(--body-background) 110%);
background-color: var(--body-background);
}

#pun-stats h2 {
margin: 24px -20px 2px;
text-align: center;
line-height: 100%;
font-size: 14px;
letter-spacing: 3px;
}


#post-form h2 {
margin: 16px -16px;
padding: 10px 8px 8px;
transform: none;
letter-spacing: 1px;
}




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


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


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


/* обнуляем всякое */
.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: 11px; font-style: italic; color: var(--pun-color); opacity: 0.65;}
thead tr {padding: 6px 0;}


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


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


/***   ЦВЕТНОЙ СКРОЛЛ   ***/
-moz-* {
scrollbar-width: thin;
scrollbar-color: var(--pun-a-hover) rgb(127 115 99 / 27%);
}
*::-webkit-scrollbar {
width: 10px;
height: 8px;
background: rgb(127 115 99 / 27%);
}
*::-webkit-scrollbar-thumb {
background: var(--pun-a-hover);
}
*::-webkit-scrollbar-corner {
background: transparent;
}

-moz-*#pun * {
scrollbar-width: thin;
scrollbar-color: var(--body-background) 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: var(--body-background);
border-radius: 2px;
}
#pun *::-webkit-scrollbar-corner {
background: transparent;
}


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


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

*::-moz-selection {
background-color: var(--body-background);
color: var(--pun-color-light);
}


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


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

textarea {
text-shadow: none;
background-color: var(--pun-background-thin);
border: 1px solid var(--pun-border);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 25%);
}

#post-form.formal {margin-bottom: 16px;}


/***   ВЫПАДАЮЩЕЕ ОКНО   ***/
select {outline: none; padding: 5px 10px;}


/*** поля ввода ***/
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;
line-height: 1.6;
}

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


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

del {
background-color: transparent !important;
text-decoration: none;
opacity: 0.8;
filter: blur(2px);
}
del:hover {
text-decoration: none;
opacity: 1;
filter: blur(0px);
}

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


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
position: relative;
overflow-wrap: break-word;
margin: 130px auto 30px;
padding: 8px 24px 14px;
width: 1040px;
font-size: 1em;
letter-spacing: 0.015em;
color: var(--pun-color);
outline: 1px solid #302b29;
outline-offset: 14px;
border: 1px solid var(--pun-border-bold);
box-shadow: inset 0 0 0 1px #151312, inset 0 0 2px 0px #1c1c1c, inset 0 0 0 5px #272525, inset 0 0 0 6px #131313, inset 0 0 0 7px var(--pun-border), inset 0 0 0 8px #5e371e, inset 0 0 4px 8px #5e2c17;
background: url(https://forumstatic.ru/files/000b/09/4f/16442.webp) 0% 0% repeat;
background-color: var(--pun-background);
}

.punbb {
display:block;
width: auto;
}

#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: relative;
height: 0px;
margin: 0px 0px; 
}


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


/***   НАВИГАЦИЯ 1 ФОРУМ УЧАСТНИКИ   ***/
#pun-navlinks {
/*
z-index: 4;
position: relative;
*/
top: -0px;
z-index: 10;
-webkit-position: sticky;
position: sticky;
height: 44px;
line-height: 1.2;
padding: 4px 30px 2px;
margin: 0px -16px 0px !important;
border: 0px solid #5e371e;
border-width: 0px 0px 1px 0px;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 100%);
background-color: var(--body-background);
box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}


/***   НАВИГАЦИЯ 2 АКТИВНЫЕ ТЕМЫ УВЕДОМЛЕНИЯ   ***/
#pun-ulinks {
/*
position: relative;
padding: 10px 26px 8px;
margin: 5px -16px 10px;
*/
top: 43px;
z-index: 8;
-webkit-position: sticky;
position: sticky;
padding: 10px 10px 8px;
margin: auto -16px;
width: auto;
text-transform: lowercase;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px 1px 0px;
background: var(--pun-background);
}


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

#pun-navlinks .container {
margin: auto;
width: auto;
height: 100%;
align-items: center;
letter-spacing: 0.02em;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
font-family: Lora, OldStandart, Tahoma, sans-serif;
}

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

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

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

#pun-ulinks .container {
font-family: Tahoma, Trebuchet MS, Arial, sans-serif;
font-size: 11px;
}

#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: -14px !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 var(--pun-a-shadow);
background: var(--message-background) !important;
}

span.num_msg:before {
top: 15px !important;
background: var(--message-background) !important;
}

.bubble, .notify-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 var(--pun-a-shadow);
background: var(--message-background) !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: var(--message-background);
}

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



/*** ОТКЛЮЧАЕМ НАЗВАНИЯ ПОЛЕЙ И ЗАГОЛОВКИ ***/
h1.title-logo,
#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;
}


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


/***  ПЕРЕАДРЕСАЦИЯ  ***/
#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(--body-background) !important;
}

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

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


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


/***   ФОНД И ПРИВЕТСТВИЕ   ***/
#pun-status {
display: block;
position: relative;
margin: auto 0px auto;
padding: 0px 0px;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
text-align: center;
}

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

#pun-status .container span {padding: 12px 4px;}

/* приветствие и фонд по углам */
#pun-status .status-right {
clear: both;
float: none;
margin-left: auto;
}



/***  аватарка в строке приветствия  ***/
.status_userava>img {
object-fit: cover;
object-position: 50% 50%;
width: 100%; height: 100%;
transform: scale(1.08);
}
.status_userava>img:hover {transform: scale(1);}

.status_userava {
display: block;
margin: auto 8px auto 0px !important;
padding: 0px !important;
width: 32px;
height: 32px;
border-radius: 2px;
overflow: hidden;
flex-basis: 32px;
flex: none;
}



/***   ХЛЕБНЫЕ КРОШКИ   ***/
p.crumbs {
margin: 12px 0px; 
font-style: italic;
font-size: 12px; 
font-family: Dihjauti, Tahoma, serif;
text-align: center;
}
p.crumbs a {
font-weight: 600;
font-style: normal;
}

#pun-crumbs2 {padding-top: 16px;}


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


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

/*** блок с форумами в категории ***/
#pun-index #pun-main .category .container {
position: relative;
border-width: 0px 0px; 
border-radius: 0px;
background: transparent;
}

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


/*** СТРОКА форум - последнее сообщение ***/
#pun-index .category tr {
position: relative;
/* background-color: var(--pun-background-light); */
background-color: var(--pun-background-thin);
margin: 10px 0px;
padding: 15px;
position: relative;
display: grid;
grid-template-columns: 105px 3.5fr 1.5fr ;
grid-template-rows: 32px auto auto 1fr;
grid-template-areas:
". lone lfour"
"ltwo lone lfour"
"lthree lone lfour"
". lone lfour";
font-size: 11px;
border: 1px solid var(--pun-border-thin);
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
}

#pun-index .category tr:last-of-type {margin-bottom:0px;}
#pun-index .category tbody tr:first-of-type {margin-top: 0px;}


/* описание форума ссылка и внутренности */
#pun-index .category .tcl {
grid-area: lone;
padding: 0 25px;
border: 1px solid var(--pun-border-thin);
border-width: 0px 1px;
}

/* тем */
#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: auto 0px;
padding: 12px 0px 12px 25px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
font-size: 11px;
}

#pun-index .category .tcr em+a+br, .lastpost-link+br {display: none;}
a.lastpost-link {font-size: 12px;}


/*** Сообщений и Тем ***/
#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: block;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
margin: 0px 15px 0px 0px;
padding: 4px 0px;
text-align: center;
font-size: 11px;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
}


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


/***   ЗАГОЛОВОК-ССЫЛКА В ФОРУМ   ***/
div.tclcon h3 {
padding: 0px;
margin: auto auto 8px auto;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
text-align: center;
}

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

/*
div.tclcon h3 a {
padding: 0 8px 6px 24px;
}
*/


/*** МОДЕРАТОРЫ ***/
.modlist {
display: block; 
padding: 6px 6px 0 6px; 
text-align: center; 
font-size: 11px; 
font-style: italic; 
opacity: 0.8;
}


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


/*** ЮЗЕР-АВАТАР ***/
.punbb .user-avatar {
width: 32px !important;
height: 32px !important;
margin: 0px 14px 2px 0px !important;
overflow: visible;
}

.punbb .user-avatar a {
display: block;
overflow: hidden;
border-radius: 2px;
}

.punbb .user-avatar .avatar-image {
width: 32px !important;
height: 32px !important;
opacity: 0.9 !important;
border-radius: 2px !important;
}
.punbb .user-avatar .avatar-image:before {
content: '';
position: absolute;
z-index: 3;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
/* mix-blend-mode: overlay;  */
opacity: 0.15;
background-color: transparent;
border-radius: 2px;
transition: 0.22s linear;
}


.punbb .user-avatar .avatar-image:hover {
border-radius: 2px !important;
opacity: 1 !important;
}
.punbb .user-avatar .avatar-image:hover:before {
opacity: 0.0;
transition: 0.22s linear;
}

#pun-index .user-avatar {
position: absolute;
top: 50%;
left: -60px;
float: none;
clear: both;
height: 40px !important;
width: 40px !important;
margin: 0px auto !important;
transform: translateY(-50%);
border-radius: 2px !important;
}

#pun-index .user-avatar .avatar-image {
position: relative;
margin: 0px auto auto 0px;
height: 40px !important;
width: 40px !important;
transform: scale(1);
opacity: 0.75;
}

#pun-index .category .tcr .user-avatar:hover .avatar-image {transform: scale(1.1);}


/***   ИНДИКАТОР ОНЛАЙН   ***/
.punbb .user-avatar .isonline {
z-index: 8 !important;
width: 9px !important;
height: 9px !important;
right: -3px !important;
top: -3px !important;
bottom: auto;
background: var(--message-background) !important;
border: 1px solid var(--message-background);
border-radius: 50% !important;
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;
}


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


/*** РАЗДЕЛЕНИЕ НА 2 СТОЛБЦА РРП ***/
#pun-index .category-4 tbody.hasicon {
display:grid;
grid-template-columns: repeat(2, minmax(48%, 1fr));
grid-template-rows: auto; 
gap: 6px 6px;
}

/* блоки внутри форума РРП */
#pun-index .category-4 tbody tr, #pun-index .category-4 tbody tr:first-of-type {grid-template-columns: 1fr 1fr; margin:2px;
grid-template-rows: 1fr auto max-content;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";}

#pun-index .category-4 .tcl {
padding: 0 0 10px 0; 
border-width: 0px !important;
}
#pun-index .category-4 .tc2, #pun-index .category-4 .tc3 {
padding: 4px 0; 
margin-right: 0px; 
border: 1px solid var(--pun-border-thin); 
border-width: 1px 0px !important;
}
#pun-index .category-4 .tcr {
padding: 10px 0 0 0; 
border-top: 0px !important;
}

/* отступ РРП */
#pun-index .category-5 {margin-top:10px;}

/* иконки */
#pun-index .category-4 div.icon {
width: 36px; 
height: 16px; 
display: block; 
position: relative; 
float: left; 
top: 2px; 
left: auto; 
margin: auto 6px 10px 6px;
}
/*название и модераторы*/
#pun-index .category-4 div.tclcon h3 {text-align: center;}
#pun-index .category-4 .modlist {text-align:center;}


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


/*** СТАТИСТИКА ***/
#pun-stats {
margin: 4px 0px 10px;
}
#pun-stats ul.container {
font-size: 11px;
padding: 12px 24px 4px;
margin: 0px 0px 12px 0px;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1.1fr;
grid-template-rows: auto auto auto auto auto 1fr auto;
grid-template-areas:
"ntemy nsoob nrega nposl"
"nonln nonln nonln nonln"
"nusers nusers nusers nusers"
"nbirth nbirth 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 6px 10px;
font-family: Tahoma, Trebuchet MS, sans-serif;
text-align: center;
}
#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span {
display: block;
padding-bottom: 6px;
}

/*** Заменяем слова в статистике ***/
#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: 11px;
}

#pun-stats li.item3 span:before {content: 'Участники:';}
#pun-stats li.item4 span:before {content: 'Приветствуем:';}


/* Активны */
#pun-stats li.item5.onlinelist {
padding: 0 0 3px 14px;
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: 4px;
border-width: 0px 0 0 0;
}

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

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



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


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

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

/* ОБЪЯВЛЕНИЕ */
#pun-announcement {
margin: 16px -0px 46px;
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;
}

legend span {
padding: 3px 10px;
color: var(--pun-color-thin);
}

legend span:before, legend span:after {
display:inline-block;
}
legend span:before {content: '['; margin-right: 3px;}
legend span:after {content: ']'; margin-left: 3px;}

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

#pun-edit legend, legend.warntext {padding: 10px 0;}

/* блок с выборами или заполнениями и описаниями, список ЛС и сам пост письма*/
.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.3em 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: 10px;
}

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


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


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

.punbb #profile-left {
width: 30%;
text-align: center;
background: var(--pun-background);
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
}
#profile-left li {
margin: auto 12px 8px !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: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

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

#profile-left #profile-title {
font-size: 11px;
}

#profile-left #pa-edit {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

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

/* отделяем подпись */
#viewprofile #profile-signature {padding: 12px 14px 12px 14px;}

#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;
gap: 16px 14px;
overflow: hidden;
width: 100% !important;
}

#profile-right li {
padding: 8px 10px 12px !important;
text-align: center;
font-size: 11px;
background: var(--pun-background);
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
}

#profile-right li span {
margin-left: auto !important;
display: block;
clear: both;
float: none !important;
text-align: center !important;
width: auto !important;
padding: 6px 12px 4px;
font-weight: 600;
font-size: 11px;
color: var(--pun-color);
}

#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;
}
#profile-right #pa-fld2 {
order: -3;
}
#profile-right #pa-fld3 {
order: -2;
}
#profile-right #pa-fld4 {
order: -1;
}



/*** МЕНЮ отступ ***/
#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 12px -190px;
padding-bottom: 16px;
text-shadow: none;
border: 1px solid var(--pun-border);
border-radius: 2px;
background: var(--pun-background);
}

#profilenav ul {
padding: 0px 0px;
text-align: center;
font-weight: 600;
font-size: 12px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#profilenav li {padding: 6px;}


/* Заголовок предпросмотра профиля */
#profile #profilenav h2 {
margin: 0px 0px 10px !important;
padding: 10px 0px 6px 0px;
font-size: 12px;
font-weight: 600;
border: 0px solid var(--pun-border);
border-width: 0px 0px 1px 0px;
background: transparent;
}


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

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

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

#pun-messages #profilenav h2 {
width: 100%;
margin: 18px 0px 14px !important;
}
#pun-messages #profilenav h2:last-of-type {border-width: 1px 0px;}

#profilenav h2 span {
padding: 0 8px;
}

#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: 0px !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 18px !important;
padding: 8px 18px 8px;
font-size: 11px;
line-height: 1.1;
border: 1px solid var(--pun-border-thin);
border-radius: 2px;
background: var(--pun-background);
}

/* кнопка загрузки файлов */
#profile p.submitend {padding: 14px 8px;}
span.files-page-select {padding-top: 12px;}


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


/*** ОСНОВНОЙ ***/
/* Послать 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;}
div.checkfield .sub {margin-left: 16px;}


/*** НАГРАДЫ ***/
#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:before {
content: '-';
padding: 0 5px;
}

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

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

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

/* Табличное - общее */
.usertable {margin: 5px 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; font-size: 12px;}

.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;
font-size: 0.9em;
}

.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 {font-size: 11px;}
.forum .tcr span {
display: block;
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 0px;
padding: 8px 6px 7px 34px;
border-radius: 0px;
}

#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;}
#pun-modviewforum .modmenu .container input[type="submit"], #pun-multimove  .modmenu .container input[type="submit"] {margin: 16px 8px 10px;}


/* предпросмотр сообщения */
#post-preview .post-box {
margin: 1.4em auto 1.1em;
font-family: Verdana, Tahoma, sans-serif;
line-height: 1.5;
}
/* #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; 
font-style: italic;
font-size: 11px;
}

#pun-viewforum .category tr.isub {
padding: 15px;
margin: 0px 0px 12px;
position: relative;
display: grid;
grid-template-columns: 1fr 0.5fr;
grid-template-rows: auto;
border: 1px solid var(--pun-border-thin);
background: var(--pun-background-thin);
}

#pun-index tr.isub {margin: 10px 48px 10px 48px;}

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

/*** подфорумы внутри форума ***/
#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: 8px 5px;
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;}

/* подфорумы конкурсы */
#pun-viewforum[data-forum-id="33"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="46"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="53"] .category table tbody.hasicon {
display: grid;
grid-template-columns: repeat(2, minmax(48%, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
}

#pun-viewforum .category tr#forum_f50.isub, 
#pun-viewforum .category tr#forum_f51.isub,
#pun-viewforum .category tr#forum_f59.isub, 
#pun-viewforum .category tr#forum_f76.isub, 
#pun-viewforum .category tr#forum_f75.isub, 
#pun-viewforum .category tr#forum_f79.isub, 
#pun-viewforum .category tr#forum_f32.isub, 
#pun-viewforum .category tr#forum_f35.isub {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 15px 15px 8px;
}

#pun-viewforum .category tr#forum_f50.isub .tcl, 
#pun-viewforum .category tr#forum_f51.isub .tcl, 
#pun-viewforum .category tr#forum_f59.isub .tcl, 
#pun-viewforum .category tr#forum_f76.isub .tcl, 
#pun-viewforum .category tr#forum_f75.isub .tcl,
#pun-viewforum .category tr#forum_f79.isub .tcl,
#pun-viewforum .category tr#forum_f32.isub .tcl, 
#pun-viewforum .category tr#forum_f35.isub .tcl {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding-bottom: 12px;
}

#pun-viewforum .category tr#forum_f50.isub .tcr, 
#pun-viewforum .category tr#forum_f51.isub .tcr,
#pun-viewforum .category tr#forum_f59.isub .tcr, 
#pun-viewforum .category tr#forum_f76.isub .tcr, 
#pun-viewforum .category tr#forum_f75.isub .tcr,
#pun-viewforum .category tr#forum_f79.isub .tcr,
#pun-viewforum .category tr#forum_f32.isub .tcr,
#pun-viewforum .category tr#forum_f35.isub .tcr {
grid-column: 1 / -1;
grid-row: 2 / -1;
border-top: 1px solid var(--pun-border-thin);
}


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


/*** ИКОНКИ ***/
.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 12px auto 0px;
width: 12px;
height: 12px;
background: var(--pun-background);
border: 1px solid var(--pun-border);
border-radius: 0%;
}

.inew .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border);
background-color: var(--pun-background-shade);
}

.iclosed .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border-bold);
background: var(--pun-a-hover);
}

.isticky .intd div.icon {
opacity: 1;
border: 1px solid var(--pun-border);
background-color: var(--body-background);
}


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


/* иконки на главной */
#pun-index div.icon {
position: absolute;
top: 21px;
left: 15px;
display: block;
margin:auto;
width: 90px;
height: 20px;
background: var(--pun-background);
border: 1px solid var(--pun-border-thin);
outline:none;
border-radius: 0%;
opacity:1;
}

#pun-index div.icon.inew {
border: 1px solid var(--pun-border);
background-color: var(--body-background);
}


/* цифры непрочитанных сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
z-index: 8;
top: -2px;
left: -100%;
transform: translatex(-50%);
margin: auto auto auto -7px !important;
opacity: 1;
font-size: 8px !important;
color: var(--pun-color-light) !important;
text-shadow: 0px 0px 2px var(--pun-a-shadow);
border-radius: 2px !important;
background-color: var(--body-background) !important;
}


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


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

.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: 18px 0px 12px;
}

.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 {
margin: auto 2px;
padding: 2px 6px;
font-size: 11px;
text-transform: lowercase;
line-height: 100%;
border-radius: 2px;
border: 1px solid var(--pun-border);
background: var(--pun-background-light);
}

.pagelink strong {
font-size: 12px;
background: var(--pun-background-light);
}


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


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



/***   ДАТА ПОСТА И НОМЕР ПОСТА   ***/
h3 span {
display: block;
position: relative;
margin: 0px 0px 0px 0px;
font-size: 11px;
font-weight: 400;
font-family: Trebuchet MS, Tahoma, sans-serif;
text-align: center;
padding: 6px 16px 4px;
}

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


h3 span .permalink,
h3 span strong,
h3 span a, h3 span em {
background: transparent;
padding: 1px 12px;
}
h3 span a, h3 span em {padding: 0 3px;}

h3 span strong:first-of-type {
display: inline;
float: right;
}
h3 span strong:first-of-type:before {
content: '# ';
}

/* поделиться */
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: 22px 10px 20px !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: 10px 10px 12px;
width: var(--prwid);
align-self: start;
text-align: center;
font-size: 11px;
color: var(--pun-color-thin);
border: 1px solid #111;
border-radius: 0px;
background: var(--pun-background-light);
box-shadow: inset 0 0 3px 0px #ccc, inset 0 0 0 3px #272525, inset 0 0 5px 1px #88624e, 0 1px 4px rgb(var(--pun-box-shadow) / 25%);
}

.post-author ul {
background: transparent;
padding: 0px;
}

.post-author.online {padding: 14px 10px 12px;}
.post-author.online:before {
content: 'online';
display: block;
width: auto;
height: auto;
padding: 2px 10px;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
line-height: 1;
letter-spacing: 2px;
font-size: 8px;
color: var(--pun-color-light);
border-radius: 2px;
background: var(--body-background);
}


/* расстояние между блоками по умолчанию */
.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: Trebuchet MS, Tahoma, sans-serif;
font-size: 10px;
}
.post-author li.pa-online strong {font-weight: 600;}


/***   НИКНЕЙМ   ***/
li.pa-author, .pa-author {
position: relative;
margin: 0px -12px auto;
padding: 10px 6px 10px;
overflow-wrap: break-word;
line-height: 0.9;
text-align: center;
font-weight: 400;
/* letter-spacing: 0.02em; */
font-size: 16px;
font-family: Lora, OldStandart, Tahoma, Trebuchet MS, sans-serif;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 110%);
background-color: var(--body-background);
}

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


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

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

/* фикс высоты и ширины аватара */
.post-author .pa-avatar img {
max-width: 100%;
width: auto;
max-height: 220px;
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 var(--pun-border-thin);
border-radius: 0px;
} */


/***   РЕПУТАЦИЯ   ***/

li.pa-respect {
display: block;
position: relative;
margin: 6px -7px 6px;
padding: 8px;
width: auto;
color: var(--pun-color);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px 1px 0px;
border-radius: 0px;
background: var(--pun-background);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}

li.pa-respect .fld-name {
flex-basis: 100%;
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-respect a img {display:none;}
.pa-respect>a:before {
content: "\e9da"; /* e924 */
font-family: 'icomoon', 'icon';
font-weight: 400;
font-size: 0.9em;
color: var(--pun-a);
}
.pa-respect>a:hover:before {color: var(--pun-a-hover);}
.pa-respect>a:last-of-type:before {content: "\e9db";}

/*
.post[data-group-id="1"] .pa-ip, .post[data-group-id="2"] .pa-ip, .post[data-group-id="4"] .pa-ip, .post[data-group-id="5"] .pa-ip {display:none;}
*/
Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

55

Код:
/* БЫСТРЫЕ ПЛЮСЫ БЕЗ КОММЕНТАРИЕВ */
/***
.noNull:before { 
content: "+"; 
font-size: 9px; 
display: none; 
}
div.post-vote {
margin-bottom: 45px;
}
div .post-rating p>a, div.post-vote p>a {
z-index: 8;
display: flex;
justify-content: center;
width: 25px;
height: 25px;
font-weight: 600;
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(--pun-a-hover);
font-size: 17px;
font-family: 'icon', 'icomoon';
}
div .post-rating p>a:hover:after, div.post-vote p>a:hover:before {color: var(--pun-a);}
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: '\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;}


/***   ПРЕДУПРЕЖДЕНИЯ   ***/
.post-author li.pa-fld1 {
display: block;
position: relative;
margin: 6px -10px 6px;
padding: 4px 8px 4px;
width: auto;
line-height: 120%;
border: 0px solid var(--pun-border-thin);
border-width: 0px 0px;
border-radius: 0px;
}


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


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


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

.post-box {
position: relative;
padding: 0px 10px;
font-family: Verdana, Tahoma, sans-serif;
text-align: justify;
letter-spacing: 0.02em;
}

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

/* ссылки под постом */
.post-links {
margin: 12px 0px 4px;
padding: 3px 5px;
text-align: right;
letter-spacing: 0.02em;
font-size: 12px;
font-weight: 400;
font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
border: 1px solid transparent;
border-width: 1px 1px 1px 0px;
border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--pun-border-thin) 100%);
border-image-slice: 1;
}
.isguest .post-links {display: none;}


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

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


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


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

.punbb .post-content ul {padding: 0 0 1em 2.2em;}

.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;
text-align: center;
}
#pun-respect .tc3, #pun-positive .tc3 {word-break: break-word;}


/* подпись - разделитель и текст */
.post-sig {padding: 4px 0px 14px 0px;}
.post-sig dt {
display: block;
height: 1px;
width: 95%;
margin: 1.5em auto 1.1em;
opacity: 1;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, var(--pun-border) 20%, var(--pun-border) 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: var(--pun-background-thin);
border: 1px solid var(--pun-border-thin);
border-radius: 0px;
box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
}

.post-content .code-box {
font-size: 0.9em;
border: 0px double var(--pun-border-thin);
border-width: 1px 3px;
}
.post-content div.code-box.copied {opacity:0.95;}
.post-content div.code-box.copied strong {background: var(--pun-a);}


/*** УБИРАЕМ ЛИШНИЙ ОТСТУП В ЦИТАТЕ ***/
.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: inline-block;
position: relative;
margin: 0px auto 10px -22px;
padding: 4px 22px 4px 14px;
width: auto;
text-align: center;
font-weight: 600;
font-size: 11px;
font-family: Trebuchet MS, Tahoma, sans-serif;
letter-spacing: 0.04em;
color: var(--pun-color-light);
background: var(--body-background);
border-radius: 0px 2px 2px 0px;
}

/*** максимальный скролл в блоке кода ***/
.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 {
border: 1px solid var(--pun-border-thin);
border-radius: 0px;
border-width: 1px 0 0 0;
}

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

.post-content .spoiler-box>div {
background-image: none !important;
padding: 14px 16px 14px 44px !important;
box-shadow: none;
display: block;
position: relative;
font-size: inherit;
}


/*** звезда на спойлере ***/
.post-content .spoiler-box>div:before {
content: '\f067';
font-family: icomoon, FontAwesome, 'icon';
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 44px;
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;
}

.post-content .spoiler-box > blockquote a[onclick^="clickSP"] {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
border-top: 1px solid var(--pun-border-thin);
margin: 14px auto -10px;
padding: 3px 6px;
}



/***  РЕЙТИНГ ПОСТА  ***/
div.post-rating p {position: relative; z-index: 5;}
#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(--pun-background);
border: 1px solid var(--pun-border);
border-radius: 2px;
color: var(--pun-a);
}
#pun div.post-vote a {font-size: 11px !important; position: relative; padding: 2px 8px 4px;}
#pun div.post-rating a:hover, #pun div.post-vote a:hover {color: var(--pun-a-hover);}

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


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


/* Тему читают */
#topic-users-in {
position: relative;
margin: auto -16px;
padding: 10px 24px 8px 36px;
line-height: 150%;
font-size: 11px;
color: var(--pun-color);
border: 0px solid var(--pun-border-thin);
border-width: 1px 0px;
background: rgb(178 164 152 / 28%);
}

#topic-users-in a {font-size: 12px;}

#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: 10px;
font-style: italic;
opacity: 0.55;
}


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


/* картинки и текст рядом */
.punbb .post-content img.postimg {
vertical-align: middle;
max-height: 1400px; max-width: 100%;
width: auto; height: auto;
}

* img {width: auto; max-width: 100%; height: auto;}


/* таблица опроса*/
#poll-special div.formal.vote-result table td {width: 33%;}

#poll-special td h1 {
display: block;
margin: auto 0px;
height: 8px !important;
background-image: none;
background-color: var(--message-background);
padding: 2px;
}

#poll-special td h1:before, #poll-special td h1:after {display: none;}

#poll-special td span {padding: 0 1em;}
#poll-special table.poll2 tr td:first-child {text-align: right !important;}
#poll-special table.poll2 tr td.tac {text-align: center !important;}

/* опрос да-нет*/
#poll-special.section.type-3 div.formal.vote-result table td {width: auto;}


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


/* bb-кнопки */
#form-buttons {
padding: 5px 4px 4px;
margin: 0.2em auto;
}
#post-form fieldset {
padding: 0.35em 0 0.625em;
}
#post-form fieldset .fs-box, #pun-messages form#post {
margin: 0.2em 0em 0.3em;
padding: 0 30px;
}
#pun-messages form#post {
margin: 0.2em 0em 1.1em;
}
#post-form #form-buttons {
padding: 4px 0px 4px 4px;
margin: 0.5em 0px 0px;
}


/* оболочка поля ответа */
textarea {
outline: none;
max-width: 100%;
line-height: 153%;
padding: 14px;
margin: 6px 0px 2px;
font-size: 1.15em;
}

/* расширитель */
div.grippie {filter: contrast(0.3);}

/* чтобы не плясал текст */
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}


/***   СПИСОК BB-КНОПОК   ***/
.punbb .hashelp {position: relative;}

#pun_wrap #post .container[id$="-area"],
#tags .container {
display: block;
overflow: auto;
max-height: 270px;
text-shadow: none;
border: 1px solid var(--pun-border);
border-radius: 3px;
background: var(--pun-background);
}

#form-buttons+#tags {position: relative;}

#tags .container {
position: absolute;
right: 6px;
top: 33px !important;
z-index: 2;
padding: 12px;
text-align: center;
}
#tags tr {display: table-row;}

#pun #post #mentions-area {
text-shadow: none;
background: var(--pun-background);
}

#pun-messages #post-form div.container {
padding-left: 12px !important;
}

#font-area div, #size-area div, #addition-area div {
height: auto !important;
padding: 4px 8px;
}

#font-area div:hover, #size-area div:hover, #addition-area div:hover {
background: var(--pun-background);
filter: brightness(1.04);
}

#image-area-tcon-computer {margin-bottom: 0.6em;}
#image-area {max-width: 430px;}

#pun #video-area-tinp, #pun #image-area-tinp {border: 1px solid var(--pun-border);}

#keyboard-span input {
margin: 2px !important;
padding: 2px 8px !important;
border: 1px solid var(--pun-border-thin) !important;
border-radius: 0px;
background-image: none;
background-color: var(--pun-background-light) !important;
box-shadow: none;
color: inherit !important;
text-shadow: none;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
}
#keyboard-span input:hover {
background: var(--pun-background-light) !important;
border: 1px solid var(--pun-border) !important;
}


/* BB-теги  */
/*****************************************
/* BB-теги иконками */
#form-buttons tr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
grid-template-rows: auto;
gap: 6px 6px;
}

#form-buttons td {
position: relative;
height: 24px;
font-family: 'icomoon', 'icon';
font-size: 15px;
font-weight: 400;
background-image: none !important;
opacity: 0.8;
}

#form-buttons td:hover {
opacity: 1;
color: var(--pun-a);
}

#form-buttons td:before {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}


#button-font:before {
content: "\f031";
}
#button-size:before {
content: "\f034";
}
#button-bold:before {
content: "\f032";
}
#button-italic:before {
content: "\f033";
}
#button-underline:before {
content: "\f0cd";
}
#button-strike:before {
content: "\f0cc";
}
#button-left:before {
content: "\e90f";
}
#button-center:before {
content: "\e90d";
}
#button-right:before {
content: "\e910";
}
#button-link:before {
content: "\e909";
}
#button-spoiler:before {
content: "\e938";
}
#button-image:before {
content: "\f03e";
}
#button-video:before {
content: "\e94d";
}
#button-hide:before {
content: "\e92c";
}
#button-quote:before {
content: "\f27b";
}
#button-code:before {
content: "\f121";
}
#button-color:before {
content: "\f1fc";
}
#button-table:before {
content: "\ea71";
}
#button-smile:before {
content: "\e906";
}
#button-keyboard:before {
content: "\f11c";
}
#button-addition:before {
content: "\f0d7";
}
#button-files_rusff:before {
content: "\e90a";
}
#button-graffiti_rusff:before {
content: "\e941";
}

#button-files_rusff, #button-graffiti_rusff {display: none !important;}


/* дополнения */
#button-transL:before {
content: "\e92b";
}
#button-indent:before {
content: "\e913";
}
#button-sticker:before {
content: "\e919" !important;
}
#button-mask:before {
content: "\e944";
}
#button-ChangeСase:before {
content: "\ea61";
}
#floatbut:before {
content: "\f0ea";
}


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

#post-form .fs-box p.checkfield {padding-top: 0.8em;}


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


/*** КНОПКИ ***/
/* центрируем кнопки */
#post-form .formsubmit {
text-align: center;
}

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

#viewprofile-next #pa-edit a,
#pun-profile a.vip,
input[class="button"], input[class="button submit"], input[type="button"], input[type="submit"], input[name="ban"],
.button {
cursor: pointer;
-webkit-transition: 0.16s linear;
-moz-transition: 0.16s linear;
transition: 0.16s linear;
margin: auto 4px;
padding: 5px 12px 6px !important;
text-transform: lowercase;
letter-spacing: 0.06em;
font-weight: 400 !important;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif !important;
font-size: 12px;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 1px solid var(--pun-a-shadow);
border-radius: 2px;
background: var(--body-background);
box-shadow: inset 0 14px 7px -5px var(--pun-background-shade);
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover,
#pun-profile a.vip:hover,
input[class="button"]:hover, input[class="button submit"]:hover, input[type="button"]:hover, input[name="ban"]:hover,
.button:hover {
cursor: pointer;
background: var(--pun-background-shade);
filter: brightness(1.08) contrast(1.05);
}

/*** Улучшить аккаунт ***/
#pun-profile a.vip {display:inline-block;}


/* кнопка отправить */
input[name="submit"],
input[id="reputationButtonSend"],
#viewprofile-next #pa-edit a {
background: #650f00;
box-shadow: none;
}
input[name="submit"]:hover,
input[id="reputationButtonSend"]:hover,
#viewprofile-next #pa-edit a:hover {
background: #8d1500;
}

input[value="Кинуть Дайс"] {float: right;}



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


/*** АДМИНКА ***/
#pun .punbb-admin #pun-navlinks,
#pun .punbb-admin #pun-ulinks {position: relative; top: 0px;}

#pun-admain {
background-color: var(--pun-background);
color: var(--pun-color);
}

#pun.ismoderator .punbb-admin #pun-status, #pun.isadmin .punbb-admin #pun-status {
margin: auto 0px;
}

.punbb-admin .linksb {
display: flex;
flex-wrap: wrap;
height: auto !important;
padding: 1em 0;
font-size: 1.1em;
}

div.adcontainer {background-color: var(--pun-background);}

#pun-adnav ul.adsubnav li {color: var(--pun-a-hover) !important;}

#pun-admain h1, #pun-admain h2, #pun-admain h3, #pun-admain h4, .adformal h2, #pun-adnav h2, .adformal h2, #pun #pun-adnav h2 {
font-size: 10px !important;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
}
#pun-admain h2 span {
background: transparent;
transform: translateY(0%);
}

/*для мелочи */
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {
padding: 16px 8px 12px !important;
}

#pun-admain span[class="adinput"] input:not([type="radio"]), #pun-admain input:not([type="radio"]), #pun-admain span[class="adinput"] input:not([type="checkbox"]), #pun-admain input:not([type="checkbox"]), #pun-admain input:not([type="submit"]), #pun-admain span[class="adinput"] label, 
#pun-admain textarea,
#pun-admain select,
#pun-admain optgroup {
width: 100%;
}

#pun-admain input[type="submit"], #pun-admain input[type="checkbox"], #pun-admain input[type="radio"],
#pun-admain p.submitend input.button,
#pun-admain input.button {
width: auto !important;
}

#pun-admain input[type="submit"], #pun-admain p.submitend input.button, #pun-admain input.button {
font-size: 11px;
letter-spacing: 0.03em;
width: auto;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
border-left-width: 20em;
border-color: transparent !important;
background-color: rgb(255 255 255 / 30%) !important;
}

#pun-admain .adlabel {
margin-left: -18em !important;
width: 18em !important;
padding-left: 1em;
padding-right: 0em !important;
}

.punbb div.adminmain.post {
padding: 0 0 0 15em !important;
margin-top: 0px;
}

#pun-adnav .isactive ul.adsubnav a {border-bottom: none;}

.award-edit {margin-right: 1em !important;}

#pun-admain input, #pun-admain select {width: auto;}

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

#pun #pun-admain .adcontainer td {border-width: 0px;}

/* сервисный баннер */
.admin-advert-block {
width: 100% !important;
margin: 10px;
text-align: center;
pointer-events: auto;
}
#pas_remember {position: absolute !important; text-align: center !important;}

.admin-advert-block a {color: var(--pun-a);}
.punbb-admin #filetable {font-size: 11px;}

input[type="checkbox"] {
border: 1px solid var(--pun-border);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .1s linear 0s;
height: 1em;
}

input[type="radio"] {
border: 1px solid var(--pun-border);
border-radius: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px !important;
cursor: pointer;
transition: all .2s ease-in-out 0s;
height: 1em;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
height: 1em;
background: var(--message-background) !important;
border: 1px solid #1d1e1f;
}


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


/* страница нет новых сообщений */
h1+div.info {padding: 1.2em 2em 1.2em;}

/* заплатки для страницы регистрации */
form#register div.info-box {
margin: 0.2em 1.35em 0.3em;
text-align: justify;
}

form#register div.info-box p {
padding: 0 0 0.9em 0;
line-height: 140%;
}

/* списки на страницах VIP */
#forum-vip ul li, #forum-foundation ul li {
list-style-type: disc;
padding-bottom: 0.5em;
margin-left: 2em;
}

#pun-help h3 {
margin: 1.2em auto;
width: 80%;
}

#pun-help p {padding-bottom: 0.8em;}
#pun-help dl, #pun-help ul {padding-bottom: 0.6em;}
#pun-help dl dt, #pun-help ul li {padding: 0 0 0.6em 1em;}
#pun-help dd {padding: 0 0 2em 1em;}


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


/*** ВСПЛЫВАЮЩИЕ ОКНА ***/
.modal-inner, .inner, #pun .modal-inner {
padding: 12px 16px;
color: var(--pun-color);
border: 1px solid var(--pun-border);
border-radius: 0px;
background-color: var(--pun-background);
}
#pun .pun-modal .container {overflow: auto; padding: 0.5em 0em;}

#pun #pun-reputation .inner {top: 42%;}
#pun .pun-modal.rating_theme #all_voters tbody {overflow-y: hidden;}
#pun .pun-modal.rating_theme .container {overflow-x: hidden;}
#pun .pun-modal #all_voters figure {width: auto; max-width: 82px;}

#pun .pun-modal .closer {
font-family: Tahoma, Verdana, sans-serif;
font-size: 18px !important;
margin-right: 4px !important;
}
.inner td {vertical-align: top;}

#pun .pun-modal h2 {margin: 0px auto 20px auto!important;}


/* перемещение сообщений */
#move_posts_form thead tr, #move_posts_form tbody tr {
padding-right: 8px;
border-bottom: 1px solid rgba(7, 10, 14, 0.16);
display: grid !important;
align-items: center;
grid-template-columns: 1fr auto;
justify-items: start;
}


#pun #pun-report .bg, #pun #pun-reputation .bg, #pun #pun-admin-award-form .bg {
background-color: rgba(0, 0, 0, 0.5);
}


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


/***   ЗАКЛАДКИ   ***/
#BookmCntToggle {
top: 10px !important;
color: var(--pun-background-shade) !important;
background: var(--pun-background) !important;
height: 26px !important;
width: 26px !important;
z-index: 11 !important;
opacity: 0.85 !important;
}
#BookmCntToggle:hover {opacity: 1 !important;}

#MyBookmarks {
margin-top: 100px;
background: var(--pun-background);
min-height: 150px;
max-height: 460px;
}

#MyBookmarks h2, #MyBookmarks h1 {
margin: 0px 0px 4px;
padding: 6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: var(--pun-a-author);
text-shadow: 0 0 2px var(--pun-a-shadow);
border: 0px solid transparent;
border-width: 0px;
background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 0%, var(--pun-background-shade) 10%, var(--body-background) 110%);
background-color: var(--body-background);
}
#MyBookmarks h2 span {
padding: 0 0px;
display: inline-block;
background: transparent;
}

#MyBookmarks .container {
height: auto;
max-height: 440px;
}

#MyBookmarks inner {padding-top: 30px !important; overflow-y: auto;}

.editBookmark {background-color: var(--pun-background);}

/* инфа о новом ЛС */
div.jGrowl-notification {margin: 6px 10px 10px;}


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


/*** ОТСТУПЫ РАЗНЫХ БЛОКОВ ***/
#pun-stats li.item5.onlinelist {padding: 8px 20px 4px 0px;}
#pun-stats li.item5.users_24h {padding: 0px 0px 8px;}

#viewprofile div.container table {
margin: auto 20px 12px;
width: calc(100% - 40px);
}

#pun-userlist .usertable, #pun-online div.online-list,
.linkst, .linksb,
div.modmenu,
#pun-viewforum #pun-main div.container,
#pun-searchtopics #pun-main div.container,
#punbbsearch.container,
#userlist.container,
#pun-movetopic fieldset, #pun-movetopic p.formsubmit {
padding-left: 12px;
padding-right: 12px;
}

#punbbsearch.container {padding: 10px 12px;}
#pun-register p.formsubmit, 
#punbbsearch p.formsubmit,
#pun-login p.formsubmit {margin-left: 1.35em;}

#pun-delete p.formsubmit, #pun-deleteuser p.formsubmit {margin: 0.8em 22px;}


#pun-messages form#messages {
margin-left: 180px;
padding-left: 20px;
padding-right: 20px;
}

#pun-announcement div.container {padding-left: 0px; padding-right: 0px;}


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


/*** СТРЕЛКИ ***/
.topbot {
position: absolute;
right: -16px;
z-index: 4;
display: block;
}

.go-up, .go-down {
cursor: pointer;
display: none;
position: fixed;
z-index: 12;
box-sizing: border-box;
text-align: center;
font-family: Tahoma, Verdana, sans-serif;
font-size: 9px;
overflow: hidden;
width: 24px;
height: 40px;
line-height: 1;
color: var(--pun-color-light);
border: 1px solid var(--pun-border-bold);
border-radius: 2px;
background-color: var(--body-background);
opacity: 1;
}
.go-up {
padding-top: 13px;
bottom: calc(42% + 60px);
}
.go-down {
padding-top: 14px;
bottom: 42%;
}
.go-down:hover, .go-up:hover {
color: var(--pun-a-author);
background-color: #131313;
}


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


/*** РЕАКЦИИ ***/
.reactions-root {margin-top: 8px;}

#pun .post-body .reactions-container {
justify-content: flex-end;
margin-right: 4px;
}
#pun .post-body .reaction-picker-panel {right: 0;}

#pun .post-body .emoji-mart {
border: 1px solid var(--pun-border);
border-radius: 2px;
background: var(--pun-background);
box-shadow: none;
font-size: 11px;
}
#pun .emoji-mart-bar {border: 0px solid transparent;}

#pun .post-body .reaction-chip {
background-color: var(--pun-background);
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
}
#pun .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: var(--pun-background);
filter: brightness(1.02);
}
#pun .post-body .reaction-picker-button {
border-radius: 2px;
width: 18px; height: 18px;
padding: 4px;
margin-top: 4px;
}
#pun .post-body .reaction-chip.reaction-chip--clicked {
border-radius: 3px;
border: 1px solid var(--pun-border-thin);
background: transparent;
color: var(--pun-color-thin);
box-shadow: none;
}
#pun .reactions-root .emoji-mart-search input {
margin-bottom: 6px;
border: 1px solid var(--pun-border);
box-shadow: none;
border-radius: 2px;
background: var(--pun-background-light);
font-size: 11px;
}
#pun .emoji-mart-category-label span {
background: var(--pun-background-thin);
border: 1px solid var(--pun-border-thin);
}
#pun .emoji-mart-anchor {color: var(--pun-a);}

#pun .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected {
color: var(--pun-a-hover);
}
#pun .emoji-mart-anchor-selected {color: var(--pun-a-hover) !important;}
#pun .emoji-mart-anchor-bar {background-color: var(--pun-a-hover) !important;}

#pun .reactions-root .emoji-mart-category .emoji-mart-emoji:hover:before {
background-color: rgb(244 244 244 / 65%);
}



/*************************шиповничек**********************************/



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



/***   MOBILE STYLE   ***/
@media screen and (max-width: 1080px) {
#pun {width: auto; max-width: 1040px;}

#selectMobVers, #selectDescVers {display: block;}
#selectDescVers {
border: 1px solid var(--pun-border-bold);
background: var(--body-background);
}
#selectDescVers:before {
color: var(--pun-a-author);
}
#selectMobVers {
border: 1px solid var(--pun-border-bold);
background: var(--body-background);
}
#selectMobVers:before {color: var(--pun-background);}

.topbot {right: -1px;}
#chfont {right: 31px;}

#BookmCntToggle {
position: absolute !important;
top: -120px !important;
left: 0px !important;
}
#panel {
position: absolute;
top: -40px;
left: -249px;
}
}


@media screen and (max-width: 898px) {
#selectMobVers {
border: 1px solid var(--pun-border-bold);
background: var(--body-background);
}
#selectMobVers:before {
color: var(--pun-a-author);
}
#selectDescVers {
border: 1px solid var(--pun-border-bold);
background: var(--body-background);
}
#selectDescVers:before {color: var(--pun-background);}


}



@media screen and (max-width: 850px) {
/* СМЕНА МЕНЮ ПОЛЬЗОВАЕЛЯ */
#pun-ulinks {
text-align: center;
width: auto;
height: 33px;
padding: 8px 30px 8px;
}
#pun-ulinks .container {flex-direction: column; position: relative;}
#pun-ulinks:before {
content: 'Меню пользователя';
margin: auto;
text-transform: uppercase;
font-family: Tahoma, Arial, sans-serif;
font-weight: 600;
font-size: 11px;
letter-spacing: 1px;
color: var(--pun-a);
}

#pun-ulinks ul {
position: absolute;
top: 6px;
width: 92%;
margin-left: 4%;
z-index: 10;
padding: 0 10px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
border: 1px solid var(--pun-border);
background-color: var(--pun-background);
}

#pun-ulinks:hover ul {-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}

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

#pun-ulinks ul li a {
padding: 7px 4px;
margin: 3px 0px 0px;
display: block;
font-size: 12px;
border-bottom: 1px solid var(--pun-border-thin);
color: var(--pun-a);
}
#pun-ulinks ul li a:hover {color: var(--pun-a-hover);}

#pun-ulinks ul li:last-child a {
margin-bottom: 2px;
border-bottom: 0px solid transparent;
}

#pun-ulinks li:nth-child(4), #pun-ulinks li.item5 {display: none;}

#pun .post-body div.html-post-box {overflow: hidden;}
select {width: 90%;}


/* предпросмотр профиля*/
#viewprofile div.container table {margin: auto; width: 100%;}

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {display: flex; flex-direction: column;}
#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}
#viewprofile #profile-signature {padding: 14px 0px 12px 0px;}
}



@media screen and (max-width: 760px) {
/* СЖИМАЕМ МЕНЮ ФОРУМА иконки на навигацию */
#pun-navlinks li a {font-size: 0px;}
#pun-navlinks li a:before {
overflow: hidden;
display: inline;
font-family: 'icomoon', 'fontawesome', 'icon';
}
#pun-navlinks li#navindex a:before {
content: "\e952"; /*f015*/
}
#pun-navlinks li#navuserlist a:before {
content: "\e92f";
}
#pun-navlinks li#navsearch a:before {
content: "\e986";
}
#pun-navlinks li#navprofile a:before {
content: "\f2bc";
}
#pun-navlinks li#navpm a:before {
content: "\f003";
}
/*
#pun-navlinks li#navadmin a:before {
content: "\f012";
}
*/
#pun-navlinks li#navlogout a:before {
content: "\e93f";
}
#pun-navlinks li#navregister a:before {
content: "\f067";
}
#pun-navlinks li#navlogin a:before {
content: "\e93e";
}

/* баннеры */
#pun-navlinks li#navextra1 a:before {
content: "\e951";
}
/* читатель */
#pun-navlinks li#navpr_1 a:before {
content: "\e938";
}
/* реклама */
#pun-navlinks li#navpr_2 a:before {
content: "\f0ea";
}
/* быстрый вход */
#pun-navlinks a#New-exit:before {content: "\ea14" !important; top: 50%;}
#pun-navlinks a#New-exit {
width: 26px;
height: 26px;
margin-top: 2px !important;
margin-left: 6px;
}

#pun-navlinks .container {
margin: auto;
font-weight: 400;
justify-content: center;
gap: 0 8px;
width: 100%;
}
#pun-navlinks li a span {font-size: 0px; display: none;}
#pun-navlinks li a:before {
font-size: 18px;
padding: 2px 2px 2px 6px;
}
#pun-navlinks li#navadmin span, #pun-navlinks li#navadmin span:before {
font-size: 0px;
display: none;
}
#pun-navlinks li#navadmin a:before {content: "\e927";}
/* #pun-navlinks a:hover {filter: brightness(1.4) contrast(1.1);} */


/* главная страница */
#pun-index .category tr {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"lone lone"
"ltwo lthree"
"lfour lfour";
padding: 14px 20px 8px;
}

#pun-index .category .tc2, #pun-index .category .tc3 {display:none;}

#pun-index .category .tcl {
padding: 0 0px 12px 0;
border: 1px solid var(--pun-border-thin);
border-width: 0 0px 1px 0;
}
#pun-index .category .tcl .intd {font-size: 12px;}
#pun-index .category .tcr {
font-size: 12px;
padding: 12px 0px 12px 0px;
text-align: right;
align-items: flex-end;
}


/* разделение на два столбца - возвращение в строки */
#pun-index .category-4 tbody.hasicon {
display: table-cell;
}

#pun-index .category-4 tbody tr, #pun-index .category-4 tbody tr:first-of-type {
margin: 10px 0px;
padding: 14px 20px 8px;
}

#pun-index .category-4 .tcl {border-width: 0 0px 1px 0 !important;}
#pun-index .category-4 .tcr {padding: 12px 0px 12px 25px;}


/* Название ссылки в форум */
div.tclcon h3,
#pun-index .category-4 div.tclcon h3 {text-align: left; margin: auto auto 8px 34px;}
#pun-index div.icon,
#pun-index .category-4 div.icon {
clear: both;
position: absolute;
margin: auto;
top: 14px;
left: 20px;
width: 20px;
height: 20px;
}

/* аватарки в категориях */
#pun-index .user-avatar .avatar-image {display: none;}

ul.tess {padding: 6px 10px; border-width: 0px;}



/** статистика **/
#pun-stats ul.container {
grid-template-columns: 1fr 6px 1fr;
grid-template-rows: repeat(5, auto);
grid-template-areas:
"ntemy . nrega"
"nsoob . nposl"
"nonln nonln nonln"
"nusers nusers nusers"
"nbirth nbirth nbirth";
padding: 14px 10px 0;
text-align: center;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
margin: 2px 0px;
padding: 0px 5px;
}
#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span {
display: inline-block;
padding: 0 6px 0 0;
}

#pun-stats li.item5.onlinelist {
padding: 12px 0px 6px;
border-width: 0px;
}

#pun-stats li.item5.users_24h {padding: 0px 0px 8px;}

#pun-stats li.item5.users_24h>div span {
max-height: 140px;
overflow: auto;
margin-top: 4px;
}


/* табла внутренняя */
#pun-viewforum .category tr.isub {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
#pun-viewforum .category tr.isub .tcl {
padding: 0 0px 4px;
border-width: 0px;
grid-column: 1 / -1;
grid-row: 1 / 2;
}
#pun-viewforum .category tr.isub .tcr {
grid-column: 1 / -1;
grid-row: 2 / 3;
margin-top: 6px;
padding: 8px 0 2px;
border-top: 1px solid var(--pun-border-thin);
}
#pun-viewforum .category tr.isub div.icon {display: none;}
#pun-viewforum tr.isub td.tcl div.tclcon h3 {
margin: auto auto 8px auto;
padding: 0px;
text-align: center;
}


/* внутри форума */
#pun-viewforum thead, #pun-messages thead, #pun-searchtopics thead {
display: none;
font-size: 0px;
}

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

#pun-viewforum .forum tr {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
padding: 4px 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

#pun-viewforum .forum tr:last-child {border-bottom: 0px solid transparent;}

#pun-viewforum .main td.tcl {padding: 8px 5px 0px;}

#pun-viewforum .main td.tcr {
font-size: 11px;
text-align: right;
padding: 10px 5px 10px 30px;
}

.intd div.icon {margin: auto 14px auto 0px;}

.forum .tcr span {margin-top: 2px;}


/* аватарки у ссылки */
.punbb .user-avatar {display: none;}

#pun-viewforum #pun-main div.container {
padding-left: 6px;
padding-right: 6px;
}

#topic-users-in {padding: 0.8em 10px 0.7em;}

/* модерирование тем */
#pun-modviewforum .forum tr {
padding-left: 4px;
grid-template-columns: 1fr 50px;
grid-template-rows: auto auto;
border-bottom: 1px solid var(--pun-border-thin);
}

#pun-modviewforum .forum tr:last-child {border-bottom: 0px solid transparent;}

#pun-modviewforum .forum .tcl {
grid-column: 1 / 2;
grid-row: 1 / 2;
}

#pun-modviewforum .forum .tcmod {
grid-column: 2 / 3;
grid-row: 1 / 2;
}

#pun-modviewforum .forum .tcr, #pun-modviewforum .forum .tc2, #pun-modviewforum .forum .tc3 {display: none;}

#pun-modviewforum .modmenu {
padding-left: 4px;
padding-right: 4px;
margin: 1.4em -16px 0.8em -16px;
}

/* посты, профиль, редактирование */
.post-body {
padding-left: 0;
margin-left: 0px;
font-size: 13px;
}

.post-box {padding: 0px 2px;}
.post-body,
.post-content .quote-box, .post-content .code-box, .post-content .hide-box  {
line-height: 1.4;
}

.punbb .post h3+.container {padding: 4px 8px 16px 8px !important; line-height:1;}


.post-author {
--prwid: 100%;
font-size: 1em;
margin: 14px 0px 18px 0px;
padding: 12px 14px 14px;
position: relative;
top: 0px;
float: none;
clear: both;
}
.post-author.online {
padding: 14px 14px;
}


.post-author ul {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr auto auto;
align-items: center;
gap: 0px 8px;
margin: 0px;
}

/* скрываем раскрываем блоки профиля */
.post-author li,
.post-author li.pa-fld1, .post-author li.pa-fld2, .post-author li.pa-fld3, .post-author li.pa-fld4, .post-author li.pa-fld5 {
display: none;
}

.post-author li.pa-avatar, .post-author li.pa-author, .post-author li.pa-title, .post-author li.pa-respect {
display: block;
margin: auto;
}

#pun .pa-posts {margin: auto;}


.post-author li.pa-avatar {
grid-column: -2 / -1;
grid-row: 2 / -1;
}

.post-author li.pa-author {
grid-column: 1 / -2;
grid-row: 2 / 3;
margin: auto 0px;
padding: 6px 4px 4px;
border-width: 0px;
background: transparent;
box-shadow: none;
}

li.pa-author a, .pa-author a, .pa-author {
font-weight: 400;
font-size: 17px;
color: var(--pun-a);
text-shadow: 0 0 0 var(--pun-a);
border-width: 0px;
background: transparent;
box-shadow: none;
}

.post-author li.pa-title {
grid-column: 1 / -2;
grid-row: 3 / -2;
margin: auto 0px;
padding: 4px 0px 6px;
}

.post-author li.pa-respect {
grid-column: 1 / 2;
grid-row: -2 / -1;
border-width: 0px;
background: transparent;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}

#pun .pa-author a {letter-spacing: 0em;}

.post-author li.pa-respect {
font-size: 11px;
margin: auto 0px;
padding: 6px 0px 0px 0px;
}

li.pa-respect .fld-name {
flex-basis: auto;
display: inline-block !important;
padding: 0px 10px 0px 0px;
font-size: 11px;
}

/* аватарка */
.post-author li.pa-avatar img {
background-size:cover !important;
object-fit: cover;
width: 54px;
height: 54px;
}

/* аватар в ЛС */
#pun-messages .post-author li.pa-avatar img {
background-size:cover !important;
object-fit: cover;
width: 50px;
height: 50px;
}

/* ссылки редактирования поста */
.post-links {
margin: 12px 4px 4px 4px;
border-width: 0px;
}

.post-links ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.post-links li {
flex: auto;
text-align: center;
margin: 4px 3px;
border-radius: 2px;
border: 1px solid var(--pun-border-thin);
background: var(--pun-background);
}

/* подпись */
.post-sig dd {display: none;}

/* цитата, код, спойлер */
.post-content .quote-box, .post-content .code-box, .post-content .hide-box {
margin: 12px 0px 12px 0px;
padding: 12px 14px;
}
.post-content .spoiler-box>blockquote {padding: 12px 14px !important;}

.quote-box cite, .code-box .legend, .hide-box cite {margin: 0px auto 10px -16px;}


legend {margin: auto auto 0px 0px;}
#post-form legend {line-height: 2em;}

#post-form fieldset .fs-box, #pun-messages form#post {padding: 0px;}

/* пагинация */
.linkst, .linksb {
padding-left: 0px;
padding-right: 0px;
row-gap: 12px;
}
#pun-viewforum .linkst, #pun-viewforum .linksb {
grid-template-columns: auto;
row-gap: 10px;
}
.linkst {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.linkst .pagelink {
grid-column: 1 / -1;
grid-row: 1 / 2;
}
.linkst .postlink {
grid-row: 2 / 3;
}
.linksb .pagelink {margin-bottom: 10px;}
#pun-viewforum .postlink.long {width: auto; padding: 0;}


/* теги поля ответа */
#tags .container {
position: static !important;
width: 100%;
max-height: 200px !important;
}

/* хлебные крошки */
p.crumbs {margin: 1.1em 0px 1em 0px;}

/***   RESPECTS PAGE   ***/
#pun-respect.punbb .main table th, #pun-positive.punbb .main table th {
display: none;
}

#pun-respect.punbb .main table tr, #pun-positive.punbb .main table tr {
display: flex;
flex-wrap: wrap;
padding: 4px 0px 0;
background: transparent;
}

#pun-respect #pun-main .container, #pun-positive #pun-main .container {
padding: 6px 0px 0;
}

#pun-respect.punbb .main table tr *, #pun-positive.punbb .main table tr * {
box-sizing: border-box;
}

#pun-respect.punbb .main table tr .tcl, #pun-positive.punbb .main table tr .tcl {
order: 4;
flex: 0 0 164px;
line-height: 1.4rem;
}

#pun-respect.punbb .main table tr .tc2, #pun-positive.punbb .main table tr .tc2 {
order: 1;
flex: 0 0 20px;
font-weight: 700;
font-size: 16px !important;
line-height: 0.5rem;
}

#pun-respect.punbb .main table tr .tc3, #pun-positive.punbb .main table tr .tc3 {
order: 2;
flex: 0 0 180px;
}

#pun-respect.punbb .main table tr .tc3+.tc3, #pun-positive.punbb .main table tr .tc3+.tc3 {
order: 5;
flex: 0 0 100%;
font-style: italic;
padding-left: 0px;
padding-top: 0px;
border-bottom: solid 1px var(--pun-border-thin);
}

#pun-respect.punbb .main table tr .tcr, #pun-positive.punbb .main table tr .tcr {
order: 3;
flex: 1 0 auto;
}

/* список участников и активные участники */
#pun-userlist .relation, #pun-userlist .posts, #pun-userlist .num_posts, #pun-userlist .user_title, #pun-userlist .title {
display: none;
}

#pun-userlist .usertable tr {
grid-template-columns: 1fr 0.6fr 0.6fr;
}

.online-list tr {
margin-bottom: 10px;
grid-template-columns: 1fr 0.6fr;
grid-template-rows: auto auto;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}
.online-list tr:last-child {
margin-bottom: 0px;
border-bottom: 0px solid transparent;
}

#pun .online-list td {
padding: 0.4em 0.4em !important;
}
.online-list .tcl.username {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.online-list .tc3 {
grid-column: -2 / -1;
grid-row: 1 / 2;
}
.online-list .tcl.action {
grid-column: 1 / -1;
grid-row: 2 / 3;
}

#punbbsearch.container, #pun-userlist .usertable, #login.container {
margin: 7px -10px 12px -10px !important;
}

form#userlist fieldset, form#punbbsearch fieldset, form#messages[method="post"] fieldset {
font-size: 12px;
padding-right: 4px;
padding-left: 4px;
}

/* активные темы */
#pun-searchtopics .tc3 {display: none;}

#pun-searchtopics .forum tr {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
padding: 6px 8px;
border-bottom: 1px solid transparent;
border-image:linear-gradient(to right, transparent 0%, var(--pun-border-thin) 24%, var(--pun-border-thin) 76%, transparent 100%);
border-image-slice: 1;
}

#pun-searchtopics .forum tr:last-child {border-bottom: 0px solid transparent;}

#pun-searchtopics .tcl {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding: 8px 0px 8px !important;
}


#pun-searchtopics .tc2 {
grid-column: 1 / 2;
grid-row: 2 / -1;
padding-right: 6px !important;
font-size: 0.9em;
}
#pun-searchtopics .forum .tcr {
grid-column: 2 / -1;
grid-row: 2 / -1;
text-align: center;
padding-left: 0px !important;
padding-right: 0px !important;
}

.forum .tcr span {font-size: 1em;}

#pun-searchtopics .forum td {padding: 6px 0em;}

#pun .punbb .user-avatar {
float: right;
margin: 0px 0px 2px 14px !important;
}

#pun #pun-userlist.punbb .user-avatar {
float: left;
margin: 0px 14px 2px 0px !important;
}

/* ЛС */
#pun #messages td {
padding: 0.4em 0.4em;
}

#messages .fs-box tr {
grid-template-columns: 1fr 0.7fr 40px;
grid-template-rows: auto auto;
padding: 7px 0;
}

#messages .tcl.pmtcl1 {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
#messages .tc2.pmtc24 {
grid-column: -2 / -1;
grid-row: 1 / 2;
}
#messages .tc2.pmtc22 {
grid-column: 2 / -1;
grid-row: 2 / 3;
}
#messages .tc3.pmtc33 {
grid-column: 1 / 2;
grid-row: 2 / 3;
}

#messages legend {display: none;}


/* профиль */
#profile>.container {
margin-left: 0px;
margin-right: 6px;
}

#pun #profilenav {
width: 100%;
float: none;
clear: both;
margin: 5px 0px 15px 0px !important;
}

#profilenav ul {
padding: 0px 10px;
font-size: 13px;
}

#profilenav ul li {display: inline-block;}

#pun-messages #profilenav ul {margin: auto 14px 10px;}

span.input input {margin-bottom: 6px;}

#viewprofile-next #profilenav {display: none;}

/* страница поиска */
form#userlist p.inputfield, form#userlist p.selectfield, form#punbbsearch p.inputfield, form#punbbsearch p.selectfield {width: 100%;}

#userlist p.formsubmit, #punbbsearch p.formsubmit, #login p.formsubmit {text-align: center;}

#pun-messages form#messages {
margin-left: 0px;
padding-left: 0px;
padding-right: 8px;
}

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

#punbbsearch.container, #pun-userlist .usertable, #login.container {
padding-left: 0px;
padding-right: 0px;
}

#pun-searchtopics #pun-main div.container, #pun-online div.online-list {
padding-left: 0px; 
padding-right: 0px;
}

#pun-edit #post {padding-left: 0px; padding-right: 0px;}
#userlist.container {padding-left: 0px; padding-right: 0px;}

pre {font-size: 0.9em;}

/* ЧС */
.blockButton:before {top: 0px; left: -25px; transform: translateY(0%);}

/* объявление */
.nov2 {flex-direction: column;}
.navi1, .navi2 {flex-basis: 100%;}
}



@media screen and (max-width: 650px) {
.post.topicpost .charlist {flex-direction: column; font-size:11px;}

.topbot {right: -5px;}
.go-up, .go-down {width: 20px;}

.nov1 {display:none;}
.nov3 {
grid-column: 1 / -1;
grid-row: 1 / 2;
}
.nov2 {
grid-column: 1 / -1;
grid-row: 2 / 3;
}
.nov4 {max-height: 86px;}
}


@media screen and (max-width: 564px) {
.punbb #pun-navlinks #form-login input {width: auto !important;}
}


@media screen and (max-width: 540px) {
.isuser #pun-status span.item2 {display:none;}

/* выпрямляем внутренние подфорумы */
#pun-viewforum[data-forum-id="46"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="53"] .category table tbody.hasicon,
#pun-viewforum[data-forum-id="33"] .category table tbody.hasicon {
grid-template-columns: repeat(1, minmax(48%, 1fr));
}

#pun-navlinks {
-webkit-position: relative;
position: relative;
padding: 8px 8px 4px;
}
#pun-navlinks .container {gap: 0 6px;}

#pun-ulinks {
-webkit-position: relative;
position: relative;
top: 0px;
}

#pun #pun-navlinks li#navpm span.num_msg {line-height: 0 !important; font-size: 10px !important;}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {display: none !important;}

#MyBookmarks, #BookmCntToggle, .reactions-root {display: none !important;}
#pun .post .bookmark {display: none;}

/* фикс для таблиц в постах */
/* #pun .post .post-content tbody {display: block;} */
#pun .post .post-content td, #pun #post-preview .post-content td {
display: block;
width: 100% !important;
padding: 0px !important;
}

.post-body,
.post-content .quote-box,
.post-content .code-box,
.post-content .hide-box  {
line-height: 1.3;
}

#pun .post .post-content dl.post-sig {font-size: 0.75em;}
#pun .post .post-content dl.post-sig td {display: table-cell;}

#pun-messages .post-content td {display: block; width: 100% !important; box-sizing: border-box;}
#pun-messages .post-content dl.post-sig td {display: table-cell;}

.post-content td {padding: 0px !important;}


.punbb div.post.toppost, .punbb div.post.firstpost, .punbb div.post.topicpost, .punbb div.post {
scroll-margin: 0px 0px 0px 0px;
}


form#register .inline .inputfield {float: none;}
form#register {font-size: 1.05em;}

#pun #notify-link .unreads {line-height: 14px;}
#pun .notify-link {top: 33px; left: 74px;}

#pun #OnOff_Notify:before {
margin-top: -6px;
margin-left: 10px;
}

textarea {font-size: 1.3em;}

/*** ЧС ***/
#panel {top: -80px;}

/*** БАННЕРЫ ***/
.twinki {columns: 2; -moz-columns: 2; -webkit-columns: 2; padding: 20px 0;}


/* админка */
.punbb-admin {width: auto; max-width: 540px;}
.punbb-admin .admin-advert-block {width: 100%;}

.punbb-admin #pun-navlinks .container {
flex-direction: row;
flex-wrap: wrap;
margin: 0px auto !important;
}

#pun-adnav ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}

div.adcontainer {background-color: var(--bgpun);}

.punbb div.adminmain.post {padding: 0 0 0 0em !important;}

.punbb-admin #pun-navlinks a, .punbb-admin #pun-navlinks li#navadmin span:before {font-size: 0px; margin: 0px;}

.punbb-admin #pun-navlinks a:before {font-size: 18px;}

.punbb-admin #pun-navlinks li {padding: 0;}

.punbb-admin span.num_msg {font-size: 16px !important;}

.punbb-admin #pun-ulinks .container {flex-direction: column; flex-wrap: nowrap;}

.punbb-admin .adminmain {padding: 0em 0px !important;}

.punbb-admin #pun-adnav {
float: none;
clear: both;
width: 100%;
margin-left: 0em;
display: block;
box-sizing: border-box;
}

.punbb-admin #pun-admain fieldset {padding: 0 4px 0 4px !important;}

.punbb-admin #pun-adnav li {display: inline-block;}

.punbb-admin #pun-admain fieldset p,
#pun-admain fieldset p,
.punbb-admin #pun-admain fieldset .handle {
border-left-width: 0em !important;
border-left: none;
padding-left: 6px;
box-sizing: border-box;
}

.punbb-admin #pun-admain fieldset p {margin-bottom: 6px;}

.punbb-admin #pun-admain2 fieldset .subforums {margin-left: 0em;}

.punbb-admin #pun-admain .adlabel {
width: 100%;
box-sizing: border-box;
display: block;
float: none;
clear: both;
margin-left: 0em;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {border-left-width: 0em !important;}

#pun-admain .adlabel {margin-left: 0em !important; width: 100% !important;}

.punbb-admin #pun-admain .adinput {padding: 0px 26px 0 0 !important;}

.punbb-admin #pun-admain span.adsubmit {
position: relative;
display: block;
left: 1em !important;
margin-bottom: 6px;
}
.punbb-admin #pun-admain p.adsubmitfield span.adsubmit {top: 2px;}

#pun-admain textarea {width: 98% !important; box-sizing: border-box;}

.punbb-admin #pun-admain1 form.adcontainer, .punbb-admin #pun-admain2 form.adcontainer, .punbb-admin #pun-admain1 div.adcontainer, .punbb-admin #pun-admain2 div.adcontainer {
padding: 18px 0px 12px 0px;
overflow: hidden;
}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding-left: 0; padding-right: 0;}
.punbb-admin #pun-admain p span.astable label {float: none; clear: both;}
}



@media screen and (max-width: 370px) {
#pun-navlinks li a:before {
font-size: 16px;
padding: 2px 2px 2px 2px;
}
}



@media screen and (max-width: 366px) {
#pun #volume-set {
float: none !important;
clear: both;
display: block;
margin-top: 14px;
}
}



@media screen and (max-width: 360px) {
.post-author li.pa-title {display: none;}
li.pa-respect .fld-name {
flex-basis: 100%;
padding: 0px 0px 8px 0px;
}

/*** БАННЕРЫ ***/
.twinki {columns: 1; -moz-columns: 1; -webkit-columns: 1;}
}
Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

56

Код:
  /****************************************************************/
  /****************************************************************/

/*** ТЕМНЫЙ ЗЕЛЕНЫЙ ***/
.lylgreen {
--body-background: #1c1c14;
    --pun-background: #191a14;
    --pun-background-light: #1f1d15;
    --pun-background-thin: rgb(22 22 13 / 25%);
    --pun-background-shade: #16130c;
    --pun-color: #898474;
    --pun-color-thin: #74755b;
    --pun-color-light: #d0c9b9;
    --pun-a: #857658;
    --pun-a-hover: #c5a463;
    --pun-a-author: #b79970;
    --pun-border: #383617;
    --pun-border-bold: #322409;
    --pun-border-thin: rgb(88 63 29 / 30%);
    --message-background: #4f4e0b;
    --pun-a-shadow: #131313;
    --pun-box-shadow: 14 12 11;
}

.lylgreen #pun {
padding: 0px 24px 14px;
outline: 1px solid var(--pun-border-thin);
box-shadow: none;
}


.lylgreen #pun-navlinks {
margin: 0px -24px 0px !important;
border: 0px solid var(--pun-border-bold);
border-width: 0px 0px 1px 0px;
background: url(https://forumstatic.ru/files/000b/09/4f/16442.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 100%);
background-color: var(--body-background);
box-shadow: none;
}

.lylgreen #pun-navlinks a:hover, 
.lylgreen #pun-navlinks a:active {
filter: brightness(1.35);
}

.lylgreen #pun-ulinks {
margin: auto -24px;
}

.lylgreen #pun-index .category h2, 
.lylgreen #pun-stats h2, 
.lylgreen #post-form h2 {
margin: 20px -24px 14px;
}

.lylgreen #pun-index .category h2 {
padding: 10px 14px 8px;
}

.lylgreen #pun-stats h2 {
margin: 24px -24px 2px;
}

.lylgreen #post-form h2 {
margin: 16px -24px;
}

.lylgreen #topic-users-in, 
.lylgreen .punbb .topic h3, 
.lylgreen #pun-viewforum .modmenu {
margin-left: -24px !important;
margin-right: -24px !important;
background: var(--pun-background-thin);
}

.lylgreen #pun-index div.icon.inew {
border: 1px solid var(--pun-border-bold);
background-color: var(--pun-border);
}

.lylgreen tr.n_new span {
border: 1px solid var(--pun-border-thin);
background: var(--pun-border);
}

.lylgreen .nov2 li a:hover {
background: rgb(0 0 0 / 10%);
}

.lylgreen .post-author {
border: 1px solid var(--pun-border);
background: var(--pun-background-thin);
box-shadow: none;
}

.lylgreen li.pa-respect {
margin: 6px -10px 6px;
border: 0px solid var(--pun-border);
border-width: 1px 0px 1px 0px;
background: var(--pun-background);
}

.lylgreen li.pa-author, 
.lylgreen .pa-author {
border-width: 0px;
background: none;
background-color: transparent;
box-shadow: none;
}

/* всякие формы */
.lylgreen button, 
.lylgreen input, 
.lylgreen optgroup, 
.lylgreen select, 
.lylgreen textarea {
border: 1px solid #312a1d;
}
.lylgreen textarea {
border: 1px solid var(--pun-border);
}




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

/*** НЕЙТРАЛЬНЫЙ ТЕМНЕЕ ***/
.lylneutr {
--body-background: #1c1e1d;
    --pun-background: #afa194;
    --pun-background-light: #bcafa0;
    --pun-background-thin: rgb(201 189 171 / 40%);
    --pun-background-shade: #1a3734;
    --pun-color: #120c06;
    --pun-color-thin: #302721;
    --pun-color-light: #c4baa7;
    --pun-a: #154342;
    --pun-a-hover: #815323;
    --pun-a-author: #e0bb97;
    --pun-border: #776257;
    --pun-border-bold: #584238;
    --pun-border-thin: rgb(130 95 75 / 60%);
    --message-background: #a4480b;
    --pun-a-shadow: #131313;
    --pun-box-shadow: 160 137 123;
}

.lylneutr #pun {
box-shadow: inset 0 0 0 1px #1c1917, inset 0 0 2px 0px #000000, inset 0 0 0 5px #212d2b, inset 0 0 0 6px #141414, inset 0 0 0 7px var(--pun-border), inset 0 0 0 8px #3f2c17, inset 0 0 4px 8px #5e2c17;
}

.lylneutr #pun-navlinks {
border: 0px solid #3f2c17;
border-width: 0px 0px 1px 0px;
}

/* окантовка автора поста */
.lylneutr .post-author {
box-shadow: inset 0 0 3px 0px #ffd39c, inset 0 0 0 3px #122c29, inset 0 0 5px 1px #88624e, 0 1px 4px rgb(var(--pun-box-shadow) / 25%);
}

/* всякие формы */
.lylneutr button, 
.lylneutr input, 
.lylneutr optgroup, 
.lylneutr select, 
.lylneutr textarea {
border: 1px solid #947967;
}
.lylneutr textarea {
border: 1px solid var(--pun-border);
}

/* фон для даты, модераторки и списка читающих */
.lylneutr .punbb .topic h3, 
.lylneutr #pun-viewforum .modmenu,
.lylneutr #topic-users-in
{
background: rgb(157 145 128 / 28%);
}

/* кнопка отправить */
.lylneutr input[name="submit"],
.lylneutr input[id="reputationButtonSend"],
.lylneutr #viewprofile-next #pa-edit a {
background: #692e08;
box-shadow: inset 0 14px 7px -7px var(--message-background);
}
.lylneutr input[name="submit"]:hover,
.lylneutr input[id="reputationButtonSend"]:hover,
.lylneutr #viewprofile-next #pa-edit a:hover {
background: #8f3e0a;
/* brightness(1.08) contrast(1.05); */
}


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


/*** РАМКИ ДЛЯ ОТДЕЛЬНЫХ ТАБЛИЦ ***/
div#p1 td, div#p792 td {
  border: 1px solid rgb(91 91 91 / 25%) !important;
  }
  
  
  /****************************************************************/
  
  
/***   СВОРАЧИВАНИЕ КАТЕГОРИЙ   ***/
.offctgr {
display: inline-block;
width: 18px;
height: 18px;
text-align: center;
font-size: 16px;
font-weight: 600;
font-family: Arial, Tahoma, sans-serif;
cursor: pointer;
}

.category.cat-show .container {
  max-height: 2700px;
  transition: all 0.6s ease-in-out;
}

.category.cat-hide .container {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  ‌‍transition: all 0.6s ease-in-out;
}
.category.cat-hide h2 {margin-botom: 0px;}
  
  
  /****************************************************************/
   
  
  /* полоса в поле даты поста */
  .punbb .topic h3,
  #pun-viewforum .modmenu {
  border-width: 1px 0px 1px 0px;
  margin-left: -16px !important;
  margin-right: -16px !important;
  border: 0px solid var(--pun-border-thin);
  border-width: 1px 0px;
  background: rgb(178 164 152 / 28%);
  }
  
  
  /********************************************************************/
  
  
  /***   КНОПКИ МОБИЛКИ-ДЕСКТОПА от@vulpi_kyle   ***/
  #selectMobVers, #selectDescVers {
  position: absolute;
  top: 101px;
  display: none;
  padding: 4px 5px;
  height: 30px;
  width: 30px;
  z-index: 75;
  cursor: pointer;
  line-height: 1;
  font-size: 0px;
  border: 1px solid red;
  background: var(--body-background);
  box-shadow: none;
  }
    #selectDescVers {right: 0px; border-radius: 2px 0px 0px 2px;} 
  #selectMobVers {left: 0px; padding: 3px 5px 4px; border-radius: 0px 2px 2px 0px;}
  
  #selectMobVers:before, #selectDescVers:before {
  display: block; position: relative;
  font-family: 'icomoon', 'icon';
  font-weight: 400;
  }
  #selectMobVers:before {
  content: "\e956";
  font-size: 16px;
  color: var(--pun-background);
  background-image: none;
  }
  #selectDescVers:before {
  content: "\f108";
  font-size: 16px;
  color: var(--pun-background);
  background-image: none;
  }


  /*********************************************************************/
  
  
  /***   СТИКЕРЫ от ЧЕЛОВЕК-ШАМАН   ***/
  .hvStickerPackModal {
  background: var(--pun-background) !important;
  border-color: var(--pun-border) !important;
  }
  
  .hvStickerPackModalContent {
  border-color: var(--pun-border) !important;
  }
  
  .hvStickerPackModalContent::-webkit-scrollbar {
  background: rgba(0, 0, 0, 0.10);
  width: 6px;
  height: 6px;
  }
  
  .hvStickerPackModalContent::-webkit-scrollbar-thumb {
  background: var(--body-background);
  }
  
  .hvStickerPackModalTab {
  border-radius: 2px !important;
  font-size: 11px !important;
  padding: 6px 12px !important;
  background: var(--pun-background-light) !important;
  border: 1px solid #ada095;
  }
  .hvStickerPackModalTab:hover {filter: brightness(1.07);}
  .hvStickerPackModalTab.active {
  background: var(--pun-background-light) !important;
  border: 1px solid var(--pun-border);
  color: var(--pun-color);
  }
  .hvStickerPackModalContent img:hover {transform: scale(1.05);}
  
  .hvStickerPackModalInput {
  border-radius: 2px; 
  border: 1px solid var(--pun-border);
  }
  
  
  /****************************************************************/
  
  
  /***   МАСКА ПРОФИЛЯ, СМЕНА ИМИДЖА   ***/
  #mask_dialog .inner {
  padding: 12px 12px;
  color: var(--pun-color);
  background-image: none;
  background-color: var(--pun-background);
  border: 1px solid var(--pun-border);
  }
  
  #mask_dialog .hv-mask-dialog-title {
  font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  }
  
  #mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {width: 96%;}
  #mask_dialog .hv-form-block textarea {margin-left: 6px;}
  
  .post-author ul.hv-mask .pa-avatar img {max-width: 200px; max-height: 250px;}
  
  
  /****************************************************************/
  
  
  /*** ФИЛЬТРЫ от ЧЕЛОВЕК-ШАМАН***/
  .post.topicpost .charlist {font-size: 11px; padding: 30px 12px 14px 12px; }
  div.nm, div.fd {display:none;}
  #pun .post.topicpost .charlist .charlist_divider {display: none !important;}
  #pun .post.topicpost .charlist_title {
  font-weight: 600;
  text-align: left;
  font-family: Trebuchet MS, Tahoma, sans-serif;
  font-size: 13px;
  border-bottom: 0px solid transparent;
  margin: 12px auto 10px;
  padding: 2px 8px;
  }
  #pun .post.topicpost .charlist li.active {
  background-color: var(--pun-color);
  color: var(--pun-color-light);
  border-radius: 2px;
  }
  #pun .post.topicpost .charlist li.active a {color: var(--pun-color-light);}
  
  #pun .post.topicpost .charlist .hvClearFilters {
  padding: 2px 6px;
  font-size: 11px;
  color: var(--pun-color-light);
  border: 1px solid var(--pun-border-bold);
  border-radius: 2px;
  background: var(--message-background);
  }
  
  
  /****************************************************************/
  
  
  /***  Регулировка размера шрифта в постах © Alex_63  ***/
  /* Слайдер звука в ЛС */
  .FNTslider, #volSlider {
  position: relative;
  z-index: 3;
  float: right;
  margin: 3px 5px 3px !important;
  width: 120px !important;
  height: 8px !important;
  background: var(--pun-background) !important;
  border-radius: 0px !important;
  border: 1px solid var(--pun-border) !important;
  box-shadow: none !important;
  }
  
  .FNTslider .before, #volSlider .before {
  position: absolute;
  margin-top: 0px !important;
  height: 6px !important;
  border: solid 0px transparent !important;
  border-radius: 0px !important;
  background: var(--body-background) !important;
  }
  
  .FNTslider .thumb, #volSlider .thumb {
  position: relative;
  top: -1px !important;
  cursor: pointer;
  width: 12px !important;
  height: 8px !important;
  border-radius: 0px !important;
  background: var(--pun-border) !important;
  border: 1px solid var(--body-background) !important;
  box-shadow: none !important;
  }
  
  #volSlider .thumb {top: -3px !important;}
  #pun-searchposts .FNTslider {display: none;}
  
  
  
  /***  Регулировка размера шрифта в постах © satsana  ***/
  #chfont {
  -moz-opacity: 1; opacity: 1;
  z-index: 6;
  /*
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  */
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  justify-content: center;
  gap: 10px 10px;
  position: absolute; /*позиционирование*/
  top: 110px;
  right: 16px;
  text-align: center;
  padding: 0px;
  }
  #chfont.active {
  padding: 12px 12px;
  border-radius: 2px;
  background: var(--body-background);
  }
  
  #chfont.active:before {
  display: block;
  content: 'Шрифт в постах';
  text-align: center;
  margin: auto 0px;
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  color: var(--pun-color-light);
  font-size: 11px;
  text-transform: lowercase;
  letter-spacing: 1px;
  }
  
  #chfontbut {/*иконка регулятора*/
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: -32px;
  width: 24px;
  height: auto;
  line-height: 1;
  padding: 4px 2px 6px;
  text-align: center;
  color: var(--pun-color-light);
  border: 1px solid var(--pun-border-bold);
  border-radius: 2px;
  background-color: var(--body-background);
  }
  #chfontbut:before {
  content: "\f031"; 
  font-family: 'icomoon', 'icon'; 
  font-size: 12px; 
  display: block; 
  padding-top: 2px;
  }
  #chfontbut:after {/*крестик на иконке*/
  display: none;
  position: absolute;
  content: 'x';
  top: 0;
  right: 0;
  color: #920000; /*цвет крестика*/
  text-shadow: 0 0 0 #920000;
  line-height: 7px;
  font-size: 10px; 
  }
  #chfont.active #chfontbut::after {display: block;}
  #chfont select {
  grid-column: 1 / 2;
  grid-row: 2 / -1;
  display: none;
  color: var(--pun-color);
  cursor: pointer;
  border: 1px solid var(--pun-border-bold);
  background-color: var(--pun-background-light);
  }
  #chfontsize {/*индикатор размера шрифта*/
  grid-column: 2 / -1;
  grid-row: 2 / -1;
  width: auto;
  display: none;
  line-height: 1.2;
  }
  #chfont.active select {display: block;}
  #chfont.active #chfontsize {
  display: flex;
  flex-direction: row;
  gap: 6px 4px;
  }
  .fsizeplus, .fsizeminus {
  cursor: pointer;
  padding: 5px 8px;
  font-size: 12px;
  color: var(--pun-color-light);
  text-shadow: 0 1px 2px var(--pun-a-shadow);
  border:solid 1px var(--pun-border-bold);
  background-color: var(--body-background);
  }
  .fsizeplus::after {content: '+';}
  .fsizeminus::after {content: '-';}
  .fsize {
  padding: 5px 8px;
  color: var(--pun-color);
  border: 1px solid var(--pun-border-bold);
  background-color: var(--pun-background-light);
  }
  
  /*********************************************************************/
  
  
  /*** Кнопка ПРЕДПРОСМОТРА поста ***/
  small#togglePreview {margin-top: -30px;}
  
  
  /*** СЧЕТЧИК СИМВОЛОВ ***/
  small#plng {
  padding: 4px 10px !important;
  font-weight: 400;
  font-size: 1em;
  background: var(--pun-background);
  border: 1px solid var(--pun-border-thin) !important;
  border-radius: 3px;
  }
  small#plng span {font-family: Tahoma, Arial, sans-serif;}
  #pun-messages small#plng {display: none;}
  
  
  /****************************************************************/
  
  
  /*** ГРАДИЕНТ-ГРАНИЦА ***/
  hr, .post-content hr, .post-author li hr,
  #profile-signature ul {
  border-style: solid;
  border-width: 0px;
  border-image: linear-gradient(to right, transparent 0%, var(--pun-border) 25%, var(--pun-border) 75%, transparent 100%);
  border-image-slice: 1;
  }
  
  .usertable tr, 
  #pun-viewforum .forum tr,
  #messages .fs-box tr, #filetable tr, .online-list tr,
  #profileContainer .fs-box tr,
  #pun-stats li.item5.users_24h>div {
  border-style: solid;
  border-width: 0px;
  border-image: linear-gradient(to right, transparent 0%, var(--pun-border-thin) 25%, var(--pun-border-thin) 75%, transparent 100%);
  border-image-slice: 1;
  }
  
  hr, .post-content hr {width: 85%;}
  
  #profile-signature ul, hr, .post-content hr, .post-author li hr {
  border-width: 1px 0 0 0;
  }
  
  .usertable tr, #pun-viewforum .forum tr,
  #messages .fs-box tr, #filetable tr, .online-list tr, #profileContainer .fs-box tr {
  border-width: 0 0 1px 0;
  }
  #pun-viewforum .forum tbody tr:last-of-type {border-width: 0px;}
  
  #form-buttons tr {border-width: 0px;}
  
  
  
  /*** ГРАДИЕНТ-ТЕКСТ ***/
  /***
  .nazv2, .nazv3 {
  color: rgb(102 86 83 / 70%) !important;
  background: linear-gradient(90deg, #fff 0%, var(--pun-a-shadow) 110%) !important;
  background: -moz-linear-gradient(90deg, #fff 0%, var(--pun-a-shadow) 110%) !important;
  background: -webkit-linear-gradient(90deg, #fff 0%, var(--pun-a-shadow) 110%) !important;
  background: -ms-linear-gradient(90deg, #fff 0%, var(--pun-a-shadow) 110%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  }
  div.tclcon h3 a {
  color: transparent;
  background-image: linear-gradient(151deg, #292827 50%, #802421 50%);
  background-size: 200%;
  background-position: 60% 50%;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  }
  #pun-navlinks a,
  .pa-author a,
  #pun-navlinks li a:before {
  color: transparent;
  background-image: linear-gradient(151deg, #292827 50%, #802421 50%);
  background-size: 200%;
  background-position: 50% 50%;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  }
  div.tclcon h3 a:hover {background-position: 0% 50%;}
  #pun-navlinks a:hover,
  .pa-author a:hover {
  color: transparent;
  text-shadow: none;
  background-position: 0% 50%;
  }
  ***/
  
  /*********************************************************************/
  
  
  /*** ЗАДЕРЖКА ***/
  #lylogo *, #lylogo:hover *, 
  .pa-avatar,
  .status_userava>img {
  -webkit-transition: 0.22s linear;
  -moz-transition: 0.22s linear;
  transition: 0.22s linear;
  }
  
  .go-up, .go-down,
  #pun-navlinks li,
  #pun-index .category tr,
  #pun-index .user-avatar .avatar-image, .punbb .user-avatar .avatar-image,
  .punbb div.post img, .hvStickerPackModalContent img {
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  transition: 0.15s linear;
  }
  
  div.tclcon h3 a, #pun-navlinks a,
  .pa-author a {transition: 0.2s linear;}
  
  
  /****************************************************************/
  
  
  /* черный список by Leraje */
  #panel {
  position: fixed;
  top: 94px;
  left: -250px;
  margin: -40px 0 0 -2px;
  overflow: hidden;
  z-index: 10000;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 13px;
  }
  #panel-content {
  background: var(--pun-background);
  border: 1px solid var(--pun-border-bold);
  box-shadow: none;
  width: 250px;
  height: auto;
  float: left;
  padding: 8px 10px;
  }
  #panel-sticker {
  float: left;
  position: relative;
  margin: 0;
  cursor: pointer;
  color: var(--pun-a-author);
  text-shadow: 0 0 2px var(--pun-a-shadow);
  border: 1px solid var(--pun-border-bold);
  border-width: 1px 1px 1px 0px;
  background: var(--body-background);
  }
  #panel-sticker span {display:block; padding: 8px 8px 8px 10px; line-height: 1;}
  #blockUsers > li > strong {
  cursor: pointer;
  font-size: 17px;
  color: red;
  font-weight: bold;
  top: 2px;
  position: relative;
  }
  .toBlock {position:relative;}
  .blockButton:before {
  content: "x";
  cursor: pointer;
  top: 10px;
  transform: translateY(50%);
  left: -35px;
  position: absolute;
  width: 14px;
  text-align: center;
  opacity: 1;
  background: var(--body-background);
  border: 1px solid var(--pun-border-bold);
  z-index: 2;
  font-family: Tahoma, Arial, sans-serif;
  color: var(--pun-color-light);
  text-shadow: 0 0 0px var(--pun-color-thin);
  font-size: 11px;
  line-height: 1;
  padding: 2px 2px 4px 2px;
  }
  ul#blockUsers {
  list-style-type: none;
  float: left;
  margin-left: 25px;
  }
  
  
  /****************************************************************/
  
  
  /***   ДЛЯ КАПЧИ от LERAJE   ***/
  /* для капчи */
  #pun-viewtopic #post-form input[type=text]:not(#fld1) {
  width: 162px;
  padding: 8px 10px;
  display: inline-block;
  border: var(--bdpun2);
  background-color: var(--pun-background-light);
  box-sizing: border-box;
  }
  #post-form button {
  background-color: #1f201f;
  border: none;
  color: #d1c6ae;
  padding: 8px 12px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  }
  #captchaBlock {margin-left: 18px;}
  #captchaWin {display: none;}
  #post-form canvas {pointer-events: none; background: rgba(255,255,255,0.3); padding: 0 10px;}
  #post-form input.button.submit:disabled {opacity: 0.5;}
  
  
  /****************************************************************/
  
  
  /****************************************************************/
  
  
  /****************************************************************/
  
  
  /***   СМЕНА ДИЗАЙНА by satsana   ***/
  ul#stylelist {
  z-index: 10;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(26px, auto));
  grid-template-rows: auto;
  /* grid-template-rows: auto; */
  gap: 10px 20px; 
  justify-content: center; 
  overflow:visible; 
  width:100%; 
  background:transparent; 
  list-style-type:none;
  }
  #stylelist li {
  text-align: center;
  margin: auto;
  }
  #stylelist li a {
  font-size: 0px; 
  box-sizing: border-box; 
  display: block; 
  padding: 2px;
  border: 0px solid transparent;
  width: 20px;
  height: 20px;
  border: 1px solid var(--pun-border-bold);
  border-radius: 0px;
  }
  #stylelist li a:hover {filter: brightness(1.05); transform: scale(1.1);}
  
  
  #stylelist li[data="lylbase"] a {background: #1d1e1f;}
  #stylelist li[data="lylneutr"] a {background: #154342;}
  #stylelist li[data="lylgreen"] a {background: green;}
  
  
  /****************************************************************/
  
  
  /* баннеры-партнерки */
.lylpartner {
display: block; 
width: 100%; 
margin: 120px auto auto;
padding: 4px 6px; 
text-align:center; 
max-height: 110px; 
overflow: auto;}
  .lylpartner * img {opacity: 0.75; height: 31px; width: 88px;}
  .lylpartner * img:hover {opacity:1;}
  .lylpartner + br {display: none;}
  
  
  /****************************************************************/
  
  
  /* LYL логотип */
  #lylogo {display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  align-items: center;
  justify-items: center;
  justify-content: space-evenly;
  position: absolute;
  margin-left: -30px;
  top: -130px;
  width: 100%;
  height: 118px;
  text-align: center;
  overflow: hidden;
  color: var(--pun-a-author);
  }
  .lyl1 {display:block; position: relative; width: 100%;}
  .lyl1 {grid-column: 1 / -1; grid-row: 1 / 2;}
  
  /* перекраска логотипа */
  .lyl1 em {
  font-size: 11px;
  margin-top: -5px;
  letter-spacing: 1px; 
  display: block;
opacity: 0.65;
  }
  #lylogo:hover em {opacity: 0.85;}
  .lyl1 a {
  color: var(--pun-a-author) !important; 
  text-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
  font-size: 40px; 
  font-family: Lora, OldStandart, Tahoma, serif; 
  opacity:0.75;
  }
  .lyl1 a:hover {filter: brightness(1.2);  opacity:1;}
  
  
  /* Объявление новости */
  #objav {
  position:relative; 
  margin: 0px 0px 8px; 
  padding:8px; 
  max-height: 600px;
  font-size: 1em;
  display: grid; 
  grid-template-columns: 1.3fr 1fr; 
  grid-template-rows: 1fr auto; 
  grid-gap: 8px 8px; 
  border: 1px solid var(--pun-border-thin); 
  background-color: var(--pun-background-thin); 
  box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%); 
  }
  
  /* кнопка скрытия объявления */
  span.offadv {
  float:right; 
  cursor: pointer;
  -webkit-transition: 0.16s linear;
  -moz-transition: 0.16s linear;
  transition: 0.16s linear;
  padding: 3px 10px 3px !important;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-weight: 400 !important;
  font-family: Trebuchet MS, Tahoma, Arial, sans-serif !important;
  font-size: 11px;
  color: var(--pun-a-author);
  text-shadow: 0 0 2px var(--pun-a-shadow);
  border: 1px solid var(--pun-a-shadow);
  border-radius: 2px;
  background: var(--body-background);
  box-shadow: inset 0 14px 7px -5px var(--pun-background-shade);
  }
  #objav.hidden { overflow: hidden; max-height: 42px; }
  @keyframes slideAdv {
  0% { max-height: 42px;overflow: hidden; }
  90% { max-height: 1000px; overflow: hidden; }
  100% { overflow: visible; }
  }
  
  .nov1, .nov2, .nov3 {display: block;}
  .nov1, .nov2 {text-align: center;}
  
  #objav h5 {
  display: block; 
  padding: 5px 14px; 
  margin: auto auto 10px auto; 
  letter-spacing: 1px; 
  text-align: center; 
  text-transform: uppercase; 
  text-shadow: 0 1px 1px rgb(0 0 0 / 75%); 
  color: var(--pun-color-light);
  font-size: 10px;
  font-family: Tahoma, Trebuchet MS, Arial, sans-serif;
  border-radius: 2px; 
  background: url(https://forumstatic.ru/files/000b/09/4f/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--pun-background-shade) 5%, var(--body-background) 110%);
  background-color: var(--body-background);
  }

  
  /*****   НОВОСТИ   *****/
  .nov4 {
  display:block; 
  overflow:auto; 
  min-height: 30px; 
  max-height: 170px; 
  padding-right: 6px;
  }
  table.nov41 {
  border-collapse: separate; 
  border-spacing: 0px 4px;
  }
  table.nov41 span {
  display:block; 
  margin-right:8px; 
  padding: 3px; 
  min-width: 80px; 
  text-align:center;
  font-weight: 600;
  border: 1px solid var(--pun-border-thin);
  border-radius: 2px;
  background-color: var(--pun-background-thin); 
  box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
  }
  tr.n_new span {
  color: var(--pun-color-light); 
  text-shadow: 0 1px 1px rgb(0 0 0 / 75%);
  border: 1px solid var(--pun-a-shadow);
  background: var(--body-background); 
  }
  .nov3 tr td {vertical-align: middle;}
  .nov3 tr td:first-of-type {vertical-align: top;}
  .nov3 tr.n_old td {font-size: 0.9em;}
  
  
  /* ВСЯЧИНА В ОБЪЯВЛЕНИИ */
  .nov1 * img {max-width:100%; height:auto;}
  .nov11 {
  display:block;
  overflow:auto;
  max-height: 130px;
  font-size: 1em;
  }
  a.ly12 {
  display: block; 
  font-size: 16px; 
  margin: 8px auto 6px; 
  font-family: Lora, OldStandart, Georgia, serif; 
  text-shadow: 0px 0px 1px var(--pun-a-hover);
  }
  
  /* БЫСТРАЯ НАВИГАЦИЯ */
  .nov2 {
  display: flex; 
  flex-direction: row;
  }
  .navi1, .navi2 {
  position:relative; 
  margin: 3px 3px; 
  flex-grow: 1;
  }
  .navi1 button, .navi2 button {
  display:block; 
  width: 100%; 
  margin: 0px; 
  padding: 6px 14px 5px 14px; 
  cursor: pointer; 
  font-family: Georgia, Tahoma, Arial, sans-serif; 
  text-transform: uppercase; 
  font-weight: 400; 
  letter-spacing: 1px; 
  font-size: 14px; 
  background-color: var(--pun-background-light); 
  border: 1px solid var(--pun-border); 
  color: var(--pun-a); 
  text-shadow: 0px 0px 1px var(--pun-a-hover);
  }
  
  .navi1 ul, .navi2 ul {
  z-index: 9; 
  position: absolute; 
  top: 100%; 
  left: 0%; 
  width: 100%; 
  padding: 8px 6px; 
  background-color: var(--pun-background-light); 
  border: 1px solid var(--pun-border);
  -webkit-transition: all 0.28s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -moz-transition: all 0.28s linear, max-height 0.3s linear, visibility 0.3s ease-in-out;
  transition: all 0.28s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden; max-height: 0px; overflow:hidden;
  -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;
  }
  
  .navi1:hover ul, .navi2:hover ul {visibility: visible; max-height: 500px;}
  
  .navi1 ul li a, .navi2 ul li a {opacity:0; transition: opacity 0.6s ease-in-out;}
  .navi1:hover ul li a, .navi2:hover ul li a {opacity:1; transition: opacity 0.02s ease-in-out;}
  
  .nov2 li a {
  width: 100%;
  display: block;
  padding: 4px 0px;
  text-shadow: none;
  font-size: 12px;
  font-weight: 600;
  }
  .nov2 li a:hover {
  background: rgba(255,255,255,0.1); 
  box-shadow: 0 2px 0 -1px var(--pun-border-thin), 0 -2px 0 -1px var(--pun-border-thin);
  }
  .navi1:hover button, .navi2:hover button {
  background-color: var(--pun-background); 
  }
  
  .nov1 {grid-column: 1 / 2; grid-row: 1 / 2;}
  .nov2 {grid-column: 1 / 2; grid-row: 2 / 3;}
  .nov3 {grid-column: 2 / 3; grid-row: 1 / -1;}
  

  /*** ОПИСАНИЯ В ПОДФОРУМАХ ***/
  .podfor {
  display: block;
  padding: 15px;
  margin: 12px 0px 6px;
  text-align: justify;
  font-size: 12px;
  border: 1px solid var(--pun-border-thin);
  background: var(--pun-background-light);
  box-shadow: 0 1px 4px rgb(var(--pun-box-shadow) / 15%);
  }
  .podfor + br, ul.tess + br {display: none;}
  

/*** ССЫЛКИ В ОПИСАНИИ ФОРУМА ***/
  ul.tess {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 6px;
  margin-bottom: 4px;
  padding: 6px 10px 10px;
  text-align: center;
  font-weight: 600;
  border: 1px solid var(--pun-border-thin);
  border-width: 0px 0px 1px 0px;
  }
  ul.tess li:after {
  display: inline-block;
  content: '›';
  padding-left: 6px;
  }
  ul.tess li:last-of-type:after {display:none;}


/*** БАННЕРЫ В РЕКЛАМЕ ***/
.podfor > ul.tess {
margin-bottom: 10px;
padding: 0px 10px 10px;
}


  /*** КОПИРАЙТ С ДАТАМИ ***/
  .copylyl {display: block; padding:4px 0; text-align: center; font-size: 0.85em; opacity: 0.75;}



/*** СТРАНИЦА БАННЕРОВ ***/
.twinki {
columns: 3;
-moz-columns: 3;
-webkit-columns: 3;
}
.twinki .twin {
break-inside: avoid;
margin: 10px 6px 10px 6px;
}
.twinki div.twin:first-of-type {margin-top: 0px !important;}
.twinki * img {width: 88px; height: 31px;}
  
  
  /****************************************************************/
  
  
  /****************************************************************/
  
  
  /****************************************************************/
  
  
  /****************************************************************/
Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0

57

https://urchoice.rolka.me/viewtopic.php … 0#p2134686

доп. теги - где искать, как выглядят

где теперь менять размер шрифта

изображения смены моб-деск + ссылка на скрипт
https://urchoice.su/viewtopic.php?id=59827#p2291213

упомянуть вечные проблемы с сафари

Подпись автора

:confused:

https://forumstatic.ru/files/0017/b4/09/11712.jpg

https://i.imgur.com/j5dmeQw.png

0


Вы здесь » Birds in shadow » Для гостей » Дизайн-проверка


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