Вертикальное выравнивание через valign не работает!
- Подпись автора
Birds in shadow |
Новости | Минорные изменения. |
Новости | Последствия DDoS-атаки устранены. Форумы должны заработать в прежнем режиме. |
Новости | На mybb ведется DDoS-атака. Форумы могут быть недоступны какое-то время. |
Новости | Новый форум для околоролевых проектов. |
Сервис | Страсти по РКН. |
Сервис | Новая опция: регистрация без подтверждения по email. |
Сервис | Блокировки на сервисе. |
Скрипты | WYSI - визуальный редактор сообщений. Тестирование. |
Скрипты | Обновление скрипта HTML с доступом по группам |
Сервис | Проблема с загрузкой форумов и необходимость оптимизации. |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Birds in shadow » Для гостей » Дизайн-проверка
Вертикальное выравнивание через valign не работает!
мобилки меньше 400: чуть поднять ЧС-блок
тем-последний ответ в вертикаль, а не в горизонталь
иконка нового сообщения - подвинуть к левому краю
лс - убрать дату
<!----- СМЕНА СТИЛЯ, (с) 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 ----->
ОТКАТ НА 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;} */
/* БЫСТРЫЕ ПЛЮСЫ БЕЗ КОММЕНТАРИЕВ */ /*** .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;} }
/****************************************************************/ /****************************************************************/ /*** ТЕМНЫЙ ЗЕЛЕНЫЙ ***/ .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;} /****************************************************************/ /****************************************************************/ /****************************************************************/ /****************************************************************/
https://urchoice.rolka.me/viewtopic.php … 0#p2134686
доп. теги - где искать, как выглядят
где теперь менять размер шрифта
изображения смены моб-деск + ссылка на скрипт
https://urchoice.su/viewtopic.php?id=59827#p2291213
упомянуть вечные проблемы с сафари
Вы здесь » Birds in shadow » Для гостей » Дизайн-проверка