@import url(style_cs.css); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/solid.min.css'); /* веб-шрифты Google Fonts */ @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900'); @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @font-face {font-family: NotoSerif; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/52094.ttf);} @font-face {font-family: NotoSerif-it; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/52094.ttf);} @font-face {font-family: Aguafina; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/86378.ttf);} @font-face {font-family: AdhunMage; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/20223.otf);} @font-face {font-family: OldStandard; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/19413.ttf);} @font-face {font-family: 'Brusnika'; src: url(https://forumstatic.ru/files/001c/c1/8b/38818.otf);} @font-face {font-family: BodoniModa; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/34871.ttf);} @font-face {font-family: 'MontserratReg'; src: url(https://forumstatic.ru/files/001c/c1/8b/93256.ttf);} @font-face {font-family: 'MontserratBold'; src: url(https://forumstatic.ru/files/001c/c1/8b/19934.ttf);} @font-face {font-family: DaysOne; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/20954.ttf);} @font-face {font-family: Marmelad; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/81235.ttf);} @font-face {font-family: PoiretOne; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/66988.ttf);} @font-face {font-family: Prata; /* Имя шрифта */ src: url(https://forumstatic.ru/files/001c/c1/8b/83090.ttf);} @font-face {font-family: 'Unbounded'; src: url(https://forumstatic.ru/files/001c/c1/8b/95056.ttf);} /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* A2.1 */ /* обнуляет внешние и внутренние отступы у всей страницы; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ html, body { margin: 0; padding: 0 } /* A2.2 */ /* обнуляет стандартные внешние отступы у всех элементов форума; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ .punbb * { margin: 0px } /* A2.3 */ /* убирает стандартные отступы и маркеры у списков форума; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ .punbb ul, .punbb dl, .punbb dd, .punbb dt { padding: 0; list-style: none; /* font: 500 12px var(--font-02); */ } .punbb li { padding: 0; list-style: none; font: 400 11px var(--font); color: var(--text-01); } /* A2.4 */ /* убирает стандартную рамку вокруг изображений; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ .punbb img { border: none } /* A2.5 */ /* фиксирует табличную раскладку и растягивает таблицы на всю ширину; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ /* выставляет аккуратные отступы у чекбоксов и переключателей; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em; } /* 2.6 */ #pun-admain a { cursor: pointer; color: var(--links-01); } /* A2.7 */ /* оформляет группы полей формы; относится к разделу: сброс стандартных браузерных стилей и устранение различий между браузерами. */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: auto; vertical-align: middle } /* A3 Text setup /* Раздел Rusff: базовые размеры, начертания и поведение текста. */ -------------------------------------------------------------*/ /* A3.1 */ /* задаёт базовый размер текста страницы; относится к разделу: базовые размеры, начертания и поведение текста. */ body { font-size: 100.01%; } /* A3.2 */ /* задаёт основной шрифт и размер интерфейса форума; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb { font: normal 70% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } /* 3.3 */ /* задаёт единый шрифт полям ввода, спискам и текстовым областям. */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; border-color: transparent !important; border-radius: 3px; } /* A3.4 */ /* нормализует размеры и насыщенность заголовков; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb h1, .punbb h2, .punbb h3 { font-size: 1em; /* font-weight: bold; */ font: 11px var(--font); font-style: normal; text-transform: lowercase; padding: 4px; } .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { border-bottom: 0 none #000; color: var(--links-01); text-decoration: none; transition: color 0.3s ease-in-out; } .punbb th { font-size: 0.9em; font-weight: bold; } .punbb h4, .punbb table { font-size: 1em; font-weight: normal; } /* A3.5 */ /* нормализует размеры и насыщенность заголовков; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb h1 span, .punbb h2 span, .punbb legend span { /* font-size: 1.1em; */ } /* A3.6 */ /* задаёт моноширинный шрифт для предварительно форматированного текста; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb pre { font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ /* задаёт стандартное подчёркивание ссылок; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ /* возвращает курсив внутри текста сообщений; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb .post-content em { font-style: italic } /* A3.9 */ /* возвращает курсив внутри текста сообщений; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ /* задаёт стандартное подчёркивание ссылок; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb a { border-bottom: 0 none #000; color: var(--links-01); text-decoration: none; transition: color 0.3s ease-in-out; } /* A3.11 */ /* настраивает внешний вид и расположение элементов «.punbb optgroup»; относится к разделу: базовые размеры, начертания и поведение текста. */ .punbb optgroup { font-weight: bold; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ /* очищает обтекание после контейнеров, чтобы блоки не схлопывались; относится к разделу: очистка обтекания и скрытие служебных элементов без нарушения доступности. */ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb dl.post-sig dt span, .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; } /* A4.2 */ /* нормализует размеры и насыщенность заголовков; относится к разделу: очистка обтекания и скрытие служебных элементов без нарушения доступности. */ .acchide, #pun-ulinks h2, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status 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 { font-size: 0; height: 0; width: 0; line-height: 0.0; position: absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders /* Раздел Rusff: основная геометрия страницы, ширина корпуса, отступы, границы и служебные экраны. */ -------------------------------------------------------------*/ /* A5.1 */ #pun { background: var(--backgr-02); margin: auto; width: 1000px; box-sizing: border-box; color: var(--text-02); border-radius: 6px; margin-top: 25px !important; margin-bottom:25px !important; padding: 28px; } .punbb { padding: 0; } /* не нужно */ h1.title-logo, #pun-navlinks h2, #pun-ulinks h2, #pun-status h2, #pun-crumbs1 strong, #pun-crumbs2 strong, thead, th, #pun-crumbs1 .container strong+em, #pun-crumbs2 .container strong+em, #pun-index #pun-main h1, .stickytext, .closedatafield, #pun-live-rusff, .pl-reports, td .modlist, li#navawards, .pa-gifts, .acchide, .forum h2, .usertable h2, .topic h2, a.sharelink, #pun .pa-ua, .pa-author img, .lastedit, fieldset legend, #pun .pl-reports, #pun .mini_gifts, #pun-userlist .main h2, #pun-search .main h1, #profilenav h2, #profile-gifts, #messages li.pl-email, #pun .email, .catleft, .catright, #pun .pl-share, p.inputfield label em, p.selectfield label em, p.passfield label em, #pun-announcement h2, .pa-awards { display: none; } .punbb { height: auto; } #pun { color: var(--text1); } #pun a { color: var(--links-01) } #pun a:hover { color: var(--hoverover-01) } /* 5.1 */ .adformal { border-style: none none solid none; border-width: 0 0 2px 0; border-color: #f6f6f6; } /* 5.2 */ .adcontainer { border-style: none solid solid solid; border-width: 0 1px 1px 1px; border-color: #ccc #ccc #aaa #ccc; } /* 5.3 */ .adformal h2, #pun-adnav h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0; background-color: var(--backgr-02); color: var(--text-01); /* border-color: #333; */ } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; min-height: 100px; } #pun-redirect { position: fixed; inset: 0; box-sizing: border-box; margin: 0; padding: 40px 20px; overflow-y: auto; text-align: center; border: none !important; background: var(--background) center / cover no-repeat fixed !important; } #pun-redirect #pun-main { background: transparent; } #pun-redirect .main-title { display: none; } #pun-redirect.punbb .info .container { display: block; box-sizing: border-box; width: min(100%, 1000px); min-height: 100px; margin: 50px auto 0; padding: 30px; border-radius: 6px; background: var(--backgr-02); font-family: var(--font), sans-serif; font-size: 11px; font-weight: 400; text-align: center; } /* 5.1 */ .adformal { border-style: none none solid none; border-width: 0 0 2px 0; border-color: #f6f6f6; } /* 5.2 */ .adcontainer { border-style: none solid solid solid; border-width: 0 1px 1px 1px; border-color: #ccc #ccc #aaa #ccc } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 0; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 */ #pun-post .topic { margin-top: 1em; } /* A5.8 */ /* оформляет меню модераторских действий */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border:none } /* A5.9 */ .punbb .container { border: none } /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { display: block; width: 80%; height: 1px; margin: 35px auto 15px; border: 0; background: var(--stroke-03); } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em; font: 400 12px/160% var(--font), sans-serif; } /* B1.4 */ .punbb .post-content img { vertical-align: text-top } /* B1.5 */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: visible; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; height: auto !important; max-height: 210px } /* B1.8 */ .punbb #pun-main .quote-box, .punbb #pun-main .code-box { padding: 0 !important; position: relative; text-align: justify; overflow: visible; box-sizing: border-box; } #pun-main .quote-box blockquote, #pun-main .code-box .blockcode { box-sizing: border-box; width: 100% !important; background: var(--backgr-05); border-radius: 6px; padding: 15px; } #pun .quote-box.spoiler-box { box-sizing: border-box; padding: 0 !important; overflow: hidden; background: var(--backgr-06); border-radius: 6px; padding: 15px; } .quote-box.spoiler-box>blockquote { padding: 10px 15px !important; box-sizing: border-box; border: none !important; margin: -2px 0 0 !important; width: auto !important; border-top: 1px solid var(--backgr) !important; border-radius: 0 !important; } .quote-box.spoiler-box .spoiler-box { border: 1px solid var(--backgr) !important; } .quote-box.spoiler-box>div { color: var(--text); padding: 5px 15px 4px !important; font-family: var(--font); font-weight: 500; line-height: 150% } #pun .post-content .spoiler-box > div { background:transparent; position: relative; width: 100%; box-sizing: border-box } #pun .post-content .spoiler-box > div:before { content: ""; mask: url(https://forumstatic.ru/files/001c/37/2a/91262.svg) no-repeat center center; -webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/91262.svg) no-repeat center center; mask-size: cover; -webkit-mask-size: cover; background: var(--backgr-02); width: 14px; height: 14px; transition: transform .5s ease-in-out 0s; box-sizing: border-box; display: block; margin-right: 10px; float: left } #pun .post-content .spoiler-box > div.visible:before { mask: url(https://forumstatic.ru/files/001c/37/2a/75624.svg) no-repeat center center; -webkit-mask: url(https://forumstatic.ru/files/001c/37/2a/75624.svg) no-repeat center center; mask-size: cover; -webkit-mask-size: cover; background: var(--text); } #pun .post-content { overflow-wrap: anywhere; } #pun .quote-box cite, #pun .code-box strong.legend { display: block; font-size: 8px; text-transform: none; font-family: var(--font); margin-top: 0px !important; padding: 5px 10px 5px; margin-bottom: 2px; text-align: left; font-weight: 600; color: var(--text-02); width: 100%; box-sizing: border-box; background: var(--backgr-04); text-transform: uppercase; border-radius: 6px; } #pun .quote-box cite a, #pun .code-box strong.legend a { color: var(--text-02) !important; } #pun .quote-box cite a:hover, #pun .code-box strong.legend a:hover { color: var(--hoverover-02) !important; } #pun-main .code-box .scrollbox pre { font-size: 11px; font-family: 'Inter'; white-space: break-spaces } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box > * { margin: 0 0 0.7em; padding: 0; } .punbb .info-box > *:last-child { margin-bottom: 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------- Отступ между "страница" и "ответить" */ /* B3.1 */ .punbb .linkst { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; padding: 0; color: var(--text-02); font-family: var(--font), sans-serif; font-size: 10px; line-height: normal; text-transform: lowercase; } /* Верхняя панель */ .punbb .linkst { font-weight: 400; } /* Нижняя панель */ .punbb .linksb { margin: 5px 0 0 !important; font-weight: 300; } /* Ссылка создания темы или ответа */ .punbb :is(.linkst, .linksb) .postlink { inline-size: auto; font-weight: 600; text-align: end; } #pun .postlink.long { inline-size: auto !important; } /* Индивидуальная корректировка для группы */ .gid3 .linksb { margin-top: 5px !important; } /* Страница профиля */ #profile .button { margin-top: 0 !important; } #profile .clearer { display: none; } /* Старый clearfix больше не нужен при flex */ .punbb .linksb::after { content: none !important; display: none !important; } /* Корректировка соседних частей ссылки */ .postlink span + span { margin-left: -5px; } /* Порядок элементов в нижней панели */ /* Номера страниц слева */ .linksb .pagelink { order: 1; inline-size: auto; text-align: start; } /* Подписка в центре */ .linksb .subscribelink { position: relative; order: 2; text-align: center; } /* Ссылка действия справа */ .linksb :is(.postlink, noindex) { position: relative; order: 3; inline-size: auto; } /* Текущая страница */ .pagelink strong { font-weight: 600; } /* C1 Form layout -------------------------------------------------------------*/ /* Основной контейнер формы */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em; } /* Контейнер формы публикации */ #post.container { background-color: var(--backgr-03); border-radius: 6px; } /* Панель кнопок отправки и предпросмотра */ .punbb .formsubmit { position: relative; z-index: 1; display: flex; gap: 5px; margin: 0; padding: 0 0 15px; } /* Перемещает кнопку предпросмотра вправо */ #togglePreview { margin-left: auto; } /* Убирает внешние отступы у элементов панели */ .punbb .formsubmit :is(input, a, span) { margin: 0; } /* Основные группы полей */ .punbb fieldset { margin: 0 0 1em; padding: 0; border-style: solid; border-width: 1px; border-color: transparent; } /* Заголовок группы полей */ .punbb fieldset legend { margin: 0 0 0 11px; padding: 0; font-size: 1.1em; } /* Внутренняя часть заголовка */ .punbb fieldset legend span { margin: 0; padding: 0 5px; } /* Заголовки групп на странице профиля */ #profile .container fieldset legend { display: block; margin: 0 0 5px !important; padding: 4px 0; font-family: var(--font); font-size: 8px; text-transform: uppercase; } /* Вложенные группы полей */ .punbb fieldset fieldset { margin: 0; padding: 0 0 8px; border-style: none; } /* Внутренний контейнер группы полей */ .punbb .fs-box { padding: 0; } /* Отступы между элементами группы */ .punbb .fs-box :is(p, fieldset) { padding: 0 0 1.5em; } /* Поля, расположенные в одну строку */ .punbb .inline :is(.inputfield, .selectfield, .passfield) { float: left; margin-right: 1em; } /* Подписи внутри абзацев формы */ p label { display: inline-block; margin-bottom: 5px !important; } /* Информационное поле после строчных полей */ .punbb .inline .infofield { clear: both; } /* Убирает переносы внутри поля данных */ .punbb .datafield br { display: none; } /* Выделяет обязательные поля и их значения */ .punbb :is(.required label, .datafield span.input) { font-weight: bold; } /* Возвращает обычное начертание ссылкам */ .punbb .datafield span.input a { font-weight: normal; } /* Обёртка больших текстовых полей */ .punbb :is(.areafield span.input, p.longinput span.input) { display: block; height: 100%; padding: 0 4em 0 0; } /* Размер больших полей ввода */ .punbb :is(textarea, .longinput input) { width: 64%; margin: 0; } /* Родитель для абсолютного блока справки */ .punbb .hashelp { position: relative; } /* Справочные ссылки справа от поля */ .punbb .helplinks { position: absolute; top: 1em; right: 0; display: block; width: 36%; font-weight: normal; } /* Положение справки на странице профиля */ .punbb #profile .helplinks { top: 1.5em; } /* Строки внутри блока справки */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* Поля внутри справочных строк */ .punbb .helplinks span input { margin: 0 2px 2px 0; } /* Список подсказок на странице публикации */ #pun-post .formal .info-box li { margin: 0; padding-left: 4px; list-style-position: inside; list-style-type: square; line-height: 1.5; } /* C2 Table layout -------------------------------------------------------------*/ /* Основной левый столбец */ .punbb .main .tcl { width: 35%; text-align: left; border-left-style: none; border-left-width: 0; } /* Узкие центральные столбцы */ .punbb .main :is(.tc2, .tc3, .tcmod) { width: 6%; text-align: center; } /* Правый столбец */ .punbb .main .tcr { width: 27%; overflow: visible; text-align: left; text-transform: lowercase; } /* Левый столбец в отдельных таблицах */ :is( #pun-userlist, #pun-searchtopics, #pun-modviewforum ) .main .tcl { width: 40%; } /* Второй столбец списка пользователей и поиска */ :is( #pun-userlist, #pun-searchtopics ) .main .tc2 { width: 20%; text-align: left; } /* Столбцы таблицы отладки */ #pun-debug table .tcl { width: 15%; white-space: normal; } #pun-debug .tcr { width: 90%; white-space: normal; } /* Заголовок форума в главной таблице */ #pun-index .tcl h3 { font-size: 1.2em; font-weight: bold; } /* Отметка о наличии сообщений пользователя */ .punbb td span.youposted { position: absolute; margin-left: -1em; font-weight: bold; } /* Список модераторов */ .punbb td .modlist { display: none; padding-top: 0.3em; } /* Ячейки таблицы */ .punbb .main td { padding: 0.9em 0; /* border-style: solid none none solid; */ border-width: 1px 0 0 1px; } /* Заголовочные ячейки */ .punbb .main th { padding: 0.4em 1em; border-style: none none none solid; border-width: 0 0 0 1px; } /* Содержимое основного левого столбца */ .punbb td div.tclcon { flex: 1; margin-left: 0; line-height: 150%; text-align: left; } /* Старая коррекция для Internet Explorer */ * html .tclcon { height: 1px; } /* C3. Сообщения в темах -------------------------------------------------------------*/ /* Основной блок сообщения */ .punbb .post { position: relative; margin-top: 0; } /* Отступ при переходе к сообщению по якорю */ .post { scroll-margin: 65px; } /* Расстояние между соседними сообщениями */ .post + .post { margin-top: 20px; } /* Контейнер сообщения */ .punbb .post .container { position: relative; padding: 30px 15px 15px 15px !important; border: none; border-radius: 6px; background: var(--backgr-03); } /* Верхняя панель сообщения */ .punbb .post h3 { position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; width: auto; margin: 0 0 -7px !important; padding: 10px 13px 13px !important; border-width: 0; background: var(--backgr-03); color: var(--text-02); font: 400 10px var(--font); text-transform: lowercase; -webkit-text-size-adjust: 100%; border-radius: 6px; } /* Разделительная линия под датой */ .punbb .post h3::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background: #000; opacity: .25; } /* Ссылки в верхней панели */ .punbb .post h3 a { color: var(--links-01) !important; font-weight: 600; } .punbb .post h3 a:hover { color: var(--hoverover-01) !important; } /* Содержимое верхней панели */ .post h3 span { position: relative; display: flex !important; flex-wrap: wrap; justify-content: flex-start; gap: 2px; width: 100%; padding: 0; } /* Номер сообщения */ .post h3 strong { order: 2; margin-left: auto !important; font-weight: 300; } .post h3 span strong::before { content: "#"; } /* Автор сообщения */ .punbb .post .post-author { float: left; } .punbb .post .post-author :is(ul, p) { line-height: 140%; } /* Имя автора */ .pa-author { font-size: 1.1em; font-weight: bold; } .pa-author a { text-decoration: none; } /* Статус или звание автора */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } /* Правая часть сообщения */ .punbb .post-body { margin-left: 250px; border: none !important; } /* Текст сообщения */ .punbb .post-box { padding: 10px 0; text-align: justify; } .post-box a { color: var(--links-01) !important; font-weight: bold; } .post-box a:hover { color: var(--hoverover-01) !important; } /* Сообщение внутри fieldset */ .punbb fieldset .post-box { margin-bottom: 0.8em; } /* Панель ссылок сообщения */ .punbb .post-links { position: relative; margin: 0; padding: 0; } .post-links ul { text-align: right; } .post-links li { display: inline; } /* Ссылки профиля слева */ :is(.profile, .pm, .email) { float: left; } /* Расстояние между соседними ссылками */ :is(.post-links, .pa-links) li + li { margin-left: 2px; } .punbb .post-links ul li:first-child { margin-left: 0; } /* Убирает рамку в конце сообщения */ .endpost .post-links ul { border: 0 !important; } /* Оформление кнопок и ссылок сообщения */ #pun .post-links ul a, .pa-links li a { display: inline-block; padding: 2px 10px 4px; border-radius: 6px; background: var(--backgr-02); font: 600 10px var(--font); text-transform: lowercase; } /* Почта и сайт пользователя */ :is(.pl-email, .pl-website) { float: left; } /* Очистка плавающих элементов */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu */ /* Основная панель меню */ .punbb .modmenu .container { margin: 10px 0; padding: 2px 10px; border-radius: 6px; background: var(--backgr-07); font: 600 10px var(--font) !important; text-align: justify; } /* Ссылки внутри меню */ .punbb .modmenu .container a { font-weight: 600; } /* Скрывает последний служебный элемент */ .modmenu .container span:last-child { display: none; } /* Высота текста ссылок и подписей */ .punbb .modmenu strong, .punbb .modmenu a { height: auto; line-height: 1.8em; } /* Левая часть меню */ .punbb .modmenu .container strong { float: left; } /* Отступ у элементов управления */ .punbb .modmenu input { margin-left: 1em; } /* Общая структура списка тем -------------------------------------------------------------*/ /* Убирает внутренние отступы основных оболочек */ .main.multipage, .forum { padding: 0; } /* Отдельная строка темы */ .forum tr { display: flex; align-items: center; gap: 30px; padding: 8px 10px !important; border-radius: 10px; background: var(--backgr-07); font: 300 10px var(--font); text-transform: lowercase; } /* Расстояние между строками */ .forum tr + tr { margin-top: 2px; } /* Ссылки в строках тем */ .forum tr a { font-size: 11px; font-weight: 500; text-transform: lowercase; } /* Таблица списка тем */ .forum table { margin: 0; } /* Ячейки таблицы */ .forum td { padding: 0 !important; } .forum tr td { padding: 0 !important; border: none !important; } /* Разделители закреплённых и важных тем -------------------------------------------------------------*/ /* Основная строка разделителя */ .forum .tr-divider { padding: 0 !important; padding-left: 0 !important; background: transparent; color: var(--text-02) !important; font-size: 7px !important; font-weight: 400 !important; text-transform: uppercase !important; } /* Отступы важных и закреплённых разделителей */ .tr-divider.st, .tr-divider.imp { margin-top: 10px !important; margin-bottom: 3px !important; } /* Плашка с названием разделителя */ .tr-divider .td-divider { padding: 2px 10px !important; border-radius: 5px; background: var(--stroke-03); line-height: 100%; } /* Убирает верхний отступ у первого разделителя */ .forum .tr-divider:first-child { margin-top: 0 !important; } /* Ширина столбцов списка тем -------------------------------------------------------------*/ /* Название темы */ .forum .tcl { width: 450px !important; } /* Количество ответов и просмотров */ .forum .tc2, .forum .tc3 { width: 80px !important; color: var(--text-02); font-size: 10px; font-weight: 200; } /* Ширина столбцов в результатах поиска */ #pun-searchtopics .tcl { width: 400px !important; } #pun-searchtopics .tc2 { width: 200px !important; } /* Последнее сообщение и его автор -------------------------------------------------------------*/ /* Правый столбец с последним сообщением */ #pun .forum .tcr { display: grid; grid-template-columns: 25px 1fr; grid-template-rows: auto auto; grid-template-areas: "av link" "av user"; gap: 0 10px; flex: 1; line-height: 130%; } /* Аватар последнего автора */ .forum .user-avatar { grid-area: av; } /* Ссылка на последнее сообщение */ .forum .tcr > a { align-self: end; grid-area: link; } /* Имя последнего автора */ .forum .tcr .byuser { align-self: start; grid-area: user; } /* Показывает имя автора отдельной строкой */ .forum .byuser { display: block !important; } /* Подпись перед именем автора */ .forum .byuser::before { content: "автор:"; opacity: 0.45; } /* Выравнивание правого столбца на отдельных страницах */ #pun-viewforum .tcr, #pun-searchtopics .tcr { display: flex; align-items: center; } /* Аватары пользователей -------------------------------------------------------------*/ /* Маленькие аватары в списке тем */ #pun .forum .user-avatar, #pun .forum .user-avatar .avatar-image { width: 20px !important; height: 20px !important; } /* Общая оболочка аватара */ #pun .user-avatar { width: 30px !important; height: 30px !important; margin-top: 0 !important; margin-right: 10px !important; border-radius: 100%; } /* Отступ аватара на главной */ #pun-index .user-avatar { margin-right: 10px !important; } /* Изображение аватара */ #pun .user-avatar .avatar-image { position: relative; box-sizing: border-box; width: 30px; height: 30px; border: none !important; border-radius: 100%; opacity: 0.70; filter: grayscale(100%); transition: all 0.5s linear 0s; } /* Аватар при наведении */ #pun .user-avatar .avatar-image:hover { opacity: 1; filter: none; } /* Индикатор присутствия онлайн -------------------------------------------------------------*/ /* Плашка индикатора */ #pun .user-avatar .isonline { z-index: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 15px; height: 15px; top: calc(100% - 12px); right: -2px; margin: 0 !important; padding: 1px 2px; border: none; border-radius: 10px 0 0 0; background: var(--backgr-02); animation: none; } /* Иконка внутри индикатора */ #pun .user-avatar .isonline::before { content: "\f012"; font: 7px FontAwesome; } /* Стандартный аватар -------------------------------------------------------------*/ /* Подставляет свою картинку вместо стандартного аватара Rusff */ .user-avatar .avatar-image[style*="default_avatar"] { background-image: url("https://forumstatic.ru/files/001c/c1/8b/63070.png") !important; } /* C5 Message boxes -------------------------------------------------------------*/ /* Внутренний контейнер сообщения */ .punbb .info .container { padding: 0.8em 1em; } /* Ссылка возврата */ .punbb .info .backlink { padding-top: 0.8em; } /* C6 Profile -------------------------------------------------------------*/ /* Основной контейнер профиля */ #profile .container { padding-left: 18.6em; border-radius: 6px; background-color: var(--backgr-02); } /* Боковое меню профиля */ #profilenav { display: inline; float: left; width: 14em; margin-left: -18em; background-color: var(--backgr-02); } /* Пункты бокового меню */ #profilenav li { padding-bottom: 0.8em; font-weight: normal; } /* Списки профиля и навигации */ :is(#viewprofile, #profilenav) ul { margin: 0 0 1em; padding: 1.5em 18px 0.8em; border: none; font-family: var(--font); } /* Заголовки разделов профиля */ :is(#viewprofile, #profilenav) h2 { display: block; margin: 0 14px -0.6em; padding: 3px 0 0 10px; text-align: left; } /* Внутренняя часть заголовков */ :is(#viewprofile, #profilenav) h2 span { position: relative; padding: 0 5px; } /* Строки информации профиля и настройки модераторов */ #viewprofile li, #setmods dl { margin-bottom: 0.2em; padding: 0 0 0 16em; } /* подложка профиля */ #viewprofile li span { padding: 3px 10px; border-radius: 6px; background: var(--backgr-03); color: var(--text-02); font-size: 8px; font-weight: normal; text-transform: uppercase; } /* Названия параметров в настройках модераторов */ #setmods dt { display: inline; float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; /* font-weight: bold; */ } /* Значения параметров профиля */ #viewprofile li :is(strong, div), #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* Предпросмотр аватара */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } /* C6 Profile */ #profile .container { padding-left: 18.6em; border-radius: 6px; background-color: var(--backgr-02); } #profilenav { display: inline; float: left; width: 14em; margin-left: -18em; background-color: var(--backgr-02); } #profilenav li { padding-bottom: .8em; font-weight: normal; } :is(#viewprofile, #profilenav) ul { margin: 0 0 1em; padding: 1.5em 18px .8em 0; border: none; font-family: var(--font); } :is(#viewprofile, #profilenav) h2 { display: block; margin: 0 14px -.6em; padding: 3px 0 0 10px; text-align: left; } :is(#viewprofile, #profilenav) h2 span { position: relative; padding: 0 5px; } #viewprofile li, #setmods dl { margin-bottom: .2em; padding: 0 0 0 16em; } #viewprofile li span { padding: 3px 10px; border-radius: 6px; background: var(--backgr-03); color: var(--text-02); font-size: 8px; font-weight: normal; text-transform: uppercase; } #viewprofile li :is(strong, div), #setmods dd { display: block; padding: .5em 1em; font-weight: normal; } .punbb img.avatardemo { float: right; margin: 0 0 .8em 1.8em; } /* C7 User list -------------------------------------------------------------*/ /* Верхняя форма списка пользователей */ #pun-userlist .formal, #pun-userlist .formal .container { margin-bottom: 0; border-bottom: none; } /* Контейнер таблицы пользователей */ #pun-userlist .usertable .container { padding: 0; border: none; } /* Основная таблица */ #pun-userlist .usertable table { border: none; font-family: var(--font); } /* Сбрасывает стандартные отступы ячеек */ #pun-userlist .usertable table td { padding: 0 !important; } /* Контейнер карточек пользователей */ #pun-userlist .usertable tbody { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } /* Карточка пользователя */ #pun-userlist .usertable tr { display: flex; flex: 1; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 5px; max-width: 240px; padding: 20px; border: 1px solid var(--stroke-02); border-radius: 6px; background: var(--backgr-03); text-align: center; } /* Строка информации внутри карточки */ #pun-userlist .usertable tr td { box-sizing: border-box; width: 100% !important; padding: 5px 10px !important; border: none !important; background: var(--backgr-07); font-size: 9px; text-align: left !important; } /* Верхняя строка с именем */ #pun-userlist .usertable .username { display: flex; align-items: center; height: 50px; overflow: hidden !important; font: 700 12px var(--font); } /* Имя пользователя */ #pun-userlist span.usersname { flex: 1; text-align: right; text-transform: uppercase; } /* Оболочка аватара пользователя */ #pun-userlist .usertable .user-avatar { float: none !important; width: 100px !important; height: 50px !important; margin: -5px 0 -5px -10px !important; mask: linear-gradient( to right, #000 20%, rgba(0, 0, 0, 0) 100% ); -webkit-mask: linear-gradient( to right, #000 20%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } /* Изображение аватара */ #pun-userlist .usertable .user-avatar .avatar-image { width: 100px !important; height: 50px !important; border: none !important; border-radius: 0; } /* Индикатор присутствия в карточке */ #pun-userlist .usertable .user-avatar .isonline { top: 10px; right: calc(100% - 20px); } /* Общий стиль подписей характеристик */ #pun-userlist .usertable td::before { opacity: 0.45; font-size: 9px; font-weight: 300; text-transform: uppercase; } /* Подписи характеристик пользователя */ #pun-userlist .usertable .user_title::before { content: "статус: "; } #pun-userlist .usertable .relation::before { content: "репутация: "; } #pun-userlist .usertable .num_posts::before { content: "сообщения: "; } #pun-userlist .usertable .registered::before { content: "дата регистрации: "; } #pun-userlist .usertable .last_visit::before { content: "последний визит: "; } /* D1 Logo and description -------------------------------------------------------------*/ /* Общий блок названия форума */ #pun-title { margin: 0 0 -35px; border: none; } /* Строка с названием */ #pun-title h1 { display: block; height: 10px; margin: -1px 0 0 -30px; } /* Внутренний контейнер */ #pun-title .container { padding: 0.2em 1em 0.8em; border: none; } /* Скрывает стандартный текст названия */ #pun-title h1 span { display: none; } /* Левая ячейка логотипа */ #pun-title td.title-logo-tdl { width: 100%; border: none; } /* Правая ячейка логотипа */ #pun-title td.title-logo-tdr { width: 420px; border: none; } /* D2 Page navigation -------------------------------------------------------------*/ /* Контейнер ссылок быстрого перехода */ #pun-pagelinks { position: absolute; top: -15px; left: 0; width: 100%; margin: 0; border: none; } /* Внутренняя оболочка */ #pun-pagelinks .container { padding: 0; border: none; background: transparent; } /* Пункты навигации */ #pun-pagelinks .container li { display: inline; } /* Скрытые ссылки перехода */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { display: block; float: left; width: 100%; height: 2em; margin-left: -9999px; padding: 0; font-size: 1.2em; line-height: 2em; } /* Показывает ссылку при управлении с клавиатуры */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position: relative; margin: 0; } /* Текст ссылки */ #pun-pagelinks li a span { display: block; margin: 0 1em; } /* D3 Forum navigation -------------------------------------------------------------*/ /* Внешняя оболочка */ #pun-navlinks { margin: 0; border: none; } /* Контейнер навигации */ #pun-navlinks .container { margin: 0; border: none; font-weight: normal; } /* Пункты меню */ #pun-navlinks li { display: inline; margin: 0; } /* Ссылки меню */ #pun-navlinks li a { padding: 10px 5px 10px 7px; font-family: tahoma; font-size: 0.8em; } /* D4 User links -------------------------------------------------------------*/ /* Блок ссылок пользователя */ #pun-ulinks { border: none; } /* Пункты и ссылки */ #pun-ulinks li, #pun-ulinks li a { display: block; white-space: nowrap; } /* Ссылки пользователя */ #pun-ulinks li a { padding: 0 0 0 5px; font-size: 0.8em; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ #html-header, #header_wrapper { position: relative; } /* Сам блок статуса */ #pun-status { position: absolute !important; top: 359px; left: 479px; z-index: 70; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; width: 400px; height: auto; margin: 0 !important; padding: 0 !important; border: none; text-transform: lowercase; transform: rotate(-7deg); } /* Внутренняя строка */ #pun-status .container { display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; margin: 0 !important; padding: 0 !important; border: none; background: transparent; color: var(--text); font: 300 10px/100% var(--font); text-align: left; } /* Имя пользователя */ #pun-status .container strong { font-weight: 600 !important; } /* Скрывает правую системную часть */ #pun-status .status-right, #pun-status .item2 { display: none !important; } /* Части текста */ #pun-status span { margin-right: .5em; white-space: pre-line; } /* В админ-панели приветствие не выводится. На обычных страницах оно остаётся внутри шапки. */ .punbb-admin #pun-status { display: none !important; } .punbb-admin textarea { display: block; box-sizing: border-box; width: 100% !important; max-width: 100%; border-radius: 6px; border-color: var(--stroke-03); } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; display: none } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 0; } /* D7 Statistics -------------------------------------------------------------*/ #pun-stats { position: relative; height: auto; margin: 15px 0 0 !important; text-align: left; } /* Декоративная шапка статистики */ #pun-stats h2 { position: relative; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; height: 87px; margin: 0 !important; padding: 0; border: none !important; border-radius: 6px 6px 0 0; background: var(--cat) center / cover no-repeat; } /* Текст скрывается: название Statistic уже находится на изображении */ #pun-stats h2 span { display: none !important; } /* Общая светлая подложка статистики */ #pun-stats .container { position: relative; display: block !important; box-sizing: border-box; min-height: 0; margin: 0; padding: 18px 22px 22px !important; border: none !important; border-radius: 0 0 6px 6px; background: var(--backgr-07); color: var(--text-02); font: 400 10px/150% var(--font); text-align: left; letter-spacing: normal !important; word-spacing: normal !important; } /* D7.2 Разметка статистики -------------------------------------------------------------*/ /* Внешняя обёртка, созданная скриптом HTML-низ */ #pun-stats .dm-stats-wrap { display: flex; flex-direction: column; gap: 15px; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } /* Верхний ряд: активные слева, счётчики справа */ #pun-stats .dm-stats-top { display: grid; grid-template-columns: minmax(0, 1fr) 200px; align-items: stretch; column-gap: 28px; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } /* D7.3 Активные пользователи -------------------------------------------------------------*/ /* Левое окно */ #pun-stats .dm-stats-online { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 115px; margin: 0; padding: 12px 16px; border-radius: 6px; background: var(--backgr-07); color: var(--text-02); font: 400 10px/160% var(--font); text-align: left; } /* Подпись «активны» */ #pun-stats .dm-stats-online :is(#onlinelist, .onlinelist) > div { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text-02); font: 400 10px/150% var(--font) !important; text-align: left !important; } /* Список активных пользователей */ #pun-stats .dm-stats-online :is(#onlinelist, .onlinelist) span { display: block !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; color: var(--text-03); font: 400 10px/160% var(--font) !important; text-align: justify !important; } /* D7.4 Правая колонка со счётчиками -------------------------------------------------------------*/ #pun-stats .dm-stats-counts { align-self: start; justify-self: end; width: 200px; margin: 0; padding: 0; } /* Список счётчиков */ #pun-stats .dm-stats-list { display: flex; flex-direction: column; gap: 5px; width: 200px; margin: 0; padding: 0; list-style: none; } /* Одна плашка счётчика */ #pun-stats .dm-stats-list li { display: flex; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; width: 100%; min-height: 29px; margin: 0; padding: 6px 12px; border: 1.5px dashed var(--stroke-02); border-radius: 6px; background: var(--backgr-03); color: var(--text-02); font: 400 10px/120% var(--font); text-align: center; text-transform: lowercase; white-space: nowrap; letter-spacing: normal; } /* Число перед подписью */ #pun-stats .dm-stats-list :is(.item1, .item2, .item3) { flex-direction: row-reverse; } /* Последняя строка «привет, имя» */ #pun-stats .dm-stats-list .item4 { flex-direction: row; line-height: 115%; white-space: normal; } /* Число */ #pun-stats .dm-stats-list li strong { display: inline; width: auto; margin: 0; padding: 0; color: var(--hoverover-01); font-weight: 500; } /* Подпись */ #pun-stats .dm-stats-list li span { display: inline; width: auto; margin: 0; padding: 0; color: var(--text-02); font: 400 10px/120% var(--font); text-transform: lowercase; } /* D7.5 Посетители за сутки -------------------------------------------------------------*/ /* Нижнее широкое окно */ #pun-stats .dm-stats-day { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 80px; margin: 0; padding: 12px 16px; border-radius: 6px; background: var(--backgr-07); color: var(--text-02); font: 400 10px/160% var(--font); text-align: left; } /* Стандартный блок посетителей */ #pun-stats .dm-stats-day .users_24h { position: relative; display: block !important; float: none !important; clear: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--text-02); font: 400 10px/160% var(--font) !important; text-align: left !important; text-transform: lowercase; white-space: normal !important; letter-spacing: normal !important; word-spacing: normal !important; } /* Подпись «посетили за сутки» */ #pun-stats .dm-stats-day .users_24h > div { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: var(--text-02); font: 400 10px/150% var(--font) !important; text-align: left !important; } /* Список посетителей */ #pun-stats .dm-stats-day .users_24h span { display: block !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; color: var(--text-03); font: 400 10px/160% var(--font) !important; text-align: justify !important; white-space: normal !important; } /* D7.6 Нижние ссылки статистики -------------------------------------------------------------*/ #pun-stats .dm-stats-other { width: 100%; margin: 0; padding: 0; text-align: center; } /* Список служебных ссылок */ #pun-stats .dm-stats-other #statistic-other { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; width: 100% !important; margin: 0 !important; padding: 0 !important; font: 400 9px/150% var(--font) !important; text-align: center; letter-spacing: normal !important; word-spacing: normal !important; } /* Убирает принудительные переносы */ #pun-stats .dm-stats-other #statistic-other br { display: none; } /* Внутренние элементы идут в одну строку */ #pun-stats .dm-stats-other #statistic-other > *, #pun-stats .dm-stats-other #statistic-other span, #pun-stats .dm-stats-other #statistic-other a { display: inline-flex !important; align-items: center; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; white-space: nowrap; } /* Ссылки статистики -------------------------------------------------------------*/ #pun-stats a { color: var(--links-01) !important; font-weight: 400; text-decoration: none !important; } #pun-stats a:hover, #pun-stats #onlinelist span a:hover { color: var(--hoverover-01) !important; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* Блок быстрого перехода по форуму */ #pun-qjump { position: relative; float: left; width: 50%; margin: 0; border: none; } /* Внутренний контейнер быстрого перехода */ #pun-qjump .container { padding: 0.8em 1em; border: none; background: transparent; } /* Нижняя служебная строка: название форума слева, ссылки Rusff справа -------------------------------------------------------------*/ /* Название форума */ #pun-crumbs2 { margin: 0; padding: 0; border: none; text-align: center; } /* Внутренняя строка названия */ #pun-crumbs2 .container { margin: 0; padding: 8px 10px 3px; border: none; color: var(--text-02); font: 400 10px/140% var(--font); text-align: center; text-transform: lowercase; } /* Ссылки внутри названия */ #pun-crumbs2 a { color: var(--text-02) !important; text-decoration: none; } /* Блок системной информации Rusff */ #pun-about { margin: 0; padding: 0; border: none; text-align: center; } /* Строка «Рейтинг форумов | Создать форум бесплатно» */ #pun-about .container { margin: 0; padding: 0 10px 10px; border: none !important; color: var(--text-04); font: 400 10px/140% var(--font); text-align: center; } /* Не переносит части системной информации на новые строки */ #pun-about p, #pun-about p span { display: inline; margin: 0; padding: 0; } /* Системные ссылки */ #pun-about a { color: var(--links-01) !important; text-decoration: none !important; } #pun-about a:hover { color: var(--hoverover-01) !important; } /* D9 Help file -------------------------------------------------------------*/ /* Заголовок информационного блока справки */ #pun-help .formal .info-box h3.legend { margin-bottom: 0.8em; padding-bottom: 0; border-bottom-style: solid; border-bottom-width: 1px; } /* Внутренняя часть заголовка */ #pun-help .formal .info-box h3.legend span { display: block; padding-bottom: 0.6em; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* Расстояние между абзацами и описаниями */ #pun-help .formal :is(p, dd) { margin-bottom: 1em; } /* Отступы списков и перечней */ #pun-help .formal :is(ul, dl) { padding: 0 0 0 1em; } /* Строки списков справки */ #pun-help .formal li { padding: 0; line-height: 130%; } /* Выравнивает элементы внутри строк по верхней границе текста */ #pun-help .formal li * { vertical-align: text-top; } /* Оформление примера кода или клавиш */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans"; } /* Скрытие ненужных служебных элементов -------------------------------------------------------------*/ .stickytext, .closedatafield, #pun-live-rusff, .pl-reports { display: none; } /* Поля ввода и фокус -------------------------------------------------------------*/ /* Убирает стандартную браузерную обводку у полей */ input, textarea { outline: none; } /* Не показывает обводку при нажатии на поле */ input:active, textarea:active { outline: none; } /* Убирает обводку у любого элемента при получении фокуса */ :focus { outline: none; } /* Личные сообщения -------------------------------------------------------------*/ /* Убирает горизонтальные внутренние отступы формы сообщений */ #pun-messages .fs-box, #pun-messages #post-form .fs-box { padding: 0; } /* Оставляет автоматическую ширину шапки личного сообщения */ #pun-messages .post h3 { width: auto; } /* Не растягивает содержимое шапки сообщения на всю ширину */ #pun-messages .post h3 span { width: auto !important; } /* Делает блок автора опорным контейнером для позиционирования */ #pun #pun-messages .post-author { position: relative; } /* Скрывает число сообщений пользователя в личной переписке */ #pun-messages .pa-posts { display: none; } /* Переносит индикатор пользователя онлайн на отдельную строку */ #pun-messages .pa-online { clear: both; } /* Высота основного поля быстрого ответа */ #main-reply { height: 200px; } /* Модальные и диалоговые окна -------------------------------------------------------------*/ #mask_dialog .inner, .modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .editBookmark { padding: 15px 20px !important; border: 1px solid var(--stroke-02) !important; border-radius: 6px; background: var(--backgr-02); color: var(--text-02); } /* Форма публикации сообщения -------------------------------------------------------------*/ #post legend span { display: none; } #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area { top: 55px !important; } /* Принудительно скрывает кнопку жалобы, если другое правило пытается её показать */ .pl-reports { display: none !important; } /* Аватар в сообщении -------------------------------------------------------------*/ /* Оболочка большого аватара автора */ .pa-avatar { display: inline-flex; overflow: hidden; border-radius: 0; line-height: 0; } /* Ограничивает максимальный размер аватара */ .pa-avatar img { max-width: 180px; max-height: 180px; } /* Таблицы внутри сообщения -------------------------------------------------------------*/ /* Убирает рамки ячеек таблиц в тексте поста и обрезает выходящее за границы содержимое */ .post-content td { overflow: hidden !important; border: none transparent !important; } /* Блок тегов -------------------------------------------------------------*/ /* Размещает теги вертикально в правой верхней части контейнера */ #tags .container { position: absolute; top: 43px; right: 6px; z-index: 2; display: flex; flex-direction: column; row-gap: 6px; } /* Выделение текста -------------------------------------------------------------*/ /* Цвет выделенного пользователем текста */ ::selection { background: var(--backgr-01); color: var(--text); } /* Полоса прокрутки Firefox -------------------------------------------------------------*/ @-moz-document url-prefix() { /* Тонкая полоса прокрутки внутри элементов страницы */ body * { scrollbar-width: thin; scrollbar-color: var(--backgr) rgba(20, 18, 15, 0.01); } /* Полоса прокрутки всей страницы */ html { scrollbar-width: thin; scrollbar-color: var(--backgr-04) rgba(0, 0, 0, 0.01); } /* Полоса прокрутки внутри личной страницы */ .personal_page-scroll { scrollbar-width: thin; scrollbar-color: var(--backgr-04) rgba(0, 0, 0, 0.01); } } /* Полоса прокрутки Chrome, Edge, Opera и Safari -------------------------------------------------------------*/ /* Общая дорожка полосы прокрутки */ ::-webkit-scrollbar { width: 4px; height: 4px; border-radius: 10px !important; background-color: var(--backgr-04); } /* Ползунок полосы прокрутки */ ::-webkit-scrollbar-thumb { width: 4px !important; border-radius: 100px !important; background-color: var(--backgr); } /* Отдельный ползунок прокрутки личной страницы */ .personal_page-scroll::-webkit-scrollbar-thumb { width: 4px !important; border-radius: 100px !important; background-color: var(--backgr-04); } /* Общая оболочка HTML-вверх --------------------------------------------------------- */ #html-header { color: var(--text-02); font-family: var(--font), sans-serif; } #html-header a { color: var(--links-01); text-decoration: none; } #html-header a:hover { color: var(--hoverover-01); } .post-content abbr { text-decoration: underline; text-decoration-style: dotted; text-decoration-color: var(--text-02) } /* Пользовательская навигация -------------------------------------------------------------*/ /* Скрывает дополнительный элемент Rz в блоке пользовательских ссылок Rusff */ #pun #pun-ulinks #Rz { display: none !important; } /* Чекбоксы и радиокнопки -------------------------------------------------------------*/ /* Общая основа пользовательского оформления чекбоксов и переключателей */ input:is([type="checkbox"], [type="radio"]) { display: inline-flex; align-items: center; justify-content: center; padding: 5px !important; margin-right: 10px !important; appearance: none; border: 1px solid var(--stroke-03) !important; cursor: pointer; transition: all 0.2s ease-in-out 0s; } /* Чекбокс остаётся квадратным */ input[type="checkbox"] { border-radius: 0; } /* Радиокнопка также отображается квадратной */ input[type="radio"] { border-radius: 0%; } /* Галочка внутри выбранного чекбокса или радиокнопки */ input:is([type="checkbox"], [type="radio"]):checked::after { content: "\f00c"; position: absolute; font-family: FontAwesome; font-size: 8px; font-weight: bold; } /* Строки с чекбоксами -------------------------------------------------------------*/ :is(span, p).checkfield { display: flex; align-items: center; margin-top: 10px !important; } /* Ссылки управления сообщением -------------------------------------------------------------*/ /* Скрывает кнопку «поделиться» */ .pl-share { display: none !important; } /* Скрывает ссылку на email пользователя */ .pl-email.email { display: none !important; } /* Форма публикации -------------------------------------------------------------*/ /* Растягивает страницу с содержимым сообщения на всю доступную ширину */ body.post-content { width: 100%; } /* Убирает внутренние отступы у формы создания и редактирования сообщения */ #post-form { padding: 0 !important; } /* Выстраивает элементы служебной ячейки в горизонтальную строку */ .intd { display: flex; align-items: center; } /* Скрывает стандартный заголовок формы публикации */ #post-form h2 { display: none; } /* Страница профиля -------------------------------------------------------------*/ #profile fieldset #charcounter { display: none; } /* РЕГУЛИРОВКА ШРИФТА В ШАПКЕ -------------------------------------------------------------*/ .settings_container { display: flex; flex-direction: column; gap: 15px; box-sizing: border-box; padding: 5px 10px; } #chfont { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 3px; box-sizing: border-box; width: 100%; text-align: center; } /* Надпись над настройками */ #chfont::before { content: "регулировка шрифта"; display: block; width: 100%; margin: 0 0 5px; color: var(--text-02); font: 300 8px/1 var(--font); text-align: left; text-transform: uppercase; } #chfontbut { display: none !important; } /* Курсор у выпадающего списка шрифтов */ #chfont select { cursor: pointer; } /* Регулятор размера текста -------------------------------------------------------------*/ #chfontsize { display: flex; align-items: center; gap: 5px; width: auto; font: 400 12px/1 var(--font); } /* Общая основа кнопок плюс и минус */ #chfontsize :is(.fsizeplus, .fsizeminus) { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 13px; height: 13px; padding: 0; border: 0; background: transparent; color: var(--text1); font-size: 0; line-height: 0; text-align: center; cursor: pointer; } /* Общая основа иконок */ #chfontsize :is(.fsizeplus, .fsizeminus)::after { content: ""; display: block; width: 12px; height: 12px; background-color: currentColor; mask-position: center; mask-repeat: no-repeat; mask-size: cover; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; } /* Иконка увеличения */ #chfontsize .fsizeplus::after { mask-image: url("https://forumstatic.ru/files/001c/37/2a/27804.svg"); -webkit-mask-image: url("https://forumstatic.ru/files/001c/37/2a/27804.svg"); } /* Иконка уменьшения */ #chfontsize .fsizeminus::after { mask-image: url("https://forumstatic.ru/files/001c/37/2a/92207.svg"); -webkit-mask-image: url("https://forumstatic.ru/files/001c/37/2a/92207.svg"); } /* Размытый зачёркнутый текст -------------------------------------------------------------*/ /* Скрывает зачёркнутый текст размытием */ del { filter: blur(3px); text-decoration: none; transition: filter 0.33s; } /* Показывает текст при наведении */ del:hover { filter: none; transition-duration: 0.63s; } /* Абзацы внутри сообщений -------------------------------------------------------------*/ #pun .post-content p { padding: 0; } #pun .post-content p + :is(p, .code-box, .quote-box) { margin-top: 1em; } /* Списки пользователей и служебные таблицы -------------------------------------------------------------*/ :is( #pun-userlist #userlist, #pun-userlist .usertable, #pun-respect #pun-main table, #pun-positive #pun-main table, .section.online-list ) { border-radius: 6px; background: var(--backgr-03); } .section.online-list { padding: 10px 30px; } #pun-userlist :is(#userlist, .usertable) { margin-bottom: 10px; } /* Таблица загруженных файлов -------------------------------------------------------------*/ /* Выстраивает содержимое каждой строки горизонтально */ #filetable tr { display: flex !important; gap: 10px; } #filetable tr + tr { margin-top: 10px !important; } #filetable .tc0.ft-image { flex: 1; max-width: 100px; } /* Счётчики непрочитанных уведомлений -------------------------------------------------------------*/ #notify-link .unreads, #navpm .unreads { position: absolute; top: -0.2em !important; right: -1.5em !important; z-index: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 13px !important; min-width: 13px !important; height: 13px !important; padding: 0 !important; border-radius: 8px; background: red; color: #fff; box-shadow: none !important; text-shadow: none; font: normal 9px/140% Tahoma, Verdana !important; text-align: center; cursor: pointer; } /* Окна диалогов, поиска и закладок -------------------------------------------------------------*/ .punbb :is( .view-dialog, .view-search, .view-bookmarks ) .fs-box > .container { padding-right: 10px !important; } #pun .nav-item-notifications a { display: flex !important; align-items: center; gap: 2px; } #pun .bubble { position: relative; top: -1px !important; right: 0; text-align: center; } #pun .bubble::after { display: none !important; } .header_writers { position: absolute; top: 54px; left: 684px; transform: rotate(-5deg); width: 120px; } .header_writers, .header_flood { flex: 1 } .header-title { display: none } .header_writers p, .header_flood p, .header_episode p { font-weight: bold; display: flex; gap: 2px; align-items: center; } /*-------------------------------------------------------------------------------------------- Текстовый блок в шапке */ .header_post { text-transform: none; font: 400 9.5px/135% var(--font); color: var(--grlinks01); max-width: 250px; position: absolute; top: 185px; left: 170px; text-align: justify; transform: rotate(-2deg); z-index: 35; } /* заголовок внутри блока post */ .header_post .header-title { display: block; margin: 0 0 -13px; font-family: var(--font-c