Birds in shadow

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

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


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


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

Сообщений 41 страница 50 из 52

41

в моб. вер. пофиксить отображение подфорумов внутри тем

Скрипт конвертации Lat-Rus + иконка

Кнопка в объявлении - ярче? Оставить как есть?

Подкрасить стрелки при ширине меньше 100 - сместить тени.

переверстать страницу репутации -  вынести комменты в строку ниже (моб. вер. ? ) - а надо ли?

Кнопка отключения моб. стиля - откручивание и перемещение

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

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0

42

промежуточный css 1
Код:
@charset "Windows-1251";
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/001b/7a/e7/60123.css); /* перекраски */

/***   ICOMOON   ***/
@font-face {font-family: "icomoon"; src: url("https://forumstatic.ru/files/0012/ee/e9/28822.woff") format("woff"),
url("https://forumstatic.ru/files/0012/ee/e9/15981.ttf") format("truetype"); font-style: normal; font-weight: normal;}

@font-face {font-family: OldStandart;
src: url("https://forumstatic.ru/files/000b/09/4f/46123.ttf") format("truetype");}



/* репутация */
#pun-respect.punbb .main table tr .tc2 {width:20px !important;}
#pun-respect.punbb .main table tr .tcl {width:16% !important;}
#pun-respect.punbb .main table tr .tc3 + .tc3 {width:24% !important;}


/**********
* RESPECTS PAGE
**********/

@media screen and (min-width: 540px) {
    #pun-respect.punbb .main table th {
        display: none;
    }

    #pun-respect.punbb .main table tr {
        display: flex;
        flex-wrap: wrap;
        padding: 6px 0 0;
    }

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

    #pun-respect.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 {
        order: 2;
        flex: 0 0 180px;
    }

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

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

/* реакции */
.post-body .reactions-container {justify-content: flex-end; margin-right: -8px;}
.post-body .reaction-picker-panel {right: 0;}
.post-body .emoji-mart {background-color: var(--bgpun2); border: 1px solid var(--bgh2);}
.post-body .reaction-chip {background-color: var(--bgpun2); border: 1px solid var(--bgh3);}
.post-body .reaction-picker-button {border-radius: 4px; width: 18px; height: 18px; padding: 4px; margin-top: 4px;}
.post-body .reaction-chip.reaction-chip--clicked {border: 1px solid var(--bgh3); background: transparent; color: var(--clrbody);}


/* для страницы баннеров */
.obmen2 td:first-of-type img {display:inline-block; /*width:88px; height:31px;*/ overflow:hidden;}
Подпись автора

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0

43

промежуточный css 2
Код:
/*** 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, 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, tr, th, td, 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;}
/* 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;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


/*** START LYL ***/
:root {
--bgbody: #1d1e1f;
--clrbody: #190903;
--bgpun1: #d2cdc4;
--bgpun2: #d6d4cc;
--shpun: inset 0 0 0 1px #151312, inset 0 0 5px 1px #0e0e0e, inset 0 0 0 7px #272525, inset 0 0 0 8px #131313, inset 0 0 0 9px #9c7b6b, inset 0 0 0 10px #5e371e, inset 0 0 6px 10px #5e2c17;
--bdpun: 1px solid #584238;
--bdpun2: 1px solid #b49e93;
--oupun: 1px solid #302b29;
--forpuna: #7f4520;
--forpunah: #a1745e;
--forpunav: #1a1919;
--a-shd: #e2dbcb;
--bgtess1: #373b3f;
--bgtess2: #47494a;
--clrtess: #eaeaea;
--bs-tr: 0 1px 4px rgba(63,38,16,0.16);
--bgh2: #272626;
--clrh2: #fcd8a3;
--t-shd: #000;
--bgh3: #c0b7a4;
--bgha: #434040;
--bghs: #d7c8ab;
--bdhi: #b2a28c;
--tesbsh: 0 0 5px #d8d0c4, inset 0 0 0 1px #e4e0d6, inset 0 0 4px #b1a594;
--selclr: #e0dfd9;
--selbg: #454342;
--bg-navl: #1d1c1c;
--bd-navl: 1px solid #9c7b6b;
--bs-navl: inset 0 0 6px 0px rgba(0,0,0,0.25), 0 1px 0 0px #5e371e, 0 -1px 0 0px #232323, 0 0 6px 0px #232323;
--shauth: inset 0 0 2px 0px #cccccc, inset 0 0 0 3px #3f3e3e, inset 0 0 0px 4px #c5c1b9, inset 0 0 6px 3px #88624e, 0 1px 5px -1px #72513d; /* тень-рамка на post-author */
--bdauth: 1px solid #1b1b1b; /* рамка у post-author */
--prwid: 230px; /* ширина профиля */
--icnwid: 100px;/* ширина большой иконки */
--ichgt: 20px; /* высота большой иконки */
--icmwid: 30px; /* ширина малой иконки */
--icmhgt: 15px; /* высота малой иконки */
}


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

body {padding-top:120px; background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat; background-color: var(--bgbody); background-attachment: fixed; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; line-height: 1.2; font-weight: 400; font-style: normal;}

/* цвет ссылок */
a {text-decoration: none; color: var(--forpuna);
-webkit-transition: 0.12s linear; -moz-transition: 0.12s linear; -o-transition: 0.12s linear; transition: 0.12s linear;}
a:hover {color: var(--forpunah); text-shadow: 0px 0px 2px var(--a-shd);}

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

/*активная вкладка */
li.isactive a {padding: 0 4px; border-bottom: 1px solid var(--forpuna);}

/*** Заголовки ***/
.punbb h2 {
  margin: 14px -20px 10px -20px;
  padding: 10px;
  text-align: center;
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 10%, var(--bgha) 0%, var(--bgh2) 75%,  var(--bgbody) 120%);
  background-color: var(--bgh2);
  box-shadow: 0 0 3px rgba(0,0,0,0.45), inset 0 0 5px rgba(0,0,0,0.5);
  border: 1px solid var(--bdhi); border-width: 1px 0px;
  font-family: Georgia,  Tahoma, sans-serif;
  letter-spacing: 0.15em;
  color: var(--clrh2);
  text-shadow: 0 1px 2px var(--t-shd);
  text-transform: uppercase;
}

#pun-main h1 {display:block; text-align:center; margin: 0.7em auto 1.5em; padding: 4px 10px;
  text-transform: uppercase; font-size: 0.8em; font-weight: 600; letter-spacing: 0.03em;
  background: linear-gradient(to right, rgba(255,255,255,0) 10%, var(--bgpun1) 30%, var(--bgpun1) 70%, rgba(255,255,255,0) 90%);
  border: 1px solid transparent; border-width: 1px 0px;
  border-image: linear-gradient(to right, rgba(255,255,255,0) 0%, var(--bgh3) 20%, var(--bgh3) 80%,  rgba(255,255,255,0) 100%);
  border-image-slice: 1;
}

.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 {clear: both; height: 0; font-size: 0;}

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

/* РАЗДЕЛИТЕЛЬ, rusff-рекомендации */
.divider, div#pun-live-rusff, #pun-navlinks li#navawards {display: none;}

/***   ЦВЕТНОЙ СКРОЛЛ   ***/
* {scrollbar-width: thin; scrollbar-color: var(--bgha) rgba(0, 0, 0, 0.08);}
*::-webkit-scrollbar {width:10px; height:8px; background: rgba(255, 255, 255, 0.11);}
*::-webkit-scrollbar-thumb {background: var(--bgpun2); box-shadow: inset 0 0 0px 1px var(--bgh2), inset 0 0 3px var(--bgpun1);}
*::-webkit-scrollbar-corner {background: transparent;}
#pun *::-webkit-scrollbar {width:8px; height:8px; background: rgba(0, 0, 0, 0.08);}
#pun *::-webkit-scrollbar-thumb {background: var(--bgh2); box-shadow: inset 0 0 0px 1px var(--bgh3), inset 0 0 3px var(--bgpun1);}
#pun *::-webkit-scrollbar-corner {background: transparent;}

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

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

/* выпадающее окошко */
select {outline: none; background: var(--bgpun2); border: 1px solid var(--bgh3); box-shadow: 0 0 0 1px var(--bgpun2) inset, inset 0 0 4px var(--bdhi); padding: 0.4em 0.6em; filter: brightness(1.02);}

/* поля ввода и радиокнопки */
input {outline: none; background: var(--bgpun2); border: 1px solid var(--bgh3); box-shadow: 0 0 0 1px var(--bgpun2) inset, inset 0 0 4px var(--bdhi); padding: 0.4em 0.6em; filter: brightness(1.035); max-width:100%;}
[type="checkbox"], [type="radio"], input[type="radio"] {box-shadow: none;}
/* радиокнопки */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] *, fieldset[class="radiofield security-level"] * {height: 2em; vertical-align: middle;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0px 0.7em auto 0.2em;}

/* подчеркнутый и зачеркнутый текст */
.bbuline {text-decoration: underline;}
del {text-decoration: line-through;}


/***   A5.1 ТЕЛО ФОРУМА  НАЧАЛО ***/
#pun {
  position: relative;
  margin: auto auto 30px auto;
  padding: 10px 30px 14px;
  width: 1080px;
  font-size: 0.8rem;
  color: var(--clrbody);
  background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat;
  background-color: var(--bgpun1);
  outline: var(--oupun);
  outline-offset: 16px;
  border: var(--bdpun);
  box-shadow: var(--shpun);
  overflow-wrap: break-word;
}
.punbb {display:flex; flex-direction: column;} 
#pun-main:after {content: ''; display:block; clear:both;}

#pun-navlinks a {color: var(--clrh2); text-shadow: 0 1px 2px var(--t-shd);}
#pun-navlinks a:hover {filter: brightness(1.15); text-shadow: 0 0px 10px var(--clrh2);}
#pun-navlinks {
  top: -1px;
  z-index: 10;
  position:-webkit-sticky; position:sticky;
  height: 44px; line-height: 44px;
  padding: 0 30px;
  margin: auto -21px;
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--bgh2) 5%, var(--bg-navl) 100%);
  background-color: var(--bg-navl);
  border: var(--bd-navl);
  border-width: 0px 0px 1px 0px;
  box-shadow: var(--bs-navl);
}

#pun-ulinks {
  top: 44px;
  padding: 10px 10px 8px;
  margin: auto -20px;
  z-index: 8;
  position:-webkit-sticky; position:sticky;
  background-color: var(--bgpun2);
  border-bottom: 1px solid var(--bgh3);
  box-shadow: inset 0 0px 0px 0px rgba(0,0,0,0.15), 0 1px 4px -2px rgba(0,0,0,0.15);
}

#pun-ulinks a, #pun-ulinks a:hover {-webkit-transition: 0.06s ease-in-out; -moz-transition: 0.06s ease-in-out; transition: 0.06s ease-in-out;}

/* на админской странице не липкое */
#pun .punbb-admin #pun-navlinks {position: relative; top:0px;}
#pun .punbb-admin #pun-ulinks {position: relative; top: 0px;}


/*** НАВИГАЦИЯ ***/
#pun-navlinks .container, #pun-ulinks .container {display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; font-weight: 400;}
#pun-navlinks .container {font-size: 12px; letter-spacing: 0.02em; text-transform: uppercase; height: 100%; align-items: center; font-family: OldStandart, Tahoma, sans-serif;}
#pun-ulinks .container {font-size: 0.85em; font-family: Tahoma, sans-serif;}

#pun-navlinks li {padding-right: 0.8em; margin:auto;}
#pun-ulinks li {padding-right: 0.5em; margin:auto;}
#pun-navlinks li:last-child, #pun-ulinks li:last-child {padding-right: 0;}
#pun-navlinks li#navadmin span {font-size:0px;}
#pun-navlinks li#navadmin span:before {content:'Адм'; display: inline; font-size:12px;}

/* иконки на навигацию */
#pun-navlinks a span {margin-left: 8px;}
#pun-navlinks li a:before {overflow: hidden; display: inline; font-family: 'icomoon', 'fontawesome';}

#pun-navlinks li#navindex a:before {content: "\f015";}
#pun-navlinks li#navextra1 a:before {content: "\e900"; margin-right: 8px;}
#pun-navlinks li#navuserlist a:before {content: "\e91e";}
#pun-navlinks li#navsearch a:before {content: "\f002";}
#pun-navlinks li#navprofile a:before {content: "\e91b";}
#pun-navlinks li#navpm a:before {content: "\f0e0";}
#pun-navlinks li#navadmin a:before {content: "\f013";}
#pun-navlinks li#navlogout a:before {content: "\e909";}
#pun-navlinks li#navregister a:before {content: "\e91d";}
#pun-navlinks li#navlogin a:before {content: "\e90a";}
#pun-navlinks li#navpr_1 a:before {content: "\e918";}

/* отключаем название полей */
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz {display: none; font-size: 0;}

/* число непрочитанных сообщений ЛС и число уведомлений */
span.num_msg:before, .bubble:after {display: none !important;}
span.num_msg, .bubble {position: inherit !important; margin: auto auto auto 6px !important; text-shadow: 1px 1px 2px #000; font-weight:400 !important; font-size: inherit !important;}
span.num_msg {height: auto !important; padding: 1px 3px !important; font-family: Verdana, Arial, sans-serif;}
.bubble {min-width: 1em !important; width: auto !important; height: auto !important; top: 0px !important; right: 0px !important; padding: 0px 3px 1px 3px !important; display: inline-block; border-radius: 2px !important; font-size: 1em !important; font-family: Tahoma, Arial, sans-serif !important;}

/* название форума */
h1.title-logo {display: none;}

/* фонд и приветствие */
#pun-status {margin: 1.4em 0px 1.3em 0px; font-size: 0.85em;}
#pun-status p.container {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
#pun-status .container span {padding: 0 0.2em;}

/* хлебные крошки */
p.crumbs {margin: 0.5em auto 1em 0px; font-style: italic;}
p.crumbs a {font-weight: 600; font-style: normal;}


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


/*** ТАБЛИЦЫ ФОРУМА ***/
#pun-index .category table {border-collapse: separate;}
/* строки с описанием - общие */
#pun-index .category table thead {display: none;}

/* строка */
#pun-index .category tr {
  background-color: var(--bgpun2);
  box-shadow: var(--bs-tr);
  padding: 15px;
  margin: 10px 0px;
  position: relative;
  display: grid;
  grid-template-columns: 115px 3.5fr 1.5fr ;
  grid-template-rows: 32px auto auto 1fr;
  grid-template-areas:
    ". lone lfour"
    "ltwo lone lfour"
    "lthree lone lfour"
    ". lone lfour";
}
#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(--bgh3); border-width: 0px 1px;}
/* тем */
#pun-index .category .tc2 {grid-area: ltwo; border-bottom: 1px solid var(--bgh3);}
/* сообщений */
#pun-index .category .tc3 {grid-area: lthree;}
/* последнее сообщение */
#pun-index .category .tcr {grid-area: lfour; align-self: center; text-align: center; padding: 0px 10px;}

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

#pun-index .category .tc2, #pun-index .category .tc3 {padding: 6px 0; margin-right: 15px; text-align: center; font-size:0.85em;}

/* заголовки */
#pun-category1 > h2 {margin-top: 0px;}

/* ссылка на форум */
div.tclcon h3 {padding: 0px; margin: auto auto 10px auto; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; font-weight: 600; text-align: center;}
div.tclcon h3 + br, div.tclcon h3 + strong, div.tclcon h3 + strong + br {display: none;}
div.tclcon h3 a {-webkit-transition: 0.15s linear; -moz-transition: 0.15s linear; -o-transition: 0.15s linear; transition: 0.15s linear;}

/* модераторы */
.modlist {display: block; padding: 0 6px; text-align: center; font-size: 11px; font-style: italic; opacity: 0.75;}

/* автор последнего поста */
#pun-index span.lastpost {display: block; margin-top: 6px; font-size: 11px; font-style: italic;}

/* Статистика */
#pun-stats ul.container {
  background: var(--bgpun2);
  box-shadow: var(--bs-tr);
  padding: 20px;
  margin: 10px 0px;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto 1fr auto;
  grid-template-areas:
    "ntemy nonln"
    "nsoob nonln"
    "nrega nonln"
    "nposl nonln"
    "nusers nusers"
    "nbirth nbirth";
}

#pun-stats li.item1 {grid-area: ntemy;}
#pun-stats li.item2 {grid-area: nsoob;}
#pun-stats li.item3 {grid-area: nrega;}
#pun-stats li.item4 {grid-area: nposl;}
#pun-stats li.item5.onlinelist {grid-area: nonln;}
#pun-stats li.item5.users_24h {grid-area: nusers;}
#pun-stats li.item6.birthday {grid-area: nbirth; margin-top: 10px;}
/* выделяем цифры статистики */
#pun-stats li 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 15px 3px 0; font-size: 12px;}
/*** Заменяем слова в статистике ***/
#pun-stats li.item3 span, #pun-stats li.item4 span {font-size: 0px;}
#pun-stats li.item3 span:before, #pun-stats li.item4 span:before {display: inline-block; font-size: 12px; padding-right: 6px;}
#pun-stats li.item3 span:before {content: 'Пользователей:';}
#pun-stats li.item4 span:before {content: 'Зарегистрировался:';}
/* Активны */
#pun-stats li.item5.onlinelist {padding: 0 0 3px 15px; text-align: center; border-left: 1px solid var(--bgh3);}
#pun-stats li.item5.onlinelist span {display: block; max-height: 106px; overflow: auto; margin-top: 4px; padding-right: 6px; text-align: justify;}
/* посетили за сутки */
#pun-stats li.item5.users_24h > div {display:block; margin-top: 6px; text-align: center; margin-top: 12px; padding-top:8px; border-top: 1px solid var(--bgh3);}
#pun-stats li.item5.users_24h > div span {display:block; max-height: 156px; overflow: auto; margin-top: 4px; padding-right: 12px; text-align: justify;}

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

/* сервисный копирайт */
#pun-about {padding: 6px 0; text-align: center; font-size: 0.85em;}

/* Объявление */
#pun-announcement {margin: 1.2em auto auto;}


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


/* легенда блоков */
legend {padding: 4px 10px; text-transform: uppercase; font-size: 0.8em; font-weight: 600; letter-spacing: 0.03em; background-color: var(--bgpun1); border: 1px solid var(--bgh3); border-width: 1px 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-style: italic; font-size: 0.85em; letter-spacing: 0.04em;}

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

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


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

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

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

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


/*** ПРОФИЛЬ ***/
/* предпросмотр */
#profile-left {width: 30%; text-align: center;}
#profile-left li {margin: auto 1em 0.7em !important;}
#profile-left li strong {display: block; font-weight: 400 !important;}
#profile-left #profile-name strong, #profile-left #pa-online strong {font-weight: 600 !important;}
#profile-left #profile-title {font-size: 0.85em;}
#profile-left #pa-edit {margin-top: 2em !important;}
/* отделяем подпись */
#profile-signature ul {border-style: solid; border-image: linear-gradient(to right, transparent 3%, var(--bdhi) 25%, var(--bdhi) 75%,transparent 97%); border-image-slice: 1;}

#profile-right {display: grid; grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); grid-template-rows: auto; gap: 6px 6px; overflow:hidden; width:100% !important;}
#profile-right li {padding: 8px 6px 12px !important; background: var(--bgpun2); border: 1px solid var(--bgh3); text-align:center;}
#profile-right li span {margin-left: auto !important; display: block; clear: both; float: none !important; text-align: center !important; width: auto !important; padding: 0.5em 1em; font-weight: 600;}
#profile-right li strong {padding-left: 0 !important; text-align:center; font-weight: 400;}
#profile-right #pa-posts {order: -2; grid-column: 1 / -1;}
#profile-right #pa-fld3 {order: -1; grid-column: 1 / -1;}


/* менюшка */
#profile > .container {margin-left: 200px;}
#profile .fs-box {margin: 0.2em 0em;}

/* Профиль-навигация */
#profilenav > h2:first-child {margin: 0px auto 6px; border-width: 1px;}
#profilenav {width: 180px; float: left; margin-left: -200px; margin-bottom: 0.9em; border: 1px solid var(--bgh3); background-color: var(--bgpun1); box-shadow: var(--bs-tr);}
#profilenav ul {padding: 0 0 10px 0; text-align: center;}
#profilenav li {padding: 6px; font-weight: 600;}
#profilenav li:hover {background: rgba(255,255,255,0.1);}


/* ЛС */
#pun-messages #profile > .container {margin-left:auto !important}
#pun-messages #profilenav {display:grid;
grid-template-columns: auto 1fr; grid-template-rows: auto auto;
align-items: center; justify-items: left;
float:none; width:100%;
margin:auto auto 10px auto !important; padding: 6px;
font-size:0.9em;
}
#pun-messages #profilenav h2 {width:100%; margin: 4px auto !important; padding: 8px 12px 6px 12px; border-width:1px;}
#pun-messages #profilenav ul {margin: auto 14px; padding:0;}
#pun-messages #profilenav li {display: inline-block; padding: 4px 6px;}
#pun-messages  #profilenav h2:first-child {grid-column: 1 / 2; grid-row: 1 / 2;}
#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; border-top: 1px solid var(--bgh3); padding: 6px 0 0 0;}

/* уведомления и звук ЛС */
#notify-settings {margin-bottom:10px !important; padding: 0.5em 1em 0.45em; border: 1px solid var(--bgh3); background-color: var(--bgpun2);}
/* Слайдер звука в ЛС */
#volSlider {background: var(--bgpun2) !important; border: solid 1px var(--bdhi) !important; box-shadow: inset 0 0 3px rgb(0 0 0 / 15%) !important;}
#volSlider .before {background: var(--bgha) !important;}
#volSlider .thumb {background: var(--bgtess2) !important; top:-10px !important; left:-2px; box-shadow: inset 0 0 2px rgb(0 0 0 / 40%), 0 0 4px rgb(0 0 0 / 20%) !important;}



/*** ОСНОВНОЙ ***/
/* Послать 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-sticker, #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;}

/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display:table-row;}


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


/* автор темы и правка шрифта для внутренностей тем */
span.byuser {font-size: 0.9em;}
span.byuser:before {content: '-'; padding: 0 5px;}
.tcr span.byuser:before {display: none;}
#pun-index span.lastpost span.byuser {font-size: 1em;}

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

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

/* нижняя граница на строке */
#pun-viewforum .forum tr, .usertable tr, .fs-box tr, #filetable tr {border-bottom: 1px solid var(--bgh3);}
#form-buttons tr {border-bottom: 0px none transparent;}
/* свечение при наведении */
.forum tr:hover, .usertable tr:hover, .fs-box tr:hover, #filetable tr:hover {background: rgba(255,255,255,0.1);}
.fs-box .post-content tr:hover, #form-buttons tr:hover {background: transparent;}

/* фикс для ячеек в табличке */
.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;}

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

/* ЛС табличка */
.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;}
/* иконки и текст заголовка ЛС */
.fs-box .tcl {text-align: left;}
/* thead-фикс */
th.pmtcl1, th.pmtc22, th.pmtc33, th.pmtc24 {width: 100% !important;}
/* Заголовок письма */
.pmtcl1 .tclcon {text-align:left;}

/* участники */
.usertable .tcl, .usertable .tc2 {justify-self: start; text-align: left;}
.usertable .tcl {padding-left:1em !important;}
.usertable tr {display: grid; grid-template-columns: 1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr; grid-template-rows: auto; align-items: center; justify-items: center;}
.online-list tr {display: grid; grid-template-columns: 0.9fr 1.3fr 0.8fr; grid-template-rows: auto; align-items: center; justify-items: center;}
.online-list td.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.5fr 0.8fr; grid-template-rows: auto; align-items: center; justify-items: center; border-bottom: 1px solid var(--bgh3);}
.forum .tcl, .forum .tc2 {text-align: left;}
.forum .tcr span {display: block; font-size: 0.9em; margin-top: 0.4em;}

/* внутри категории */
#pun-viewforum .forum tr {display: grid; grid-template-columns: 1.7fr 0.5fr 0.5fr 0.7fr; grid-template-rows: auto; align-items: center; justify-items: center;}
#pun-viewforum .forum .tc2 {text-align: center;}
#pun-viewforum .modmenu {margin: 0.7em auto;}
#pun-viewforum .modmenu a {font-weight: 600;}
#pun-viewforum .modmenu span {display:none;}

/* страницы новая тема */
#pun-viewforum .linksb {grid-template-columns: 1fr auto; grid-template-rows: auto;}
#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;}
#pun-modviewforum .forum .tc2 {text-align: center;}
#pun-modviewforum .modmenu {margin: 1.4em 1.5em 0.8em 0.5em;}

/* предпросмотр сообщения */
#post-preview .post-box {margin: 1.4em auto 1.1em;}
#pun #pun-post .post h3 + .container, #pun #post-preview .post h3 + .container {overflow: hidden;}


/***   ПОДФОРУМЫ   ***/
div.subforums {margin: 1em auto;}
#pun-index .category tr.isub {margin-left: 40px;}
#pun-viewforum .category tr.isub {background-color: var(--bgpun2); box-shadow: var(--bs-tr); padding: 15px; margin: 10px 0px; position: relative; display: grid; grid-template-columns: 1.8fr 1.2fr; grid-template-rows: auto;}
#pun-viewforum .category tr.isub .tcl {grid-row: 1 / 2; grid-column: 1 / 2;}
#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; align-self: center;}
#pun-viewforum .category tr.isub td {padding:0;}
#pun-viewforum .category tr.isub div.icon {display: inline-block; float: left;}


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


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

.intd div.icon {display: block; margin: auto 16px auto 10px; width: var(--icmwid); height: var(--icmhgt); background: var(--bgpun1); outline: var(--bd-navl); border: 1.5px solid var(--bgpun2);}
.inew .intd div.icon {background: var(--bgh2); opacity:1;}

.iclosed .intd div.icon {opacity:1; background: var(--bgh3);}
.poll .intd div.icon {opacity:1; background: var(--selclr);}
.isticky .intd div.icon {opacity:1; background: var(--selbg);}


.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {margin: auto !important; transform: translateX(-150%);}

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

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

#pun-index div.icon.inew {
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat;
  background-color: var(--bgh2);
  box-shadow: 0 0 3px rgba(0,0,0,0.4), inset 0 0 4px rgba(0,0,0,0.5);
  border: 1px solid var(--bdhi);
}


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


/* ТОПИК ПАГИНАЦИЯ и Ответить-создать */
.linkst {display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto; padding: 0.5em 0;}
.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.8em 0;}
.linksb .pagelink {grid-column: 1 / -1; grid-row: 1 / 2;}
.linksb .subscribelink {grid-column: 1 / 2; grid-row: -2 / -1; justify-self: end;}
.linksb .postlink {grid-column: -2 / -1; grid-row: -2 / -1; justify-self: end;}

/* ответить новая тема */
.postlink {font-weight: 600; padding: 0 25px 0 2em;}
.postlink a, .subscribelink a {background: var(--bgpun1); border: 1px solid var(--bgh3); padding: 2px 8px;}

/* номера страниц */
.pagelink a, .pagelink strong {padding: 1px 8px;}
.pagelink strong {background: var(--bgpun2); border: var(--bd-navl);}
.pagelink a:hover {background: var(--bgpun2);}

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

/* дата поста и номер страницы */
h3 span {
  display: block;
  padding: 0.7em 15px;
  margin: 4px -20px auto;
  text-align: center;
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 10%, var(--bgha) 0%, var(--bgh2) 75%, var(--bgbody) 120%);
  background-color: var(--bgh2);
  box-shadow: 0 0 3px rgba(0,0,0,0.45), inset 0 0 5px rgba(0,0,0,0.5);
  border: 1px solid var(--bdhi); border-width: 1px 0px;
  color: var(--bgpun1);
  text-shadow: 0 1px 2px var(--t-shd);
  font-size: 0.9em;
}
h3 span .permalink {grid-column: 1 / 2; grid-row: 1 / 2;}
h3 span strong:first-of-type {margin: auto 0.7em auto 2em; display: inline; float: right;}
h3 span a {color: var(--clrh2);}
h3 span a:hover {color: var(--clrh2);}
/* поделиться */
h3 a.sharelink {display: none;}
/* изменение скрипта кнопками */
h3 strong.fnt {margin: auto 1.5em !important; display: inline; float: right;}

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

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

/* автор поста */
.post-author {
  position: relative; float:left; display:block;
  padding: 15px;
  margin-left: -8px;
  margin-bottom: 10px;
  width: var(--prwid);
  align-self: start;
  text-align: center;
  font-size: 0.9em;
  background-color: var(--bgpun1);
  border: var(--bdauth);
  box-shadow: var(--shauth);
}

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

/* никнейм пользователя */
li.pa-author, .pa-author {
  display: block;
  margin: -2px -18px 6px;
  padding: 8px 4px 6px 4px;
  overflow-wrap: break-word;
  font-size: 1.6em;
  font-family: 'OldStandart', Georgia, serif;
  line-height: 100%;
  color: var(--clrh2);
  text-shadow: 0 1px 2px var(--t-shd);
  border: 1px solid var(--bg-navl);
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--bgtess2) 5%, var(--bgtess1) 100%);
  background-color: var(--bgtess1);
}
.pa-author a {color: var(--clrh2);}
.pa-author a:hover {text-shadow: 0 0 8px var(--t-shd); filter: brightness(1.1);}
.pa-author strong {font-weight: 400;}
/* статус */
.pa-title {font-size: 0.9em;}
/* аватар */
.post-author .pa-avatar {margin: 11px auto;}
/* фикс высоты и ширины аватара */
.post-author img {max-width: 100%; width: auto; max-height: 250px; height: auto;}
/* репутация */
.post-author .pa-respect {
  margin: 0.5em -12px 0.5em;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid var(--bdhi);
  border-width: 1px 0px;
  background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat;
  background-color: var(--bgpun1);
}
.post-author .pa-respect span {margin:auto;}
.post-author .pa-respect span.fld-name {display: block; flex-basis: 100%; padding-bottom: 0.5em;}
.pa-fld3 {margin: 0.5em -10px !important; padding: 8px 10px;}
/* отключаем всякое */
.pa-gifts, .pa-awards {display: none;}

/* текст сообщения */
.post-body {line-height: 156%; text-align: justify; padding-left: 16px; margin-left:230px;}
.post-box {position: relative; /*overflow: visible !important;*/ overflow: hidden;}
.punbb .post-content {overflow: hidden; width: 100%; padding: 0; margin: 0;}

/* ссылки под постом */
.post-links {grid-row: 2 / 3; grid-column: 1 / -1; text-align: right;
  border: 1px solid transparent;
  border-width: 1px 1px 1px 0px;
  border-image: linear-gradient(to right, rgba(255,255,255,0) 0%, var(--bgh3) 100%);
  border-image-slice: 1;
  margin: 10px -10px auto;
}
.post-links li {display: inline-block; position: relative; padding: 6px 12px;
-webkit-transition: 0.15s linear; -moz-transition: 0.15s linear; -o-transition: 0.15s linear; transition: 0.15s linear;}
.pl-email, .pl-website {float: left;}
.post-links li:hover {background: rgba(255,255,255,0.15);}


/* Отступы для абзацев, таблички */
.post-content p {padding: 0 0 0.8em 0;}
.punbb .post-content td {border-width: 0px !important; border-color: transparent; border-style: none !important; padding: 0; height: auto; vertical-align: middle;}

/* подпись - разделитель и текст */
.post-sig dt {display: block; height: 1px; width: 100%; margin: 1em auto; background: linear-gradient(to right, rgba(255,255,255,0) 0%, var(--bgh3) 50%, rgba(255,255,255,0) 100%);}
.post-sig dd {font-size: 0.85em; line-height: 150%;}


/* цитата, спойлер и код */
.post-content .quote-box {
  padding: 14px 20px;
  margin: 0.4em 0.5em 0.8em 0.5em;
  background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat;
  background-color: var(--bgpun2);
  border: var(--bdpun2);
  box-shadow: 0 1px 4px -1px var(--bdhi), 0 0 0 1px var(--bgpun2) inset, inset 0 0 5px var(--bdhi);
}

.post-content .code-box {
  padding: 10px 12px;
  margin: 0.3em 0.7em 0.7em 0.7em;
  background: var(--bgpun2);
  border: 1px solid var(--bgh3);
  box-shadow: 0 0 0 1px var(--bgpun2) inset, inset 0 0 5px var(--bdhi);
}

.post-content .hide-box {
background: var(--bgpun2);
border: var(--bdpun2);
border-style: double;
border-width: 1px 3px;
box-shadow: 0 0 0 1px var(--bgpun2) inset, inset 0 0 5px var(--bdhi);
}

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

/* автор цитаты */
.quote-box cite {
  display: inline-block;
  margin: -3px auto 10px -23px;
  padding: 3px 1.5em;
  font-weight: 600;
  font-size: 0.9em;
  color: var(--bgpun2);
  text-shadow: 1px 0 2px var(--t-shd);
  border: 1px solid var(--bg-navl);
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 100%, var(--bgha) 5%, var(--bgtess1) 100%);
  background-color: var(--bgtess1);
}

/* выделить код надпись */
.code-box .legend {
  display: inline-block;
  margin: -1px auto 8px -15px;
  padding: 2px 1.5em;
  font-weight: 600;
  font-size: 0.85em;
  color: var(--bgpun2);
  text-shadow: 1px 0 2px var(--t-shd);
  border: 1px solid var(--bg-navl);
  background: url(https://forumstatic.ru/files/0012/ee/e9/16708.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 0%, var(--bgtess2) 0%, var(--bgtess1) 75%);
  background-color: var(--bgh2);
}
#pun .code-box .legend a {color: var(--clrh2); text-shadow: 0 1px 2px var(--t-shd);}
#pun .code-box .legend a:hover {filter: brightness(1.1);}

/* скрытый текст */
.hide-box cite {margin: -3px auto 10px -23px; width: fit-content; text-align:left;}
.post-content .scrollbox {overflow:auto; height:auto !important; max-height: 160px; width: 100%;}

/* спойлер */
.post-content .spoiler-box > div {background: url(/img/plus.png) no-repeat left center; cursor:pointer; padding-left: 20px;}
.post-content .spoiler-box > div.visible {background-image: url(/img/minus.png);}
.post-content .spoiler-box {
  padding: 0.7em 1.4em;
  margin: 0.5em 0.7em 0.7em 0.7em;
  background: var(--bgpun2);
  border: var(--bdpun2);
  box-shadow: 0 0 0 1px var(--bgpun2) inset, inset 0 0 5px var(--bdhi);
}
/* внутренности спойлера */
.post-content .spoiler-box > blockquote {padding: 0.6em 0.6em 0.2em !important;}
/* свернуть спойлер ссылка */
.post-content .spoiler-box > blockquote a[onclick^="clickSP"] {font-size: 0.85em; font-style: italic; font-family: Georgia, Verdana, serif;}
.spoiler-box > div[onclick] > p {margin: 0!important; padding: 0!important; display: inline-block;}


/* Тему читают */
#topic-users-in {padding: 1.3em 1.5em; line-height:150%;}
#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;}
#topic-modmenu {padding: 1em 0 0 25px;}
#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 {display:none;}
.isadmin .lastedit, .ismoderator .lastedit {display: block;}
.post-content p.lastedit {padding: 0.6em 0; text-align: right; font-size: 0.85em; font-style: italic; opacity: 0.55;}

/* разделитель hr */
.post-content hr {margin: 0.4em auto 0.6em auto; height:0px; border-top: 1px; border-image: linear-gradient(to right, transparent 3%, var(--bgh2) 25%, var(--bgh2) 75%,transparent 97%); border-image-slice: 1;}

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


/* таблица опроса*/
#poll-special div.formal.vote-result table td {width:33%;}
#poll-special td h1 {display: block; height: 8px !important; background-image: none; background-color: var(--bgh2); padding: 2px; }
#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 {background-color: var(--bgpun2); border: var(--bdpun2); padding: 5px 4px 4px; margin: 0.5em auto;}

/* оболочка поля ответа */
textarea {outline: none; max-width: 100%; line-height: 155%;
  padding: 14px;
  margin: 0.5em 0px 0.1em;
  font-size: 1em;
  border: var(--bdpun2);
  box-shadow: 0 1px 4px -1px var(--bdhi), 0 0 0 1px var(--bgpun2) inset, inset 0 0 5px var(--bdhi), var(--bs-tr);
  background-color: var(--bgpun2);
}
/* расширитель */
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; background: var(--bgpun2); box-shadow: var(--bs-tr); border: var(--bd-navl); overflow: auto; max-height: 284px;}
#form-buttons + #tags {position:relative;}
#tags .container {position: absolute; right: 6px; top: 0px !important; z-index: 2; padding: 12px;}
#tags tr {display: table-row;}
#pun-messages #post-form div.container {padding-left: 12px !important;}
#font-area div, #size-area div, #addition-area div {height: auto !important; padding: 5px 0;}
#font-area div:hover, #size-area div:hover, #addition-area div:hover {background: rgba(255,255,255,0.1); box-shadow: 0 2px 0 -1px var(--bgh3), 0 -2px 0 -1px var(--bgh3); border-width: 1px 0;}
#image-area-tcon-computer {margin-bottom: 0.6em;}
#image-area {max-width: 430px;}
#keyboard-span input {margin: 2px !important; padding: 0px 10px; border: 1px solid var(--bgh3) !important; border-radius: 4px; background-color: var(--bgpun2) !important; box-shadow: none; color: inherit !important;}
#keyboard-span input:hover {filter: contrast(1.25);}


/* BB-теги иконками */
#form-buttons tr {display: grid; grid-template-columns: repeat(auto-fit, minmax(26px, 1fr)); grid-template-rows: auto; gap: 6px 6px;}
#form-buttons td {height:26px; font-family: 'icomoon'; font-size: 16px; font-weight:400; position: relative; background-image: none !important; opacity: 0.75;}
#form-buttons td:hover {opacity: 1; color: var(--forpuna);}
#form-buttons td img {display:inline-block; margin-left:-26px; z-index: 10;}

#form-buttons td:before {pointer-events:none;}
#button-indent:before, #button-mask:before, #button-sticker:before, #button-styles:before,
#button-size:before, #button-font:before, #button-bold:before, #button-italic:before, #button-underline:before, #button-strike:before, #button-left:before, #button-center:before, #button-right:before, #button-link:before, #button-spoiler:before, #button-image:before, #button-video:before, #button-hide:before, #button-quote:before, #button-code:before, #button-color:before, #button-table:before, #button-smile:before, #button-keyboard:before, #button-addition:before, #button-graffiti_rusff:before, #button-files_rusff:before
{position:relative; display:inline-block; height:26px; width:26px; line-height:26px; top: -6px;}

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

#button-font:before {content:"\f031";}
#button-size:before {content: "\ea61";}
#button-bold:before {content: "\f032";}
#button-italic:before {content: "\f033";}
#button-underline:before {content: "\f0cd";}
#button-strike:before {content: "\f0cc";}
#button-left:before {content: "\f036";}
#button-center:before {content: "\f037";}
#button-right:before {content: "\f038";}
#button-link:before {content: "\f0c1";}
#button-spoiler:before {content: "\f212";}
#button-image:before {content: "\f030";}
#button-video:before {content: "\f16a";}
#button-hide:before {content: "\e91a";}
#button-quote:before {content: "\f27b";}
#button-code:before {content: "\f121";}
#button-color:before {content: "\f1fc";}
#button-table:before {content: "\f0ce";}
#button-smile:before {content: "\f118";}
#button-keyboard:before {content: "\f11c";}
#button-addition:before {content: "\f069";}

#button-files_rusff:before {content: "\f0fe";}
#button-graffiti_rusff:before {content: "\f03e";}
/*дополнения*/
#button-indent:before {content: "\f1dd";}
td#button-indent {display:none;}
#button-sticker {width:26px; height:26px;}
#button-sticker:before {content: "\e924"; margin-top:6px;}
#button-mask:before {content: "\e90e";}
#button-styles:before {content: "\f02c";}

#form-buttons td:before {pointer-events:none;}

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

.button, input[type="submit"], #viewprofile-next #pa-edit a {outline: none; cursor: pointer;
  margin: 0.5em 0.5em 0.8em 0.5em; padding: 5px 14px 6px 14px;
  background: var(--bgh2);
  border: 1px solid var(--bg-navl); border-radius:0px;
  box-shadow: inset 0 0 0 1px var(--bgh3), inset 0 0 4px var(--bg-navl), var(--bs-tr);
  /* text-transform: lowercase; */
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.05em;
  color: var(--bghs);
  text-shadow: 0 1px 2px var(--t-shd);
}
.button:hover, input[type="submit"]:hover, #viewprofile-next #pa-edit a:hover {background: var(--bgha);}
#imageupload-left input[type=button] {width: auto !important;}


/*** АДМИНКА ***/
#pun-admain {background-color: var(--bgpun2);}
.punbb-admin #pun-admain h2 a {color: var(--clrh2) !important;}
.punbb-admin .linksb {display: flex; flex-wrap: wrap; height: auto !important; padding: 1em 0; font-size: 1.1em;}
div.adcontainer {background-color: var(--bgpun2);}


/*для мелочи */
#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 fieldset .handle, #pun-admain fieldset p {border-left-width: 20em;}
#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;}
#pun-adnav .isactive ul.adsubnav a {border-bottom: none;}
.award-edit {margin-right: 1em !important;}
/* сервисный баннер */
.admin-advert-block {width: 100% !important; margin-top: -100px; text-align: center;}
.punbb-admin #filetable {font-size: 11px;}

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

/* заплатки для страницы регистрации */
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 {padding-bottom:10px; background-color: var(--bgpun1); border: var(--bdauth);}
.inner td {vertical-align: top;}
/* перемещение сообщений */
#move_posts_form thead tr, #move_posts_form tbody tr {border-bottom: 1px solid var(--bgh3); 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: #0c0c0c;}


/* ЗАКЛАДКИ */
#BookmCntToggle {top:14px !important; color: var(--bgtess1) !important; background:var(--bgpun1) !important; height:26px !important; width:26px !important; z-index:11 !important;}
#MyBookmarks {margin-top:56px; background:var(--bgpun2); box-shadow:var(--bs-tr); border:var(--bd-navl); min-height:150px; max-height:500px;}
#pun #MyBookmarks h2 {margin:0px auto auto; border-width:0 0 1px 0; padding-right:2em; text-align:right !important;}
#MyBookmarks .container {height:auto; overflow-y:auto; overflow-x:hidden; max-height:440px;}


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


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


/* описания форумов и ссылки в них */
.podfor {display: block; text-align: justify; padding: 16px; margin: 6px 0px; background: var(--bgpun2); box-shadow: var(--tesbsh); border: 1px solid var(--bgh3);}
.podfor + br {display: none;}

ul.tess {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
ul.tess li {
/* flex-grow: 1; */
display: inline-block; margin:2px;
text-align: center;
background: radial-gradient(ellipse at 50% 10%, var(--bgtess2) 0%, var(--bgtess1) 75%, var(--bgbody) 120%);
background-color: var(--bgtess1);
color: var(--clrtess);
text-shadow: 0 1px 1px rgb(0 0 0 / 75%);
letter-spacing: 0.02em;
text-transform: uppercase;
font-size: 0.8em;}
#pun ul.tess li a {color: var(--clrtess); display:block; margin:0px;  padding: 5px 10px;}
#pun ul.tess li a:hover {text-shadow: 0 1px 1px rgb(0 0 0 / 75%);}

/* выделение некоторых ссылок */
#pun .tclcon .tess li, #pun .tclcon .tess a.ly1 {-webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;}
#pun .tclcon .tess li:hover {filter: brightness(1.25);}
#pun .tclcon .tess a.ly1 {background: radial-gradient(ellipse at 50% 10%, var(--bgha) 0%, var(--bgh2) 75%,  var(--bgbody) 120%);}
/* #pun .tclcon .tess a.ly1:hover {filter:brightness(1.15);}*/

/* баннеры-партнерки */
#lylbottom {display:block; width: 100%; padding: 4px 0px; text-align:center;}
#lylbottom img {opacity: 0.7;}
#lylbottom img:hover {opacity:1;}
#lylbottom + br {display: none;}


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


/* для ЧС-профиля */
.toBlock {position:relative;}
/* прокрутка на компе с мышкой */
/* @media (hover: hover) and (pointer: fine) {.toBlock, .post-author {top: 90px; position: -webkit-sticky; position: sticky;}} */

/* Стикеры */
.hvStickerPackModal {background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat var(--bgpun2) !important;}

/* для сворачивания категорий */
#pun-index .category h2, #pun-stats h2 {position: relative; border-width: 1px 0px; margin: 14px -20px 10px -20px;}
h2 span.offctgr {display: block; float:none; clear:both; cursor: pointer; position: absolute; top: 0px; right: 0px; min-width: 20px; width: 30%; height: 100%; text-align: right; padding: 10px 10px 0 0;}

/***   ДОПОЛНИТЕЛЬНОЕ МЕНЮ ТЕГОВ   ***/
#Styles {
position: absolute; right: 26px; bottom:55%; outline: none; padding: 10px;
background: var(--bgpun2);
box-shadow: var(--bs-tr);
border: var(--bd-navl);
overflow: auto;
max-height: 284px;
}
#meny-styles.container {padding: 0;}
#Styles .container span {display:none;}
#Styles .container p {cursor:pointer; margin: 2px 0px; padding: 4px 0; font-size: 11px;}
#Styles .container p:hover {background: rgba(255,255,255,0.1); box-shadow: 0 2px 0 -1px var(--bgh3), 0 -2px 0 -1px var(--bgh3); border-width: 1px 0;}


/* 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: -120px;
width: 100%;
height: 118px;
text-align: center;
overflow: hidden;
color: var(--bgtess2);
}
.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;}
.lyl1 a {color: var(--bgh3) !important; text-shadow: 0px 1px 2px rgba(0,0,0,0.25); font-size:40px; font-family: 'OldStandart', Tahoma, serif; opacity:0.75;}
.lyl1 a:hover {filter: brightness(1.2);}


/* новости */
#objav {position: relative; padding: 8px; background: var(--bgpun2); box-shadow: var(--bs-tr); border: var(--bd-navl); display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr auto; grid-gap: 8px 8px; max-height: 1000px;}

#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; text-align: center; background: radial-gradient(ellipse at 50% 10%, var(--bgha) 0%, var(--bgh2) 75%, var(--bgbody) 120%); background-color: var(--bgh2); border-radius: 2px; color: var(--clrtess); text-shadow: 0 1px 1px rgb(0 0 0 / 75%); letter-spacing: 0.02em; text-transform: uppercase;  font-size: 0.8em;}

/* НОВОСТИ */
.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; border: 1px solid var(--bgh3); font-weight: 600; text-align:center; background: var(--bgpun2); box-shadow: var(--tesbsh);}
tr.n_new span {background: var(--bgh2); color: var(--bgpun2); text-shadow: 0 1px 1px rgb(0 0 0 / 75%);}
.nov3 tr td {vertical-align: middle;}
.nov3 tr td:first-of-type {vertical-align: top;}
.nov3 tr.n_new td {font-size: 1em;}
.nov3 tr.n_old td {font-size: 0.85em;}

/* ВСЯЧИНА */
.nov1 * img {max-width:100%; height:auto;}
.nov11 {display:block; overflow:auto; max-height: 130px; font-size: 0.9em;}
a.ly12 {display: block; font-size: 16px; margin: 0.7em auto 0.5em; font-family: 'OldStandart', Georgia, serif; text-shadow: 0px 0px 1px var(--bgh3);}

/* БЫСТРАЯ НАВИГАЦИЯ */
.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, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2em; font-size: 1.1em; background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 10%, var(--bgpun2) 0%, var(--bgpun1) 100%); background-color: var(--bgpun1); box-shadow: 0 1px 5px -2px var(--bgh3); border: 1px solid var(--bdhi); color: var(--bgtess2); text-shadow: 0px 0px 1px var(--bgh3);}

.navi1 ul, .navi2 ul {z-index:9; position:absolute; top:100%; left:0%; width:100%; padding: 8px 6px; background: var(--bgpun2); box-shadow: var(--bs-tr); border: var(--bd-navl);
-webkit-transition: all 0.3s ease-in-out, max-height 0.3s ease-in; -moz-transition: all 0.3s ease-in-out, max-height 0.3s ease-in; transition: all 0.3s 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;
-webkit-transition: all 0.3s ease-in-out, max-height 0.3s ease-in; -moz-transition: all 0.3s ease-in-out, max-height 0.3s ease-in; transition: all 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s 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(--bgh3), 0 -2px 0 -1px var(--bgh3); border-width: 1px 0;}
.navi1:hover button, .navi2:hover button {background: url(https://forumstatic.ru/files/0012/ee/e9/16442.webp) 0% 0% repeat, radial-gradient(ellipse at 50% 10%, var(--selclr) 0%, var(--bgpun2) 100%); background-color:var(--bgpun2);}

.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;}

/* копирайт с датами */
.copylyl {display: block; padding:4px 0; text-align: center; font-size: 0.85em; opacity: 0.75;}


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


/*** СТРЕЛКИ ***/
.topbot {position:absolute; right:-30px; z-index:3;}
.go-up, .go-down {cursor: pointer; display: none; position: fixed; z-index: 999; width: 25px; height: 70px; line-height: 25px; box-sizing: border-box; text-align: center; font-family: Tahoma, Verdana, sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--forpunah); text-shadow: 0px 1px 2px var(--t-shd); writing-mode: tb-rl; transform: rotate(-180deg); border: var(--bdpun); background-color: var(--forpunav); box-shadow: inset -6px 0 8px rgb(0 0 0 / 25%); overflow:hidden;}
.go-up {bottom: calc(30% + 86px);}
.go-down {bottom: 30%;}
.go-down:hover, .go-up:hover {filter:brightness(1.15);}


/* Черный Список */
#panel * {box-sizing: border-box;}
#panel {box-sizing: border-box; position: fixed; top: 56px; left: -250px; overflow: hidden; z-index: 10000;}
#panel-content {background: var(--bgpun1); border: var(--oupun); border-width: 2px; box-shadow: inset 0 0 4px var(--forpunah); width: 250px; height: auto; float: left; padding: 10px 8px;}
#panel-sticker {background: var(--bgh2); color: var(--clrh2); text-shadow: 0 1px 1px rgba(0,0,0,0.75); float: left; position: relative; padding: 0; margin: 0; cursor: pointer;}
#panel-sticker > span {padding: 10px 6px; display: block;}
#blockUsers > li > strong {cursor: pointer; font-size: 17px; color: red; font-weight: bold; top: 2px; position: relative;}
.blockButton {position:absolute; top:0px;}
.blockButton:before {content: "x"; cursor: pointer; z-index: 2; position: absolute; top:-46px; transform: translateX(calc(-9px - 100%)); padding: 0 6px; width: auto; height: 20px; line-height: 20px; opacity: 1; font-size: 11px; font-family: Tahoma, Arial, sans-serif; text-transform: uppercase; color: var(--bgpun2); background: var(--bgtess1); border: var(--bdauth);}
ul#blockUsers {list-style-type: none; float: left; margin-left: 25px;}


/*** МОБИЛЬНЫЙ ДИЗАЙН ***/
#on_OfMobile>span {display:inline-block; width:30px; height:30px; opacity:1; transition-duration:0.12s; cursor:pointer;}
#on_OfMobile>span:hover {opacity:1;}
#on_OfMobile>span.mobile{background: transparent;}
#on_OfMobile>span.unmobile{background: transparent;}
.tipsy.mobil .tipsy-inner {width:100px;min-width:80px; background: rgba(0,0,0,0.85); color: #333;}
#on_OfMobile>span.mobile:before, #on_OfMobile>span.unmobile:before {font-family: 'icomoon', 'fontawesome'; font-size:24px; color: #fff; display: inline-block; padding-left:2px;}
#on_OfMobile>span.mobile:before {content: "\e92d"; color: var(--forpuna);} /* да */
#on_OfMobile>span.unmobile:before {content: "\e92c"; color: var(--bgha);} /* нет */


/***  СМЕНА ДИЗАЙНА  ***/
.lylst {padding: 1em 0 0 0; margin: auto -20px; position:relative;}
ul#stylelist {display:grid; grid-template-columns: repeat(auto-fit, minmax(26px, 44px));
grid-template-rows: auto; gap: 6px 6px; justify-content: end; overflow:hidden; width:100%; background:transparent;}
#stylelist li {border:var(--bdpun); margin: auto;}
#stylelist li#on_OfMobile {border-width:0px;}
#stylelist li a {font-size: 0px; box-sizing: border-box; display: block; height: 0px; width: 0px; border-style: solid; border-color: transparent; border-width: 0px 0px 14px 22px;}
#stylelist li a:hover {filter: brightness(1.15);}
#stylelist li[data="lightr"] a {border-color: transparent transparent #c2b9b0 #2f2c2c;}
#stylelist li[data="lightg"] a {border-color: transparent transparent #b09e8c #2a2f3b;}
#stylelist li[data="darkv"] a {border-color: transparent transparent #111012 #463756;}
#stylelist li[data="lightgr"] a {border-color: transparent transparent #8b929a #dcdcdc;}
#stylelist li[data="lightb"] a {border-color: transparent transparent #d4d0cd #c2b4a6;}
#stylelist li[data="darkg"] a {border-color: transparent transparent #161917 #4d5442;}



/*** mobile админка ***/
@media screen and (max-width: 540px) {/* админка */
.punbb.punbb-admin {width: 100%; max-width: 540px; min-width: 320px;}
div#pun-adnav {clear: both; width: 100%; margin-left: auto; display: block;}
#pun-adnav ul {display: flex; flex-wrap: wrap; flex-direction: row;}
div.adcontainer {background-color: var(--bgpun2);}
div.adminmain {padding-left: 0; margin: auto -30px 1em;}
.punbb div.adminmain.post {padding: 0 0 0 0em !important;}
.punbb-admin #pun-navlinks {padding: 0 8px;}
.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: 24px;}
.punbb-admin #pun-navlinks li {padding:0;}
.punbb-admin span.num_msg {font-size: 16px !important;}
}



/* разделение на 2 столбца */
#pun-index .category-5 tbody.hasicon {display:grid;
grid-template-columns: repeat(2, minmax(48%, 1fr)); grid-template-rows: auto; gap: 6px 6px;}

/* блоки внутри форума */
#pun-index .category-5 tbody tr, #pun-index .category-5 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-5 .tcl {padding: 0 0 6px 0; border-width: 0px !important;}
#pun-index .category-5 .tc2, #pun-index .category-5 .tc3 {padding: 4px 0; margin-right: 0px; border: 1px solid var(--bgh3); border-width: 1px 0px !important;}
#pun-index .category-5 .tcr {padding: 10px 0 0 0; border-top: 0px !important;}

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


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

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0

44

какие-то проблемы с репутацией в моб. вар.

upd.  А, нет, только там, где коряво проставлены бб-теги

Отредактировано Реклама (13-03-2022 04:39)

0

45

0

46

Я просто запостил в одну тему заявку с "битыми" тегами - такое бывает, когда спойлер куда попало в бб-таблицы пихают. Обычно то стиль плывет, то редактировать не дается, то еще какая напасть.  В моем сломанном варианте - не срабатывает спойлер и, как выяснилось, "бьется" репутация.

Но это не мой косяк, это все корявый пост ))

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

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0

47

Ограничение размера картинок в подписи

Задержка до появления блока с выбором расцветки и переключалки

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

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0

48

бежевый - проверить заголовки, к какому краю прижаты в моб. вер.

уменьшить отступ текста от профиля - моб.

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

Отредактировано Religion (21-03-2022 01:26)

0

49

увеличить окно комментария в репутации в моб. вер.

Отредактировано Religion (26-03-2022 15:15)

0

50

Докраска реакций (да доделай ты их наконец!)

поправить пагинацию и кнопки ответить в моб. вер.

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

:confused:

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

https://forumavatars.ru/img/avatars/000b/09/4f/18650-1600694306.png

0


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


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