/* ===================================================================== sylv.css — стили дизайна .sylv (Сильвания), включая .mobile.sylv Подключать ТОЛЬКО когда у body есть класс .sylv. Зависит от Структура_main.css + Цвета_main.css. ===================================================================== */ /* ============ Структура ============ */ /************************************************************* Основа css by shady **************************************************************/ /* ПОДГРУЗКА ШРИФТОВ -------------------------------------------------------------*/ /* Font Awesome */ /* * {outline: 1px solid red} */ /* ROOT -------------------------------------------------------------*/ /* дизайн сильвания */ .sylv { } /* * {outline: 1px solid red} */ /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА -------------------------------------------------------------*/ /* основной шрифт текста форума */ /* шрифты поля ввода*/ /*шрифт в поле кода */ /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ -------------------------------------------------------------*/ .sylv .post.hideprofile .post-box { padding: 0em 1em 1em 1em; } /* ЦВЕТ ТЕКСТА ПОСТОВ -------------------------------------------------------------*/ /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.) -------------------------------------------------------------*/ /* ЦВЕТ ССЫЛОК НА ФОРУМЕ -------------------------------------------------------------*/ .sylv .punbb a, .sylv .punbb a:link, .sylv .punbb a:visited, .sylv .punbb-admin #pun-admain a, .sylv .punbb-admin #pun-admain a:link, .sylv .punbb-admin #punbb-admain a:visited, .sylv .punbb li.isactive a, .sylv .punbb li.isactive a:link, .sylv .punbb li.isactive a:visited { transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; color: var(--hovlink1); text-shadow: none; text-shadow: #ffffff3b 1px 1px 2px; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .sylv .punbb a:hover, .sylv .punbb a:focus, .sylv .punbb a:active, .sylv .punbb-admin #pun-admain .nodefault, .sylv .punbb-admin #punbb-admain a:hover, .sylv .punbb-admin #punbb-admain a:focus, .sylv .punbb-admin #punbb-admain a:active, .sylv abbr:hover { color: var(--link1) !important; } /* ТАБЛИЦЫ -------------------------------------------------------------*/ /* стили таблиц */ /* отступы в ячейках */ /* ширина подфорума */ /* ширина ячеек */ /* ширина последнего сообщения */ /* ширина в поиске/модерировании */ /*дебаг */ /* расположение последней активной темы */ .sylv #pun-index .tcr { width: 32%; text-align: center; font-size: 10px; line-height: 10px; } .sylv #pun-index .tcr { color: #756953d4 !important } /* тема, юзер, новые соо .forum .tcr a, .forum .tclcon strong > a, .forum .tclcon > a:first-of-type { display: block; } */ /* последняя активная тема в подфоруме */ .sylv #pun-index .tcr a { text-transform: uppercase; letter-spacing: 0.5px; font: var(--h1-font); font-weight: bolder; font-size: 13px; } /* количество тем и сообщений в подфоруме */ /* заголовки */ .sylv #pun-wrap #pun-online #pun-main h1 { width: 1042px !important; margin-left: -41px !important; } .sylv { & #pun-viewtopic #pun-main h1, & #pun-viewtopic #pun-main h2, & #pun-profile #pun-main h1, & #pun-messages #pun-main h1, & #pun-userlist #pun-main h1, & #pun-search #pun-main h1, & #pun-searchposts #pun-main h1, & #pun-register #pun-main h1, & #pun-login #pun-main h1, & #pun-searchtopics #pun-main h1, & #pun-online #pun-main h1 & #pun-debug h2, & #pun-searchtopics #pun-main h2, & #pun-online #pun-main h2, & .pun-modal h2, & #pun-viewforum #pun-main h1, & .multipage h1, & #pun-main.main h1 { margin-left: auto; margin-right: auto; text-shadow: none !important; text-align: center !important; color: var(--doplink1)!important; text-transform: uppercase; /* width: 1040px; */ font-weight: bolder; box-sizing: border-box; font: 700 15px Alegreya SC!important; margin: 0px 0px -6px -40px !important; width: calc(100% + 79px) !important; background: url(https://forumstatic.ru/files/001c/25/c8/36976.jpg) left center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/31601.jpg) right center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/83803.jpg) center repeat-x!important; padding-top: 36px !important; filter: none; height: 90px; box-shadow: none; border-width: 0px!important; } & #pun-viewtopic #pun-main>div>div h1, & div #pun-main>div>div h2 { background: none !important; } } .sylv { & div #pun-viewtopic #pun-main h1, & div #pun-viewtopic #pun-main h2, & #pun_wrap div#pun #pun-main h1, & .pun-modal h2, & .stena { span { background: url(https://forumstatic.ru/files/001b/fd/b9/92509.png) center !important; /* background: #0c0c0c !important; */ border: solid 1px #3a2e23 !important; padding: 8px 24px; border-radius: 8px; filter: brightness(1.5); } } } .sylv #pun_wrap div#pun #pun-main h1 { width: 1040px !important; margin-left: -40px !important; } /* админка */ /* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ -------------------------------------------------------------*/ .sylv #pun-navlinks .container { padding: 0px; margin: 2px 20px 0 31px; width: 930px; text-align: center; display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; gap: 0px; } .sylv .sticky { border-radius: 0; } /* расположение*/ .sylv #ForumD-ru #pun-navlinks { position: absolute; width: 930px; z-index: 999; left: 33px; padding: 0px; text-align: center; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: nowrap; gap: 10px; } .sylv #ForumD-ru:not(.sticky) #pun-navlinks { margin: -0px 0 0 0px; width: 975px; } .sylv #ForumD-ru.sticky #pun-navlinks { margin: -0px 0 0 0px; width: 975px; } .sylv #ForumD-ru:not(.sticky) #pun-ulinks { margin: 2px 0px 0 0; } .sylv #ForumD-ru.sticky #pun-ulinks { margin: 2px 0px 0 18px; width: 930px; } .sylv #ForumD-ru #pun-navlinks { margin-top: -22px; } /* вид ссылок */ .sylv #pun-navlinks li a { letter-spacing: 0.5px; color: var(--navlink); text-transform: uppercase; font: var(--h1-font); text-shadow: none; } /* вид ссылок навигации при наведении */ .sylv .Ultimate-menu { display: flex; flex-direction: column; flex-wrap: wrap; position: absolute; margin-left: -22px; box-sizing: border-box; padding-top: 50px; z-index: 999; } .sylv #ForumD-ru { background: url(https://forumstatic.ru/files/001b/fd/b9/70188.png?v=1) !important; width: 1004px; height: 90px; left: 50%; transform: translateX(-50%); margin-top: 220px; margin-left: -1px; } .sylv #pun-navlinks { margin-top: -30px !important; margin-left: 42px; } .sylv #pun-navlinks li a { color: var(--headlink1); font: var(--h1-font1); text-transform: none; font-weight: 100 !important; font-size: 24px; } .sylv #pun-navlinks li a:hover { color: var(--hovlink1) !important; background: none !important; } /********* Навигация *********/ .sylv #pun-navlinks .UM-list { top: 0px; padding: 0px; position: absolute; z-index: 999; opacity: 0; max-height: 0; overflow: hidden; left: 50% !important; right: auto !important; text-align: center !important; transform: translate(-50%, 0) !important; background: rgba(12, 12, 12, 0.8); box-shadow: 0px 0px 2px #1a0b06; border: 1px solid #654f26ab; border-radius: 0px; transition: opacity 0.4s ease, max-height 0s 0.4s, top 0s 0.4s, padding 0s 0.4s; word-spacing: 1px; } .sylv #pun-navlinks .UM-list a { display: block; padding: 2px 5px; background: #171717 !important; font: var(--h1-font) !important; font-size: 11px !important; border: 1px solid #4a3827; margin-bottom: 2px; border-radius: 0px; background: linear-gradient(to top, #070604, #160E07); color: var(--headlink1) !important; font-weight: 800 !important; } .sylv #pun-navlinks .UM-innerlist { font-size: 10px; left: 76px; top: -25px; position: absolute; z-index: 9999; opacity: 0; max-height: 0; overflow: hidden; background: rgba(12, 12, 12, 0.8); padding: 10px 6px 10px 6px; box-shadow: 0px 0px 2px #1a0b06; border: 1px solid #654f26ab; } .sylv #pun-navlinks #navadmin { position: absolute; right: 15px; font-size: small; top: 20px; padding-bottom: 6px; height: 2em; } .sylv #pun-navlinks #navadmin { right: -15px; } .sylv a#nota-ql-navbtn { height: fit-content; margin-top: 5px; } /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ -------------------------------------------------------------*/ .sylv #pun-ulinks .container { padding: 0 !important; text-align: center; margin: 0px 0px 0 0; display: flex; margin-left: 18px; justify-content: center; } /*расположение */ /* цвет ссылок */ /* цвет ссылок при наведении */ .sylv #pun-ulinks { top: 35px !important; width: 1000px !important; margin-left: 26px; } .sylv #pun-ulinks a { color: var(--headlink1); } .sylv #pun-ulinks a:hover { color: var(--hovlink1); } /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ -------------------------------------------------------------*/ /* расположение сверху */ /* общий внешний вид */ .sylv #pun-crumbs1 { font: var(--h1-font); letter-spacing: 0.5px; font-weight: 700; position: absolute; text-transform: none; width: -webkit-fill-available; margin-top: 0px !important; text-align: left; text-shadow: none; } .sylv #pun-crumbs2 { font: var(--h1-font); letter-spacing: 0.5px; font-weight: 700; position: absolute; text-transform: none; width: 100%; margin-top: 0px !important; text-align: left; text-shadow: none; } .sylv #pun-messages #pun-crumbs1 { margin-top: -22px !important; } .sylv #pun-crumbs1, .sylv #pun-crumbs2 { color: var(--link1) !important; } /* цвета ссылок */ /* цвет ссылок при наведении */ .sylv #pun-crumbs2 a, .sylv #pun-crumbs1 a { font-weight: bold; color: var(--link1); } .sylv #pun-crumbs2 a:hover, .sylv #pun-crumbs1 a:hover { font-weight: bold; color: var(--hovlink1); } .sylv #pun-mod #pun-crumbs1 { color: var(--doptext); background: var(--forcol1); border: 1px solid #d1c5ac; border-radius: 3px; padding: 0px 10px !important; height: 40px; } /* СТРОКА ПРИВЕТСТВИЯ -------------------------------------------------------------*/ /* расположение */ .sylv #pun-status { position: absolute; width: 890px; display: block; top: 665px; z-index: 1; opacity: 0.9; } /* внешний вид */ .sylv #pun-status .container { color: rgba(78, 78, 78, 1); display: block; font-size: 10px; } /* цвет ссылки */ /* Привет, последний визит - Сильвания -------------------------------------------------------------*/ .sylv #pun-status { position: absolute; width: 280px; top: -18px; right: -8px; display: inline-block; text-shadow: #000000c9 1px 0px 1px; } .sylv { #pun-status .container { color: #6a5b41; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; display: block; width: 235px; float: right; } #pun-status a { text-shadow: none; } #pun-status span.item1, #pun-status span.item2 { margin: 3px 0px; } span.item2 { display: block; } #pun-status p span.item3 { left: -638px; } span.item3.status-right, span.item4.status-right { position: absolute !important; top: -23px; opacity: 0.8; } span.item4.status-right { right: 138px; } .status_userava { margin: -2px 0px 0px -36px; } } /* ТЕМЫ -------------------------------------------------------------*/ /* весь пост */ /* флекс пост */ .sylv .post .container { gap: 8px; } .sylv .post-body { width: 710px; margin-left: 0px !important; } /* конец */ /* разделитель между сообщения*/ .sylv .post h3 { margin: 10px 0px; } /* текст внутри разделителя */ .sylv .post h3 span { display: block; font-size: 11px; letter-spacing: 0.5px; font-weight: normal; color: var(--doptext) !important; background: var(--forcol1); font: 400 11px Verdana !important; padding: 5px; border: 1px solid #d1c5ac; border-radius: 3px; padding-left: 7px !important; } /* ссылка-дата на сообщение */ .sylv a.permalink { margin-left: 1%; } /* номер поста */ .sylv .post h3 strong { float: right; text-align: right; font-weight: normal; margin-right: 25px; color: var(--link); font-size: 16px; margin-top: -1px; /* line-height: 111%; */ } /* расположение профиля */ /* пост и отступы в посте */ .sylv .post-box { padding: 10px 5px 10px 10px; } /* выравнивание текста поста */ /* абзацы постов */ .sylv .post-content p { margin: 0; padding: 0 0em 0.8em 0em; line-height: 150%; } /* ссылки в посте */ .sylv .post-links li { display: inline; padding-left: 10px; background: transparent; border: none; margin-left: auto; text-transform: none; } .sylv .post-links ul a { font: var(--body-font); font-size: 11px; background: transparent; border: none; } /* курсив и подчеркнутый текст внутри поста */ /* картинки в постах */ /* таблицы в постах */ /* разделитель подписи в посте */ /* экстра */ /* ФОРМЫ -------------------------------------------------------------*/ /* контейнер можно отключить */ /* местоположение кнопок отправить/посмотреть */ /* инфо по заполнению */ /* настройка текста */ /* обводка активного поля */ /* чекбоксы */ /* страница переадресации */ /* поле ввода текста поста */ .sylv .areafield div button { position: static; } .sylv textarea { box-shadow: none; border-radius: 5px; border-width: 1px; width: 100% !important; background: var(--backcol1); border: 1px solid var(--backcol); } /* поле ввода название темы */ .sylv select, .sylv input, .sylv #plng, .sylv #topic-search-btn { background: var(--backcol1)!important; border: 1px solid var(--backcol) !important; box-shadow: none; } /* перенос сообщений из темы */ .sylv .pun-modal .modal-inner { background: var(--backcol1) !important; } /* пагинация -------------------------------------------------------------*/ /* страницы в подфоруме сверху */ /* страницы в подфоруме снизу*/ /* страницы в теме снизу*/ .sylv #pun-viewtopic .linksb { color: var(--doptext) !important; background: var(--forcol1); font: 400 11px Verdana !important; padding: 5px; border: 1px solid #d1c5ac; border-radius: 3px; } /* подписаться и отслеживать внутри темы */ /* меню модератора */ /* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/ /* формы заполнения*/ /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ -------------------------------------------------------------*/ /* при наведении */ .sylv input.button, .sylv #post fieldset .hashelp div input, .sylv button, .sylv #mask_dialog .hv-add-template, .sylv .post.topicpost .charlist .hvClearFilters, .sylv ul#ul-5 { border-radius: 3px !important; color: var(--backcol1); text-shadow: none; padding: 5px !important; cursor: pointer !important; transition: .5s color, .5 border-color, .5 background; font: var(--h1-font) !important; letter-spacing: 0.5px; text-transform: uppercase; font-size: 11px !important; width: auto; font-weight: bolder !important; background: #553d28!important; border: 1px solid; border-color: rgb(97 70 44) !important; box-shadow: none; } .sylv input.button:hover, .sylv #post fieldset .hashelp div input:hover, .sylv button:hover, .sylv .post.topicpost .charlist .hvClearFilters:hover, .sylv ul#ul-5:hover { cursor: pointer !important; color: var(--hovlink1); border-color: #7a7a7a !important; background: radial-gradient(ellipse at center, #bdb9b5 14%, #4a4a4a94 100%)!important; } /* КОДЫ И ЦИТАТЫ -------------------------------------------------------------*/ /* расположение */ /* бокс под цитаты/код итд */ .sylv .post-content .spoiler-box>div::before { /* color: #fff1d1; */ color: #6a624fad!important; } .sylv .post-content .spoiler-box>div { background: transparent; } .sylv .custom_tag_alt1 .spoiler-box>div::before { filter: brightness(0.5)!important; } .sylv .post-content .spoiler-box>div { padding-right: 18px !important; } /* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ -------------------------------------------------------------*/ /* цитаты, спойлер, выделить код */ /* .post-content .quote-box, .post-content .code-box { margin: 10px; position: relative; overflow: hidden; padding: 15px 20px; background: var(--backcol); border: var(--bord); box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset; } */ .sylv cite span.qcn { display: contents; } .sylv .quote-box cite:not(.hide-box cite):before { font-family: Arial; content: "\201C"; font-size: 3.68em; position: relative; left: -12px; top: 23px; font-style: italic; background: transparent; display: inline; width: 40px; height: 20px; } .sylv .quote-box cite:before { color: var(--lightlink); } /* фон проставления репутации */ /* написал(-a) и выделить код */ .sylv .quote-box cite { color: #0a746e; } .sylv .code-box strong.legend { display: block; font: var(--h1-font); font-size: 15px; text-align: justify; margin: -18px 6px 10px 0px; font-weight: 500; line-height: 0px; position: relative; top: 15px; padding: 0px; letter-spacing: 0px; background: transparent; border: none; color: white; height: 34px; border-radius: 50px; width: fit-content; } .sylv .code-box strong.legend a { background: transparent; padding: 2px 7px 7px 10px; box-sizing: content-box; display: block; position: relative; font: var(--h1-font); color: var(--hovlink1) !important; height: 30px; border-radius: 0px; border: none; } .sylv .quote-box cite { display: block; font: var(--h1-font); font-size: larger; text-align: justify; margin: -15px 6px 15px 6px!important; border: none; font-weight: bold; background: transparent; line-height: 110%; letter-spacing: 1px; width: 60%; position: static; } .sylv .hide-box cite { margin: 0px 6px 10px 5px !important; padding: 0px !important; } /* выделить код (скопировать код) */ /* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД -------------------------------------------------------------*/ /* настройки оформления */ .sylv #font-area, .sylv .popup_graffiti, .sylv #size-area, .sylv #image-area, .sylv #color-area, .sylv #addition-area, .sylv #video-area, .sylv .inner .popup_graffiti, .sylv #table-area, .sylv #keyboard-area, .sylv #video-area-msg, .sylv #smilies-area, .sylv #video-area, .sylv #spoiler-area, .sylv #float, .sylv #vkladka-area, .sylv #meny_My_replic, .sylv .unread-notifications .modal-inner, .sylv .inner.post_reputation, .sylv .editBookmark { padding: 15px 10px 10px 10px !important; border-radius: 5px; color: var(--t-body); border: var(--bord); background: var(--backcol1) !important; box-shadow: none !important; border-color: rgb(189 179 158) !important; } /* фон репутации */ .sylv #font-area div:hover, .sylv #size-area div:hover, .sylv #meny_My_replic p:hover, .sylv #addition-area div:hover, .sylv .tab-list:hover, .sylv .hvStickerPackModalTab:hover { color: var(--hovlink1) !important; } /* поиск игры -------------------------------------------------------------*/ /* мини аватар на главной -------------------------------------------------------------*/ .sylv .user-avatar .avatar-image { height: 40px; width: 40px; color: #382b2982; opacity: 0.85; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; filter: grayscale(0.5) brightness(0.9); border-radius: 12% !important; box-shadow: 0 0px 4px 1px rgb(82 59 20), 0px 0px 6px #543c24 inset !important; transition: opacity 0.4s, filter 0.4s !important; } .sylv #pun-index .user-avatar .avatar-image { height: 40px; width: 40px; border: none; opacity: 0.85; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; filter: grayscale(0.5); } /* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ -------------------------------------------------------------*/ .sylv #pun-messages .post h3 { margin-left: -70px !important; width: 835px; } .sylv #pun-messages .post-author { margin-left: -70px !important; margin-top: 0px !important; background: url(https://forumstatic.ru/files/001b/fd/b9/98762.png) top no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/96179.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/91782.png) repeat-y; width: 267px; } .sylv #pun-messages .post-author ul { margin-top: 33px !important; } .sylv #pun-messages .post-body { width: 530px; margin-left: 220px !important; padding: 0px; box-sizing: border-box; background: transparent; margin-left: 210px !important; } /* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА -------------------------------------------------------------*/ /* выделенный текст */ .sylv ::selection { background: rgba(81, 43, 29, 0.28); color: rgb(149, 131, 95); text-shadow: 1px 1px 0px rgba(42, 21, 6, 1), 1px 1px 1px rgba(55, 29, 15, 0.75), 0px 0px 9px #201409; } /* ширина прокрутки ::-webkit-scrollbar { width: 4px; height: 4px;} */ /* движущаяся часть прокрутки */ .sylv #pun ::-webkit-scrollbar-thumb, .sylv .text-info::-webkit-scrollbar-thumb { background: #434b487a; border: none; } /* .basic #pun ::-webkit-scrollbar-thumb, .post-content ::-webkit-scrollbar-thumb, .blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb, .basic .text-info::-webkit-scrollbar-thumb { background: red; border: none; } */ /* подложка прокрутки */ .sylv #pun ::-webkit-scrollbar-track, .sylv .text-info::-webkit-scrollbar-track { background: #ffffff4f; border: none; width: 4px; } /* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ -------------------------------------------------------------*/ /* контейнер */ /* навигация */ /* отступы между строк в меню*/ /* отступ в управлении */ /*настройки списка */ /* заголовки в настройках профиля (у меня отключены) */ /* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ -------------------------------------------------------------*/ .sylv #viewprofile table { background: transparent; border-radius: 0px; padding: auto; width: auto; border: none; } /* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ -------------------------------------------------------------*/ /* отключить прокрутку снизу */ /* отступы по умолчанию у тела */ /* элементы списка */ /* li:not(.tabquote li), { list-style: none; } */ /* убрать курсив с текста везде кроме поста */ /* убрать подчеркивание с ссылок */ /* скрытые элементы */ /* информация при регистрации */ /* СКОПИРОВАНО ИЗ ЭКСТРЫ -------------------------------------------------------------*/ /** подгрузка видео и картинок ---------------------------------------------------------------*/ /* sets max-height for IE */ /** подсказки и затемнение фона при всплывающих страницах ---------------------------------------------------------------*/ .sylv .pun-modal h2 { max-width: 700px; margin: 0 auto !important; border-radius: 0px !important; color: var(--doplink1) !important; } /* */ /********* скрипт поиска по теме *********/ /********* матчасть htlm *********/ /*********сюжет *********/ .sylv .world-container .closed { background: url(https://i.imgur.com/hHwrl6q.png) top no-repeat, url(https://i.imgur.com/0qQXogd.png) bottom no-repeat, url(https://i.imgur.com/rsOFosN.png) repeat-y !important; } /********* страны *********/ /********* ячейки в симметричную таблицу *********/ /******************************************************************** * от Ллина ********************************************************************/ /* взаимный пиар */ /*спойлер, цитата и код */ .sylv .quote-box blockquote { background: transparent !important; border: none !important; padding: 0.0em 0.4em !important; margin: 0em !important; } .sylv .custom_tag_quote2, .sylv #forum-anc .container, .sylv .quote-box.hide-box, .sylv .punbb #pun-main .code-box, .sylv .punbb #pun-main .quote-box:has(cite):not(.sylv .quote-box.spoiler-box, .sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box) { margin: 1.4em; padding: 1.8em 1.4em; border: none; border-radius: 3px; background: rgb(255 255 255 / 9%) 0 top repeat-y; box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px; } .sylv #forum-anc .container { margin: 55px auto -20px; } .sylv .quote-box.hide-box, .sylv .quote-box:not(:has(cite), .sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box), .sylv .quote-box.spoiler-box:not(.sylv .custom_tag_alt .quote-box, .sylv .custom_tag_alt1 .quote-box, .sylv .custom_tag_alt0 .quote-box) { padding: 14px; background: var(--forcol1); background-color: #c7bba180; color: #0a1021; box-shadow: inset 0px 0px 2px #aca48d5c, inset 0px 0px 1px #bbac855e, inset 0px 0px 30px rgb(147 139 120 / 37%); border-radius: 7px; border: var(--bord1); border-style: double; } .sylv .custom_tag_alt1 .quote-box.spoiler-box>div, .sylv .custom_tag_alt1 .quote-box.spoiler-box>div.visible, .sylv .custom_tag_alt1 .quote-box.quote-main, .sylv .custom_tag_alt .quote-box.quote-main { outline-offset: 1px; box-shadow: rgba(255, 255, 255, 0.46) 0px 0px 5px inset; filter: invert(1) sepia(1); background-color: rgb(225 225 225 / 25%); border-color: rgb(112 91 65 / 40%); outline: rgba(255, 242, 218, 0.31) solid 1px; mix-blend-mode: luminosity; text-shadow: #e1e0d59c 1px 1px 2px !important; color: black; } .sylv .custom_tag_alt .quote-box.spoiler-box>div { display: block; margin: 4px 2px; height: auto; overflow: hidden; padding: 9px 8px 9px 30px !important; transition: background-color .6s, color .6s, text-shadow .6s; outline: 1px solid rgb(251 244 232 / 75%); outline-offset: -3px; box-shadow: #4c3e238f 0px 0px 3px 1px; border: 1px solid rgb(112 91 65 / 66%); background-color: rgb(86 66 24 / 20%); border-radius: 1px; color: var(--t-body); } .sylv { .custom_tag_alt .quote-box.spoiler-box>div:hover, .custom_tag_alt .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.spoiler-box>div:hover, .custom_tag_alt1 .quote-box.spoiler-box div.visible, .custom_tag_alt1 .quote-box.quote-main:hover, .custom_tag_alt .quote-box.quote-main:hover { mix-blend-mode: luminosity; } } /********* show-more *********/ /********* доп. спойлер *********/ /********* перелистывание изображений *********/ /********* оформление матчасти, кастомные коды и теги *********/ /* СОДЕРЖАНИЕ липучее в темах -------------------------------------------------------------*/ .sylv .custom_tag_marble { color: #958a75; color: #7c786f; text-shadow: #f7f7f7ab 1px 1px 1px; } /* Слайдер */ /* General styles */ /* Navigation item styles */ .sylv div .post-rating p a { background-color: var(--forcol1); box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px; } /********* Свернуть спойлер *********/ /********* Личная Хронология *********/ /* shipovnik */ /*** ХРОНОЛОГИЯ название ***/ /* цифра */ /* категория */ /* цифры */ /* текстовый блок */ /********* Топы *********/ .sylv .container>.topRPG_2 { right: 60px; } .sylv li.pa-avatar.item2 img { max-width: 190px; /* border: double #4f3427 !important; */ } /********* скрипт уведомлений *********/ .sylv #post-mentions #mentions-area { background: rgb(175 159 126 / 95%); border-color: rgba(98, 77, 46, 0.71); border-radius: 5px; width: calc(100% - 5px) !important; left: 0px !important; } /********* кастомные теги bb *********/ .sylv .custom_tag_rulka { background-color: var(--dm1) !important; box-shadow: #00000036 0px 0px 3px 0px; padding: 0.4em 0em 0.4em 0em; text-transform: uppercase; text-align: center; border: 3px double rgba(42, 14, 8, 0.28); display: block; } .sylv .custom_tag_rulka0 { background-color: var(--dm1) !important; box-shadow: #00000036 0px 0px 3px 0px; padding: 12px 0px 10px 0px; text-shadow: #d3c5948a 0.5px 0.8px 1px; border: 3px double rgba(42, 14, 8, 0.28); display: flow-root; margin-bottom: 5px; color: black; } .sylv .custom_tag_rulka0 { font-family: Moyenage; text-align: center; font-size: 25px; /* font-weight: 800; */ line-height: 0.8; } .sylv .custom_tag_rulka0 { text-shadow: #ffffff4f 0.5px 0.8px 1px; } .sylv .custom_tag_rulka0::first-letter { color: var(--hovlink1); } /* аватар в цитате */ .sylv .author-avatar { float: right; /* margin-right: -2%; */ position: static; margin-top: -3px; } /* строка тем или форумов при наведении */ /* свечение жирного текста */ .sylv .post-content strong { text-shadow: #dfd8ae54 1px 1px 0px; } /* подчеркивание */ /* закрытые темы, важные */ /* спойлер категорий */ .sylv .offctgr img { mix-blend-mode: plus-lighter; filter: saturate(100%) contrast(0.5); margin: -3px 7px 0px -15px; } /* .pa-fld1 div:not(#titul), */ /* мини ава в строке приветствия */ /*АКЦИИ */ /* rzlmovnik */ /* название роли */ /* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */ /* подарки */ /* скрытие отредактировано из html-верх -------------------------------------------------------------*/ /* Броски Дайсов */ /* личные сообщения */ .sylv #messages table { background: transparent; border-radius: 0px; } /* админка */ /* цитаты в топике */ .sylv .qc-uname { color: black; } /* медиа для мозиллы */ @-moz-document url-prefix() { .sylv #pun-title { background-image: url(https://i.imgur.com/Gdnhr6G.png); width: 1375px; height: 509px; margin-left: -187px; margin-top: -78px; margin-bottom: 0px; position: relative; top: -275px; z-index: -1; } .sylv #pun-announcement { position: relative; width: 960px; text-align: center; margin-top: -148px; } .sylv .ban { width: 1015px; left: 10px; bottom: -109px; } } .sylv forumdesc { color: #756953d4; } .sylv forumdesc b::after { content: " //"; font-size: xx-small; font-weight: 100; margin-left: 4px; } /* мелкие допы -------------------------------------------------------------*/ /* хронология большая -------------------------------------------------------------*/ .sylv .ship20 { } /** эпизод **/ /** маркеры shipovnik **/ /** дата и участники **/ /** год или эпоха **/ .sylv .ship20 { } /************************************************************* filter **************************************************************/ .sylv .filter {width: 810px !important;} /************************************************************* spoiler **************************************************************/ /* орг темы вариации под дизайны -------------------------------------------------------------*/ .sylv .soo1 { width: 652px; } /* .basic .soo2 { width: 800px; } .sylv .soo2 { width: 874px; } */ .sylv .custom_tag_gostevaya { width: 982px; margin: 0px 0 20px -22px; border-radius: 3px; } .sylv .gde_chto { /* background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 589px center no-repeat; */ /* background-color: #CAD1CA; */ /* height: 700px; */ /* background-size: 33%; */ } .sylv .custom_tag_moa { width: 100%; } .sylv .chto_igraem { /* background-size: 35%; */ } .sylv .sinopsis { /* background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 593px 80px no-repeat; */ /* background-color: #CAD1CA; */ /* height: 638px; */ /* background-size: 33%; */ } .sylv .custom_tag.custom_tag_lorkratko { width: 920px; margin: 0 0 0 0; background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) left; border-radius: 3px; } .sylv .custom_tag_lorkratko table .custom_tag_dm1[alt="lore"] { color: #333 !important; background: #e7e7e7 ! IMPORTANT; padding: 2px 10px !important; } .sylv .custom_tag_lorkratko table { right: 10px; left: inherit !important; width: max-content !important; bottom: 50px; } .sylv .custom_tag_lorkratko table tr { display: flex; width: 530px; flex-direction: row; align-items: flex-end; height: 74px; justify-content: flex-end; flex-wrap: wrap; } .sylv .org, .sylv .org2 { width: 941px; overflow: hidden; margin: 0px -21px; } /* стили орг тем -------------------------------------------------------------*/ /* Магазин --------*/ /* навигация --------*/ /* допы орг тем --------*/ /* Шаблон эпизода --------*/ /* Гостевая --------*/ /* Общие стили --------*/ .sylv .custom_tag_hr1 { border-bottom: 4px double rgba(42, 14, 8, 0.28); } /* карта форума */ .sylv .custom_tag_imgframe img.postimg, .sylv .custom_tag_imgframe0 img.postimg, .sylv .custom_tag_imgshad0, .sylv .custom_tag_imgshad1 img, .sylv .custom_tag_imgframe00 img.postimg { border: 3px double rgb(58 29 4 / 48%); box-shadow: 0px 0px 2px #1a0b0657; outline: none; border-radius: 2px; } .sylv .custom_tag_imgframe, .sylv .custom_tag_imgframe0, .sylv .custom_tag_imgshad0, .sylv .custom_tag_imgframe00 { padding: 0px; border-radius: 0px; background: none; border-image: linear-gradient(314deg, #1C2525 0%, #e1e3e1 126%) 1; outline: 0px double #738a8659; outline-offset: 0px; } /* Матчасть --------*/ .sylv .custom_tag_dm0:not(.org .custom_tag_dm0) { font-family: Playfair; font-size: 23px !important; font-weight: 500; line-height: 100%; text-align: center; text-transform: uppercase; / width: max-content; */ padding: 6px 5px 5px 5px; margin: 2px auto; display: block; width: auto; color: #fff2da; text-shadow: #000000ba 1px 1px 2px; background-color: rgb(33 8 0 / 38%) !important; outline: 1px solid #fff2da42; outline-offset: -3px; box-shadow: #42382596 0px 0px 3px 1px; border: none; border-radius: 0px; } .sylv .custom_tag_dm1:not(.org .custom_tag_dm1, .custom_tag_lorkratko .custom_tag_dm1, .custom_tag_gostevaya .custom_tag_dm1, .custom_tag_guest .custom_tag_dm1, .custom_tag_novichko .custom_tag_dm1) { display: block; overflow-y: auto; padding: 7px; background-color: var(--dm1); box-shadow: #00000036 0px 0px 3px 0px; border: 3px double rgba(42, 14, 8, 0.28); width: -webkit-fill-available; transition: box-shadow 0.2s; border-radius: 0px; } /* Акции --------*/ /* Универсальная табличка 2 --------*/ /* Универсальная табличка 1 --------*/ /* Занятые внешности --------*/ /* Идеи для игры --------*/ /* Применяем стили ко всем классам, содержащим opiss */ /* Что играем --------*/ /* Страны --------*/ /* Расы --------*/ /* Планы мироздания --------*/ /* Чары маленьковые --------*/ /* Чары --------*/ /* Ликбез --------*/ /* Синопсис --------*/ /* Где что играть --------*/ /* Сюжеты --------*/ /* карусель для ЛС */ /* плашка и фон профиля */ .sylv .pa-fld6 { /* left: 3px; */ width: 220px; margin-left: 0px; } .sylv .pa-fld6 > img { bottom: -32px; width: 221px; left: 25px; } .sylv plaque { left: 3px; outline: 3px double #00000059; width: 205px; outline-offset: -3px; border-radius: 5px; /* border: 1px solid #2a2a28; */ border: 3px solid #073734d4; } .sylv .post .reportlink { margin-left: 0em !important; margin-top: 0px; } /*---- ИКОНКА В ПРОФИЛЕ ----*/ /* ========================================================= глоссарий ========================================================= */ /* Кнопка в сайдбаре */ /* Фон всплывающего окна */ /* Само окно глоссария */ /* Кнопка закрытия */ /* Поиск */ /* Вкладки */ /* Контент вкладок */ /* страница наград */ /* 1. Превращаем таблицу в блочный элемент */ /* 2. Прячем стандартную шапку */ /* Поскольку мы разбиваем контент на две колонки, одинарная шапка (Название | Иконка...) съедет. Контент наград обычно интуитивно понятен, поэтому шапку проще скрыть. */ /* 3. Разбиваем тело таблицы (tbody) на две равные половины */ /* 4. Настраиваем каждую строку (tr) как внутреннюю сетку из 4 колонок */ /* 5. Стилизуем ячейки (td) */ /* 6. Адаптируем иконки, чтобы они не вылезали за пределы */ /* 7. Адаптивность для телефонов и небольших экранов */ /* ═══════════════════════════════════════════════════════════════════ НОЧНАЯ ТЕМА — CSS для body.light.dark (v5 — final consolidated) Одна версия. Без слоёв, откатов и конфликтов. Направление: smoky slate с eucalyptus undertone. Акценты: холодный шалфей для интерфейса, пыльная медь для контента. ═══════════════════════════════════════════════════════════════════ */ /* ── 1. ПЕРЕМЕННЫЕ ───────────────────────────────────────────────── */ /* ── 2. ФОН ───────────────────────────────────────────────────────── */ /* ── 3. БАЗОВЫЙ ТЕКСТ ────────────────────────────────────────────── */ /* ── 4. ВТОРИЧНЫЙ ТЕКСТ ─────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ ССЫЛКИ — два регистра, без универсального правила ═══════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ ССЫЛКИ v5.3 — единый холодный grey-teal A. Header — светлый лунный шалфей B. Content — средний grey-teal C. Service — базовый grey-teal (ориентир #617975) ═══════════════════════════════════════════════════════════════════ */ /* ── A. HEADER / MENU / КАРТА ФОРУМА — светлый лунный ──────────── */ /* ── B. CONTENT — средний grey-teal ────────────────────────────── */ /* ── C. SERVICE — базовый grey-teal #617975 ────────────────────── */ /* ── D. UM-LIST DROPDOWN (фоны и рамки, не цвет ссылок) ────────── */ /* ── КОНЕЦ ссылок v5.3 ─────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ СЛУЖЕБНЫЕ ПОЛОСЫ, ПОДФОРУМЫ, СТАТИСТИКА ═══════════════════════════════════════════════════════════════════ */ /* ── 6. ПОЛОСЫ linkst/linksb/modmenu — прозрачные ──────────────── */ /* ── 7. ПОДФОРУМЫ ──────────────────────────────────────────────── */ /* ── 8. СТАТИСТИКА ─────────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ ПОСТЫ И ФОРМЫ ═══════════════════════════════════════════════════════════════════ */ /* ── 9. ЗАГОЛОВКИ H1/H2 ────────────────────────────────────────── */ /* ── 10. ЗАГОЛОВОК ПОСТА (дата) — без коробки ──────────────────── */ /* ── 11. СЧЁТЧИК РЕПУТАЦИИ — компактная капсула ────────────────── */ /* ── 12. КНОПКИ ПОСТА (ПРОФИЛЬ/ЛС/E-MAIL) ─────────────────────── */ /* ── 13. ПРОФИЛЬ АВТОРА ────────────────────────────────────────── */ /* ── 14. ЦИТАТЫ, КОД, СПОЙЛЕРЫ ─────────────────────────────────── */ /* ============================================================ LIGHT.DARK — custom_tag_dm0 / dm1 ============================================================ */ /* ── 15. FORM-BUTTONS (ОТПРАВИТЬ/УДАЛИТЬ/РЕДАКТИРОВАТЬ/...) ───── */ /* ── 16. TOOLBAR ICONS — перекрываем var(--t-body) ────────────── */ /* ── 17. ПОЛЯ ВВОДА ────────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ МОДАЛКИ, ПРОФИЛЬ, СЛУЖЕБНОЕ ═══════════════════════════════════════════════════════════════════ */ /* ── 18. ПОПАПЫ ────────────────────────────────────────────────── */ /* ── 19. ПРОФИЛЬ (ПРОСМОТР) ────────────────────────────────────── */ /* ── 20. ЛИЧНЫЕ СООБЩЕНИЯ ──────────────────────────────────────── */ /* ── 21. ВЫДЕЛЕНИЕ / СКРОЛЛБАР / АВАТАРЫ ──────────────────────── */ /* ── 22. ПРАВАЯ КРОМКА ─────────────────────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════ КОНЕЦ v5 — final consolidated ═══════════════════════════════════════════════════════════════════ */ /* ============ Цвета ============ */ /* переключение дизайнов */ /* убрать для сайдбара */ /* #stylelist { position: absolute !important; top: 10px !important; } #stylelist { position: fixed; z-index: 10000; left: 0px; margin: 0; padding: 0; list-style-type: none; } #stylelist a { display: block; width: 0; height: 0; font-size: 0; color: transparent; border-style: solid; border-width: 10px 15px; margin-bottom: 8px; transition: transform 1s cubic-bezier(0.55, 0.09, 0.68, 0.53), filter 1s cubic-bezier(0.55, 0.09, 0.68, 0.53); } #stylelist a:hover { filter: brightness(1.5); transition: transform 1s 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), filter 1s 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96); transform: rotate3d(2, -1, 1, 360deg); } #stylelist a:active { transition: transform .5s ease-out; transform: scale(.6); } #stylelist [data="basic"] a { background: url(https://forumstatic.ru/files/001a/11/6e/46302.png); width: 52px; height: 51px; border: none; } #stylelist [data="sylv"] a { background: url(https://forumstatic.ru/files/001b/d9/c9/88585.png); width: 50px; height: 50px; border: none; } #stylelist [data="sylv mobile"] a { background: url(https://i.imgur.com/PlUOinB.png); width: 50px; height: 50px; border: none; } */ /*мобилка сильвания*/ @media screen and (max-width: 980px) { .sylv #pun-title { width: 1188px !important; } /* #forum_f29 {display: none!important} */ .sylv mainneeded { min-width: 74vw; } .sylv a.char-cont { width: 100%; } .sylv mainneeded::before { width: max-content; } body.sylv { background-size: contain !important; } .sylv #pun { margin-left: 35px !important; } .sylv .go-up { margin-left: 980px !important; } .sylv .go-down { margin-left: 980px !important; } .sylv #pun-status .container { font-size: 9px !important; } } /*новый дизайн*/ /* ТЕЛО здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума -------------------------------------------------------------*/ .sylv #pun { position: relative; width: 1041px; margin: 255px auto 100px auto; padding-top: 50px; background: repeat transparent url(https://i.imgur.com/AN0AtD0.png); display: table; } /* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА -------------------------------------------------------------*/ .sylv .punbb { width: 1041px; padding: 0px 40px; box-sizing: border-box; margin-left: 0px; } .sylv #pun-main { margin-top: 10px !important; margin: 0; } .sylv #pun-viewforum #pun-main { padding: 0; } /* ЗАДНИЙ ФОН -------------------------------------------------------------*/ body.sylv { background: url(https://forumstatic.ru/files/001b/fd/b9/78998.png) no-repeat fixed top center, url(https://forumstatic.ru/files/001b/fd/b9/65440.png) fixed top repeat; background-color: #2a1c10; } /* ШАПКА -------------------------------------------------------------*/ .sylv #pun-title { background-image: url(https://i.imgur.com/Gdnhr6G.png); width: 1375px; height: 583px; margin-left: -187px; margin-top: -305px; margin-bottom: 0px; } .sylv .head0, .sylv #star1 { display: none; } /*шапка при наведении*/ .sylv .head0 { opacity: 0; position: absolute; float: right; width: 911px; height: 159px; top: 101px; left: 80px; background: url(https://forumstatic.ru/files/001b/b2/f7/74901.jpg) no-repeat; overflow: auto; transition: opacity 1.5s cubic-bezier(1, -0.12, 0.27, 1.55); } .sylv .head0:hover { opacity: 2; transition: opacity 0.5s cubic-bezier(1, -0.12, 0.27, 1.55); } /* вращающиеся осколки */ /* ФУТЕР -------------------------------------------------------------*/ .sylv #pun-about .container { background: url(https://forumstatic.ru/files/001b/fd/b9/58061.png); width: 1040px; height: 169px; margin-top: 40px; margin-left: -40px; margin-bottom: -110px; } /* реклама русфф в футере */ .sylv #pun-about .container .item1 { bottom: 28px; } .sylv #pun-about .container div small { } .sylv .cop a { position: relative; text-align: center; display: block; width: 200px; top: 119px; right: -360px; font: var(--body-font); font-size: 10px; color: var(--hovlink1) !important; font-weight: 100 !important; text-shadow: 1px 1px BLACK !important; } .sylv .cop:hover a { color: var(--link); } .sylv .cop1 { display: none; } /* КАТЕГОРИИ -------------------------------------------------------------*/ /* оформление всей категории */ .sylv #pun-index .category { margin-left: 0px; } /* оформление всего подфорума */ .sylv #pun-index .hasicon tr, .sylv #pun-viewforum .category table tbody tr { z-index: 1; width: 950px; position: relative; display: table; background: var(--forcol1); margin-bottom: 15px !important; box-sizing: border-box; padding: 5px 0px 0px 10px; border-radius: 10px; border: var(--bord1); margin: 0 5px; } /* оформление всех категорий */ .sylv #pun-stats h2 { margin-left: 0px; } /* .light #pun-index .category h2, #pun-index .category h2 { margin-bottom: -20px; } */ .sylv #pun-category1 h2 { margin-top: 0px !important; } /* .light #pun-index .category h2:not(:first-of-type), #pun-index .category h2:first-of-type { margin-bottom: -20px; } */ .sylv #pun-index .category h2, .sylv #pun-stats h2 { text-align: center; background: url(http://forumstatic.ru/files/001b/d9/c9/35876.png) no-repeat; border: none !important; width: 1040px; display: inherit; height: 83px; box-sizing: border-box; padding-top: 38px; color: var(--doptext1); font: var(--body-font); text-transform: uppercase; font-weight: bolder; margin: -30px 0px -20px -40px; } /* СТАТИСТИКА -------------------------------------------------------------*/ /* оформление текста в статистике */ .sylv #pun-stats .container { } .sylv #pun-stats li.item1, .sylv #pun-stats li.item2, .sylv #pun-stats li.item3, .sylv #pun-stats li.item4 { background: var(--forcol1); display: flex; align-content: center; flex-wrap: wrap; padding: 5px 8px; gap: 5px; margin-top: -8px; margin-bottom: 5px; border-radius: 5px; border: var(--bord1); } /* статистика */ /* .basic #pun-stats li.item1, .basic #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } .basic #pun-stats li.item3, .basic #pun-stats li.item4 { text-align: right; line-height: 150%; } */ /* активные пользователи */ /* ПОДФОРУМ -------------------------------------------------------------*/ /* расположение и оформление */ .sylv #pun-index .tclcon b:first-of-type { float: left; background: none; color: inherit; font: 700 11px verdana; padding: 3px 0px; position: relative; /* display: contents; */ border: none; box-sizing: border-box; height: 20px; text-align: center; } /* .light #pun-index .tclcon b:first-of-type::before, #pun-index .tclcon b:first-of-type::before { content: ''; position:absolute; background: rgba(187, 191, 187, 1); border: 1px solid rgba(173, 173, 173, 1); padding: 3px 7px; border-radius: 100px; left: 0px; top: 0px; width: 100%; height: 15px; }*/ .sylv #pun-index .tclcon, .sylv #pun-viewforum .isub td div.tclcon { background: none; padding: 10px 10px 2px; text-align: justify; box-shadow: none; display: block; border: none; border-radius: 0px; margin-left: 40px; color: #756953d4 !important; } .sylv #pun-index .tclcon h3, .sylv .isub .tcl h3 { text-align: left !important; background: #a1927845; padding: 3px 0px; border-radius: 0px 10px 10px 0px; margin-top: 3px; } /* название подфорума - ссылка */ .sylv #pun-index .tclcon h3 a, .sylv .isub .tcl h3 a { text-shadow: none !important; margin-left: 15px !important; color: #756953d4 !important; font: var(--h1-font); font-weight: bolder; } .sylv #pun-index .tclcon a:hover, .sylv .isub .tcl h3 a:hover { transition: color 0.5s linear 0s; background: none; color: var(--hovlink1) !important; } .sylv .main table .Add { margin-bottom: -5px; position: relative; color: #220a02; opacity: 0.3; transition: opacity .5s ease-in-out, z-index .2s ease-in-out; } .sylv .main table .Add { margin: 14px 18px 0px auto; padding: 4px 0px 0px 80px; } .sylv .Messages { width: 45px; display: inline-flex; align-items: center; } /* ссылки подфорумах */ /* ссылка на под подфорум */ /* дополнительные контейнеры ссылок в подфоруме*/ .sylv .tclcon #forumlink a, .sylv .tclcon #linkmain a { background-color: var(--forcol1); border: var(--bord1); flex: 1 1 auto; font: var(--h1-font); border-radius: 0px; font-size: 10px; padding: 2px; color: #756953d4 !important; } .sylv div#linkmain { margin: 4px 10px 0px 0px; } .sylv .tclcon #forumlink1 a { font: var(--h1-font); text-align: center; font-size: 13px; font-weight: bolder; text-shadow: none !important; border-radius: 0px; background: var(--t-body1) !important; border: double 1px var(--t-body1); border-style: double; box-shadow: inset -1px 1px 1px var(--forcol1), inset 1px 1px 1px var(--forcol1), inset 1px -1px 1px var(--forcol1); width: 120px; color: #9f885a; } .sylv .tclcon #forumlink1 a:hover { background: none; transition: background 0.3s ease, opacity 0.3s ease; opacity: 1; } /* ИКОНКА СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ /* старые */ .sylv #pun-index table Div.icon { float: left; display: block; width: 51px; height: 50px; background-image: url(http://forumstatic.ru/files/001a/11/6e/20817.png); background-repeat: no-repeat; position: relative; left: -10px; margin-top: 3px; } .sylv #pun-index table Div.icon { margin-top: 20px !important; } /* новые */ .sylv #pun-index TR.inew Div.icon { background-image: url(http://forumstatic.ru/files/001a/11/6e/46302.png); background-repeat: no-repeat; position: relative; margin-top: 3px; width: 51px; height: 50px; left: -10px; } /* ИКОНКА ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ /* ДЛЯ БИРЮЗОВОГО */ /* старые */ /* новые */ /*важные */ /* закрытые */ /* ДЛЯ ДРУГИХ ДИЗОВ */ /* старые */ .sylv #pun-viewforum table Div.icon, .sylv #pun-messages table Div.icon, .sylv #pun-searchtopics table Div.icon { float: left; background-image: url(http://forumstatic.ru/files/001a/11/6e/20817.png); background-repeat: no-repeat; position: relative; width: 51px; height: 50px; } /* новые */ .sylv #pun-viewforum TR.inew Div.icon, .sylv #pun-messages TR.inew Div.icon, .sylv #pun-searchtopics TR.inew Div.icon { background-image: url(http://forumstatic.ru/files/001a/11/6e/46302.png); background-repeat: no-repeat; position: relative; width: 51px; height: 50px; } /*важные */ .sylv #pun-viewforum TR.isticky Div.icon, .sylv #pun-messages TR.isticky Div.icon, .sylv #pun-searchtopics TR.isticky Div.icon { background-image: url(http://forumstatic.ru/files/001a/11/6e/88715.png); background-repeat: no-repeat; position: relative; width: 51px; height: 50px; } /* закрытые */ .sylv #pun-viewforum TR.iclosed Div.icon, .sylv #pun-messages TR.iclosed Div.icon, .sylv #pun-searchtopics TR.iclosed Div.icon { background-image: url(http://forumstatic.ru/files/001a/11/6e/20625.png); background-repeat: no-repeat; position: relative; width: 51px; height: 50px; } /* КНОПКИ ВВЕРХ ВНИЗ -------------------------------------------------------------*/ /* прозрачность */ /* расположение */ .sylv .go-up { background-image: url(https://forumstatic.ru/files/001b/d9/c9/21022.png?v=1); height: 40px; width: 40px; bottom: 45%; margin-left: 1015px; transition: transform 2s ease-out; } .sylv .go-down { background-image: url(https://forumstatic.ru/files/001b/d9/c9/21886.png?v=1); height: 40px; width: 40px; bottom: 36%; margin-left: 1030px; transition: transform 2s ease-out; } /* при наведении */ .sylv .go-down:hover, .sylv .go-up:hover { opacity: 1; transform: rotate(90deg); } /* профиль -------------------------------------------------------------*/ .sylv .post-author::before { content: none } .sylv .post-author { width: 277px; padding-bottom: 60px !important; margin-left: -40px; margin-top: -7px; background: url(https://forumstatic.ru/files/001b/fd/b9/26202.png) top no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/24211.png) bottom no-repeat, url(http://forumstatic.ru/files/001b/d9/c9/90986.png) repeat-y; } .sylv .punbb .post .post-author { position: sticky !important; transition: top .2s ease, opacity .2s ease; height: 100%; margin-bottom: 40px; border: none; top: 50px; } /* пространство в профиле */ .sylv .post-author ul { margin-top: 41px; width: 270px; padding: 0px 22px !important; box-sizing: border-box; text-align: center; margin-left: 0px; color: var(--proftext1); font: var(--body-font); text-shadow: 1px 1px black; font-size: 10px; line-height: 13px; } /* ник автора */ .sylv .pa-author { width: 100%; } /* ссылка ника */ .sylv .pa-author a { color: var(--forlink) !important; text-transform: none; font: var(--h1-font1); font-size: 25px; font-weight: 100; } .sylv .pa-author a:hover { color: var(--hovlink1) !important; } .sylv .pa-author { color: var(--forlink) !important; text-shadow: 1px 1px black !important; letter-spacing: 0px; font-size: 25px; font-weight: 100; margin: -6px 0px 5px; } /* статус */ .sylv .pa-title { color: var(--proftext1) !important; } /* аватар */ /* .pa-avatar { margin: 5px 3px 0px 33px; width: 196px; transition: transform .3s ease-out; } */ .sylv .pa-avatar { margin: 5px 5px 0px 6px; width: 196px; } /* рамка аватара */ .sylv .pa-avatar img { border: double #4f3427 !important; } /* айпи */ /* Индикатор активности пользователя */ .sylv .post-author .pa-online { top: -23px; margin: 0px auto; } .sylv .post-author .pa-online:before { background: var(--hovlink1); outline: 1px solid #171717; border: 3px solid #4e3420; border-style: ridge; border-width: 3px; height: 8px !important; width: 9px !important; margin: 22px 0 0 4px !important; left: 119px !important; padding: 0 !important; transition: all .2s ease; border-radius: 50%; cursor: pointer; outline: 1px solid #171717; border: 2px solid #4e3420; border-style: ridge; -webkit-animation: blinkColor .9s linear infinite; animation: blinkColor .9s linear infinite; } .sylv .post-author:not(.online) .pa-author .acchide { background: #bbbbbb47; outline: 1px solid #171717; border: 3px solid #4e3420; border-style: ridge; border-width: 3px; height: 8px !important; width: 9px !important; margin: 1px 0 0 16px !important; left: 119px !important; padding: 0 !important; transition: all .2s ease; border-radius: 50%; cursor: pointer; outline: 1px solid #171717; border: 2px solid #4e3420; border-style: ridge; animation: none; } .sylv .pa-online strong { left: 145px; } .sylv .post-author:not(.online) .pa-author .acchide { opacity: 0.8 !important; top: -23px; margin-left: 12px !important; } .sylv .post-author .pa-last-visit { left: 160px; } .sylv .pa-awards a { color: var(--proftext1) !important; } /* отображение при ответить */ .sylv #pun-post .pa-author { margin-top: 36px; } .sylv img.post-img-Sp { margin: 0px; filter: grayscale(1) !important; } .sylv img.post-img-Sp { transition: transform .3s ease-out; filter: none; height: 56px; width: 60px; backdrop-filter: blur(6px); margin: 3px 3px !important; } /* ПОЛЯ ПРОФИЛЯ -------------------------------------------------------------*/ .sylv .pa-fld1 { font-size: 0.91em; margin-top: 0px !important; font-family: 'tahoma regular'; letter-spacing: 0.8px; text-shadow: 1px 1px 1px #000000; margin: 5px 0px; } /* ЛЗ ссылка на анкету */ .sylv .post-author .pa-fld1 #fullname::after, .sylv .post-author .pa-fld1 i:before { filter: grayscale(1); opacity: 0.4; } .sylv .post-author .pa-fld1 u { text-decoration-thickness: 2px; text-decoration-color: #5f533a7d; } .sylv .post-author .pa-fld1 u { text-decoration-color: #5656567d; } .sylv #anketa a { color: var(--doptext1) !important; text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000 !important; } /* репутация - иконка плюсика */ .sylv .post-author .pa-fld1 span.MyredirICon, .sylv #anketa { padding: 6px 2px; font-family: "Moyenage" !important; font-size: 17px !important; font-weight: 600; font-variant-caps: all-small-caps; text-align: center; display: block; background: #5218062e; border: double 1px #0c0c0c; border-style: double; border-radius: 3px; box-shadow: inset -1px 1px 1px #413223, inset 1px 1px 1px #413223, inset 1px -1px 1px #413223; color: var(--anketa); text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000; } .sylv #anketa { background: #171717cf; border: double 1px #0c0c0c; border-style: double; border-radius: 3px; box-shadow: inset -1px 1px 1px #413223, inset 1px 1px 1px #413223, inset 1px -1px 1px #413223; color: var(--doptext1) !important; } .sylv .post-author .pa-fld1 span.MyredirICon:hover, .sylv .post-author .pa-fld1 #anketa a:hover, .sylv .post-author .hv-mask .pa-fld1 span a:hover { color: var(--forcol) !important; } .sylv .post-author .pa-fld1 span.MyredirICon, .sylv .post-author .hv-mask .pa-fld1 span a { text-align: center; padding-top: 17px !important; font-size: 18px !important; text-shadow: none !important; transition: color 0.9s ease-in-out, text-shadow 0.9s ease-in-out; display: inline-block; font-variant-caps: all-small-caps; box-shadow: none; width: 260px !important; background: url(https://i.imgur.com/xrLz1E2.png) no-repeat; height: 40px; margin-left: -33px !important; color: var(--doptext1) !important; padding: 18px 0 0 0px; text-shadow: rgb(0 0 0) 1px 1px 0px, rgb(19 14 11) 0px 0px 5px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; border: none; } /* .pa-fld3 { opacity: 0.85; padding: 3px 5px 3px !important; font-size: 15px; color: rgb(var(--canvas-primary)); font-family: var(--font-cat-title); font-variant-caps: normal; font-weight: 400; letter-spacing: 0px; text-shadow: none; background: rgba(var(--canvas-primary), .2); box-shadow: none; border-radius: 10px; margin: 0px 3px 0px; filter: none; display: inline-block; } .basic .pa-fld3 { opacity: 0.85; padding: 2px 3px 0px !important; font-size: 11px; color: #9b896480; font-family: Alegreya SC; font-variant-caps: all-small-caps; font-weight: bolder; letter-spacing: 0.8px; text-shadow: 1px 1px #000000; background: #5218062e; box-shadow: 0px 0px 8px 4px #5218062e; margin: 10px 18px 8px; filter: drop-shadow(2px 4px 6px black); display: inline-block; border:none; } .sylv .pa-fld3 { filter: sepia(0.8); opacity: 0.85; padding: 2px 3px 0px !important; font-size: 11px; color: #9b896480; font-family: Alegreya SC; font-variant-caps: all-small-caps; font-weight: bolder; letter-spacing: 0.8px; text-shadow: 1px 1px #000000; background: #5218062e; box-shadow: 0px 0px 8px 4px #5218062e; margin: 10px 18px 8px; display: inline-block; border: none; } */ .sylv .pa-fld2 { text-align: center !important; text-transform: uppercase; letter-spacing: 0.5px; font: var(--h1-font); font-weight: bolder; text-shadow: 2px 1px 1px #000000, 0px 0px 8px #000000; background: #00000061; color: #adacac; padding: 0px 15px 0px; margin-bottom: -2px; border-radius: 15px 15px 0 0; backdrop-filter: blur(4px); max-height: 20px; } .sylv .pa-fld2 .fld-name { color: #e1e1e1 !important; } .sylv .pa-fld2 .fld-name { color: var(--proftext1); font-size: 11px; opacity: 0.6; } .sylv ul.post-ul-Sp.Sp1, .sylv ul.post-ul-Sp.Sp2, .sylv ul.post-ul-Sp.Sp3 { margin: 6px 0px 0px 2px; margin-left: 3px !important; width: 221px; border-radius: 0px; border: 1px solid #343128c7; border-width: 1px 0px; background: #1b1c1636; box-sizing: border-box; padding: 0px 15px !important; } .sylv ul.post-ul-Sp.Sp2 { color: var(--proftext1); } .sylv .pa-fld1 abbr { color: #bba77d80; cursor: pointer; } /*** СЛАЙДЕР АВАТАРОК by Lerage***/ /* картинки в профиле */ .sylv img.post-img-Sp:not(.a-info):nth-last-of-type(3) { background: url(https://forumstatic.ru/files/001c/70/90/22780.png); background-position: -3px -2px; } .sylv img.post-img-Sp:not(.a-info):nth-last-of-type(2) { background: url(https://forumstatic.ru/files/001c/70/90/45985.png); background-position: -3px -2px; } .sylv img.post-img-Sp:not(.a-info):last-of-type { background: url(https://forumstatic.ru/files/001c/70/90/49787.png); background-position: -3px -2px; } /*** стрелочки от скрипта переключения аватарок ***/ .sylv div.arrRight { margin: auto -6px auto 222px; } .sylv div.arrLeft { margin: auto -6px auto -230px; } /* ПОСТЫ, РЕПУТАЦИЯ, ПОЗИТИВ, СОО -------------------------------------------------------------*/ .sylv { .pa-posts a, .pa-respect a, .pa-positive a, li.pa-fld4 .fld-name::before { color: var(--proftext1) !important; } } /* ФУТЕР **************************************************************/ /*---------- баннеры -------------*/ .sylv .ban { width: 1015px; left: 10px; bottom: -59px; } .sylv .ban img { margin-right: 4px; } .sylv .blockButton:before { margin-top: -20px; margin-left: -271px; width: 11px; padding: 1px; background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #272727 0%, #181818 100%); color: #e3d5b8; text-shadow: 1px 0px 1px #000000 !important; border: 2px groove rgb(66 44 28 / 39%); border-radius: 10px; } /* всплывающие подсказка при наведении */ /* ДРУГОЕ **************************************************************/ /* кнопка реакции */ /* рейтинг поста */ /* иконка дайса */ /* перекрасить количество уведомлений и сообщений */ .sylv .icon[data-new-topics]:before { background: #00423e !important; } /* подложка маски */ .sylv #mask_dialog .inner { background: #c3b8a2; } /* вкладка стикеров */ .sylv .hvStickerPackModal { background: var(--backcol1) !important; border: var(--bord) !important; box-shadow: none !important; border-width: 1px !important; z-index: 999 !important; } /* маски */ /* Таблица **************************************************************/ /* код от вещего духа */ /* .light .tabla, .tabla { width: 395px; height: 311px; position: absolute; top: 203px; right: 26px; color: rgba(215, 214, 214, 1); background: transparent; } */ .sylv .tabla { width: 790px; height: 260px; position: absolute; top: -20px; left: 220px; } .sylv .tabcontent { display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0px; } .sylv .tablaleft { width: 414px; } .sylv .tablacenter { display: block; padding: 6px 15px; box-sizing: border-box; position: relative; text-align: center; background-color: #0e0e0e !important; outline: none; margin: 2px auto 0px; color: var(--headlink1); border: double 1px #0c0c0c; border-radius: 3px; box-shadow: inset -1px 1px 1px var(--darktlink), inset 1px 1px 1px var(--darktlink), inset 1px -1px 1px var(--darktlink); } .sylv .tablaright { width: 352px; } .sylv .tablaright a { color: var(--doptext1) !important; text-shadow: none !important; } .sylv .tabla span { display: block; overflow-y: auto; padding: 5px; text-align: center; /* text-transform: uppercase; */ color: var(--headlink1); text-shadow: none; width: -webkit-fill-available; margin: 5px 0px; background-color: #0e0e0e !important; outline: 1px solid #453122; outline-offset: -2px; box-shadow: none; word-spacing: 0.3em; letter-spacing: 0.02em; font: var(--h1-font); transition: background-color 0.6s ease, color 0.6s ease, outline-color 0.6s ease; } .sylv .tabquote { display: block; overflow-y: auto; padding: 7px; width: -webkit-fill-available; transition: box-shadow 0.2s; margin: 5px 0px; border: 1px solid #453122; outline: 1px solid black; background: #0c0c0c8a !important; color: var(--headlink1); } .sylv .tabs>section { height: 213px; overflow-y: auto; text-align: justify; box-sizing: border-box; font-size: 11px; margin-left: 5px; position: relative; top: 340px; color: var(--headlink1); } .sylv .tabla .tabs>label:first-of-type, .sylv .tabla .tabs>label:last-of-type { left: -209px; top: auto; } .sylv .tabs>label { color: var(--lightlink); margin-bottom: 3px; margin-top: 3px; width: 170px; left: -200px; font: var(--h1-font); border: solid 9px !important; border-image: url(https://forumstatic.ru/files/001c/25/c8/86594.webp) !important; border-image-repeat: repeat !important; border-image-slice: 9 fill !important; transform: rotate(0deg); padding: 3px !important; height: 100%; border-radius: 0px; outline: 1px solid #453122; outline-offset: -10px; transition: color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease, background-image 0.4s ease !important; } .sylv .tabs>label:hover { box-shadow: inset 0px 0px 4px var(--darktlink), inset 0px 0px 4px var(--darktlink), 2px 2px 1px var(--darktlink), -2px -2px 1px var(--darktlink); color: var(--headlink1); background: linear-gradient(to top, #43371d, #161616) !important; border: solid 9px !important; border-image: url(https://forumstatic.ru/files/001b/d9/4a/76152.webp) !important; border-image-repeat: repeat !important; border-image-slice: 9 fill !important; transition: color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease, background-image 0.4s ease !important; } .sylv .tabs>input:checked+label { box-shadow: inset 1px 1px 4px var(--darktlink), inset -1px -1px 5px var(--darktlink), 1px 1px 2px var(--darktlink), -1px -1px 2px var(--darktlink); color: var(--headlink1); border: solid 9px !important; border-image: url(https://forumstatic.ru/files/001b/d9/4a/76152.webp) !important; border-image-repeat: repeat !important; border-image-slice: 9 fill !important; background: linear-gradient(to bottom, #43371d, #161616) !important; transition: color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease !important; } .sylv .tabs #tab1:checked~#content-tab1, .sylv .tabs #tab2:checked~#content-tab2, .sylv .tabs #tab3:checked~#content-tab3 { display: block; margin-top: -333px !important; } .sylv .tabla_text { position: relative; top: 3px; box-sizing: border-box; padding: 0px 10px; height: 208px; overflow: auto; width: 560px; text-align: justify; float: left; direction: rtl; } .sylv .tabla_link { position: absolute; width: 214px; left: 565px; top: 3px; height: 208px; overflow: auto; padding: 5px; box-sizing: border-box; overflow-x: hidden; text-align: left; background: rgba(12, 12, 12, 0.88); color: var(--headlink1); text-shadow: #000000 1px 0px 1px !important; box-shadow: 0px 0px 2px #1a0b06; opacity: 0.7; border-bottom: none; } .sylv .tabla_link block { width: 201px; display: inline-block; height: 20px; text-align: center; background: #0e0e0e; padding-top: 2px !important; transition: background 0.4s ease; font: var(--h1-font); left: -3px !important; position: relative; color: var(--headlink1); border: 3px double rgb(74 56 39); } /* .tabla_link block a { color: var(--forlink) !important; text-shadow: none !important; } */ .sylv .tabla_link a { color: var(--navlink1) !important; } .sylv .tabla_link a:hover { color: (--hovlink1) !important; } /* ссылки by вещий дух */ .sylv .f_desc_wrap { display: flex; justify-content: space-between; gap: 10px; flex-direction: column; position: absolute; top: 33px; left: 26px; } .sylv .f_links { gap: 2px; } .sylv .f_links a { color: var(--headlink1) !important; background: #171717 !important; text-shadow: 1px 0px 1px #000000 !important; box-shadow: none !important; width: 183px; padding: 1.5px 0; font: var(--h1-font); font-size: 13px; font-weight: bold !important; text-align: center; text-transform: none; line-height: 15px; border: 1px solid #4a3827; outline: 1px solid black; } .sylv .f_links a:hover { display: block; background: linear-gradient(to top, #43371d, #161616) !important; color: var(--headlink1) !important; font: var(--h1-font); font-weight: bold !important; font-size: 13px; text-transform: none; } .sylv a.sbla0:link, .sylv a.sbla0:visited { position: absolute; margin-top: -45px; outline: none; text-transform: none; margin-left: -17px; color: var(--darktlink) !important; background: #0d0d0d !important; text-shadow: 1px 0px 1px #000000 !important; box-shadow: none !important; width: 196px; text-align: center; font: var(--h1-font); font-weight: bold !important; border: 1px solid #45301f; padding: 8px 0px; height: auto; } .sylv a.sbla0:hover { color: var(--headlink1) !important; background: linear-gradient(to top, #43371d, #161616) !important; box-shadow: inset 0px 0px 1px 1px var(--darktlink), 0px 0px 3px 2px var(--darktlink) !important; } .sylv #nav { width: 175px; gap: 3px; z-index: 1000; } .sylv #nav li.top:hover { color: var(--headlink1); width: 180px; } .sylv #nav li:hover ul.sub { left: 180px; white-space: nowrap; width: auto; min-width: 160px; height: auto; z-index: 300; cursor: pointer; background: rgb(23 23 23); padding: 10px 6px 10px 6px; border: 1px solid #4a3827; } .sylv #nav-text { color: var(--darktlink); } .sylv #nav li:hover ul.sub li a:hover, .sylv #pun-navlinks .UM-list a:hover { background: linear-gradient(to top, #43371d, #161616) !important; transition: background 0.6s !important; color: var(--hovlink1) !important; } /* Моделирование списка по умолчанию */ /********* Rotation нужны *********/ .sylv .fon { height: 53px; filter: sepia(20%) hue-rotate(0deg) contrast(94%) grayscale(80%) brightness(90%) saturate(68%); border-radius: 10px; mix-blend-mode: inherit; background-position: center center !important; box-shadow: inset 0px 0px 4px 1px rgb(0 0 0 / 34%), #404040c7 0px 0px 2px 1px; background-position: 50% 30% !important; border: none; } .sylv .act1 { top: -638px; left: -220px; position: absolute; } .sylv .act2 { position: absolute; top: -570px; left: -223px; transform: rotate(2deg); } .sylv .act3 { top: -619px; left: 596px; position: absolute; } .sylv .act4 { display: block; position: absolute; top: -545px; left: 578px; transform: rotate(-4deg); } .sylv .act5 { display: block; position: absolute; top: -546px; left: 669px; transform: rotate(-2deg); } .sylv .act1 .fon, .sylv .act2 .fon { width: 140px; } .sylv .act3 .fon { width: 130px; } .sylv .act4 .fon, .sylv .act5 .fon { width: 80px; } /****************************************** СТИЛЬ ТАБЛИЦЫ АККОРДЕОН! ******************************************/ /* Фон и обрамление */ /*Цвет, Размер и фон заголовка всей таблички*/ /*Цвет и Размер заголовков спойлеров*/ /*Вертикальная Центровка и Размер шрифта в контенте спойлера*/ /*Цвет Ссылок в контенте спойлера*/ /*Cтиль скрола*/ /*Нижеследущий блок код*/ /****************************************** END//СТИЛЬ АККОРДЕОН ******************************************/ /* от Ллина -------------------------------------------------------------*/ /***** Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) *****/ /* Оформление в посту */ .sylv .buttons div { text-shadow: black 1px 1px !important; transition: color 0.6s, background-color 0.6s, border-color 0.6s, box-shadow 0.6s !important; color: var(--backcol1) !important; font: var(--h1-font) !important; font-weight: bolder !important; background: #553d28; border-color: rgb(97 70 44) !important; box-shadow: none; } .sylv .windows { background: transparent; background-color: rgb(209 194 183 / 10%); border: 2px double rgba(42, 14, 8, 0.28); } .sylv .buttons>.activevkladka { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .sylv .custom_tag.custom_tag_vkladka.vkladka { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .sylv .buttons div:hover, .sylv .buttons>.activevkladka { color: var(--hovlink1) !important; text-shadow: #cbcbcb9e 1px 1px !important; border-color: #7a7a7a !important; background: radial-gradient(ellipse at center, #bdb9b5 14%, #4a4a4a94 100%); } /* Оформление вв-кода */ .sylv .custom_tag.custom_tag_races2 .buttons div { text-align: center; overflow: inherit; vertical-align: middle; flex: 1 1 auto; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e2c23', endColorstr='#48150a', GradientType=1); text-shadow: black 1px 1px !important; transition: color 0.6s ease, background 0.6s ease, text-shadow 0.6s ease, transform 0.6s ease; border: 2px outset !important; margin: 0px 38px; border-radius: 3px !important; color: var(--backcol1) !important; padding: 5px !important; cursor: pointer !important; font: var(--h1-font) !important; letter-spacing: 0.5px; text-transform: uppercase; width: auto; font-weight: bolder !important; background: #553d28; border-color: rgb(97 70 44) !important; box-shadow: none; } .sylv .custom_tag.custom_tag_races2 .buttons div:hover, .sylv .custom_tag.custom_tag_races2 .buttons>.activevkladka { color: var(--hovlink1) !important; background: radial-gradient(ellipse at center, #b99a7b 14%, #553d28 100%); text-shadow: #cbcbcb9e 1px 1px !important; } /***** Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) END *****/ /***** кастомные теги *****/ /***** Фильтр акций *****/ /***** Фильтр акций END *****/ /* кнопка Отключить быстрый предпросмотр */ /******************************************************************** * свои таблицы Rift ********************************************************************/ .sylv .custom_tag_tbl1>table tr:hover, .sylv .custom_tag_tbl10>table tr:hover { background-color: rgb(255 255 255 / 38%) !important; } .sylv .custom_tag_tbl10>table tbody .hover { background-color: rgb(255 255 255 / 38%) !important; } /********* своя корректировка таблиц *********/ /******************************************************************** *Hotkeys v2.1 © max, the murderer! 2023 * Запрещено распространение на сторонних ресурсах, плагиат, продажа третьим лицам ********************************************************************/ /******************************************************************** * ИНФОБОКС ЛЗ ********************************************************************/ /*Стиль иконки в мини-профиле*/ /* Затемняющий фон */ /*Подвижка иконки закрытия таблички*/ /* Корневой таб(UL) */ /*сдвиг таблицы*/ .sylv .my-tabs>.tab-a::before, .sylv .my-tabs>.tab-a::after {display: none} /* Стиль "Ушка" вкладок */ /* Cдвиг самого первого "Уха" */ /* Активное "Ушко" */ .sylv .my-tabs>span.selected { opacity: 1; border-bottom-color: transparent !important; background: var(--darktlink); text-shadow: #000000 1px 1px !important; } .sylv .my-tabs>span { display: inline-block; float: left; overflow: hidden; text-align: center; font-weight: bold; border: none; margin: 1px 3px -8px 3px; text-shadow: #bbad93 1px 1px !important; font-family: Book Antiqua !important; font-size: 13px !important; text-transform: uppercase; transition: color 0.6s ease, background-color 0.6s ease, text-shadow 0.6s ease; padding: 6px 10px 11px 10px; background: #292725; color: var(--hovlink) !important; text-shadow: #000000 1px 1px !important; border: 1px solid #4e4a41; outline: 1px solid #1c1c1c; box-shadow: inset 0px 0px 11px 2px black; border-radius: 0px; } .sylv .my-tabs>span:first-child { margin-left: 8px; } .sylv .my-tabs>span:hover { color: var(--hovlink1) !important; } /* Стиль вкладки(LI)*/ .sylv .my-tabs>.tab-a { width: 701px; height: 96%; box-sizing: border-box; min-height: 200px; position: relative; z-index: 1; display: none; text-align: center; vertical-align: middle; padding: 10px 5px; background: url(https://i.imgur.com/3uYsD0p.png) repeat; border-style: solid; border-image: url(https://i.imgur.com/TfHR5Qd.png); border-image-repeat: repeat !important; border-image-slice: 10 10; border-width: 10px; } /* Отступ контента вкладки сверху */ .sylv .tab-a .post-content { background: transparent; } /*Подвижка иконки*/ /*Подвижка всплывающей подсказки иконки*/ /********* вроде ЛЗ *********/ /***** Перенесенные сообщения (дубли) *****/ .sylv .punbb .post:has(img.img0Start) .post-content:not(.post-content:has(.org)) { border: 1px dotted #00000068; top: 0.3em; outline: 2px solid #bdb0974a; outline-offset: -2px; width: auto; /* box-shadow: #00000047 0px 0px 4px; */ /* margin: -2px 1.2em 5px; */ padding: 1.2em 1.2em; border-radius: 3px; background: rgb(255 255 255 / 9%) 0 top repeat-y; box-shadow: 2px 2px 8px -5px rgb(26 11 6 / 67%), rgb(58 49 40 / 19%) 0px 0px 3px 1px; } .sylv .punbb .post:has(img.img0Start) .post-content:not(.post-box:has(.org)) { } .sylv .punbb .post:has(img.img0Start) .post-box:has(.org) { /* margin: 0px 2.2em 4px; */ /* margin-left: -22px; */ } .sylv .punbb .post:has(img.img0Start) .post-box:has(.org) { margin-left: 1px; } /* .punbb .post:has(img.img0Start):before { content: "копия из другой темы"; text-shadow: 1px 0px 1px #000000 !important; padding: 2px 5px !important; font-family: Georgia; margin-top: -19px; margin-right: 55px !important; /* margin-left: 30px; */ /* скролл бар */ /* ::-webkit-scrollbar-thumb { border-width:1px 1px 1px 2px; border-color: #777; background: rgba(var(--canvas-tertiary)); border-radius: 6px!important; border: solid 1px rgba(27, 21, 21, 0.78); } */ /* форма объявления */ .sylv #pun-announcement { position: relative; width: 960px; text-align: center; margin-top: 45px; padding-bottom: 8px; } .sylv tg { right: 428px; top: -8px; } .sylv tg a:before { text-shadow: none !important; } .sylv plashki { justify-content: center; } .sylv .scroll_goriz { width: 100%; justify-content: center; } .sylv .plashka { transition-duration: 1s; min-width: 140px; height: auto; font: var(--body-font); background: url(https://forumstatic.ru/files/001b/fd/b9/78998.png) fixed center 0%; box-shadow: inset 0px 0px 35px -5px #e1d4b7c7, 1px 1px 3px -2px #000000c7; color: var(--backcol1); border-radius: 3px; border: 1px outset #b09f81 !important; } /* .sylv .plashka:hover { color: var(--lightlink) !important; box-shadow: inset 0px 0px 37px 10px var(--backcol1), 1px 1px 3px -2px #000000c7; text-shadow: var(--headspan) 0px 0px 18px, var(--backcol1) 0px 1px 2px, var(--backcol1) -1px -1px 2px, var(--backcol1) 2px 1px 5px !important; } */ .sylv .plashka span { filter: grayscale(0); } /* кнопка фильтров от Шаман */ /* АВАТАРЫ ПО УМОЛЧАНИЮ -------------------------------------------------------------*/ /* .changeAvatar::after { content: ''; width: 192px; height: calc(98% + 2px); /* max-width: 192px; position: absolute; top: 4px; left: 24px; z-index: -1; background: red; } */ /* подвинуть от края коды шиповника */ /* скрыть иконку чс у постов без автора */ /* размер шрифта */ .sylv .FNTslider { border-radius: 4px; position: relative; z-index: 100; background: var(--forcol1); width: 110px; height: 5px; margin: 3px 5px; border: solid 1px rgb(125 100 71 / 30%); float: right; margin-right: 7%; } .sylv .FNTslider .thumb { width: 8px; height: 13px; border-radius: 3px; position: absolute; top: -4px; background: #1e4747; cursor: pointer; } /* переполненная тема */ /* Ллин -------------------------------------------------------------*/ /* история шапок -------------------------------------------------------------*/ /* кол-во символов в конкретном посте -------------------------------------------------------------*/ .sylv .send-sumb { right: 12px; bottom: -15px; background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #787878 0%, #282828 100%); color: var(--backcol1); border-color: #787878; width: 80px; } /* Berta -------------------------------------------------------------*/ /* mobile -------------------------------------------------------------*/ .mobile.sylv { #newDesLabel { display: none; } } @media screen and (max-width: 540px) { .mobile.sylv { #active { /* display: none !important; */ display: flex; position: relative; top: 352px; left: 0px; right: 0px; flex-wrap: nowrap; flex-direction: row; height: 0px; } .act1, .act2, .act3, .act4, .act5 { position: relative; top: 0px; left: 0px; right: 0px; transform: rotate(0deg); } .act1 .fon, .act2 .fon, .act3 .fon, .act4 .fon, .act5 .fon { width: 45px; } .tabla { height: auto !important; position: static !important; top: 0 !important; left: 0 !important; width: calc(100% + 28px) !important; margin-left: -15px; } .tablaleft, .tablaright { width: 100% !important; padding: 5px !important; } .tablacenter { width: 85% !important; margin: 0px auto 6px !important; padding: 6px 5px; margin-top: 0px !important; } .f_desc_wrap { position: static !important; margin: 10px 0 !important; } .f_links a { width: 80% !important; margin: 5px 0 !important; } #nav { width: 100% !important; } #nav li:hover ul.sub { left: 0 !important; width: 100% !important; } .need_left, .need_right { position: static !important; margin: 10px 0 !important; } #pun-title { background: none !important; border: solid; /* border-width: 0px 30px 30px 30px; */ border-image: url(https://forumstatic.ru/files/001c/25/c8/98837.webp?v=1); border-image-repeat: repeat; border-image-slice: 34 30 fill; width: calc(100% + 80px) !important; margin-left: -40px !important; /* margin-top: -150px !important; */ /* height: 500px !important; */ border-width: 30px; margin-top: -66px !important; height: 396px !important; margin-bottom: 5px; } div div#ForumD-ru { width: calc(100% - 36px) !important; /* margin-top: 0 !important; */ margin-left: 0px !important; margin-right: 0px; background: none !important; border: solid #000000; /* border-width: 24px 6px; */ /* border-image: url(https://forumstatic.ru/files/001c/25/c8/64704.webp?v=1); */ /* border-image-slice: 23 7 fill; */ border-width: 7px 7px; border-image: url(https://forumstatic.ru/files/001b/d9/4a/27638.webp); border-image-slice: 7 fill; margin-top: 18px; border-image-repeat: repeat; height: auto !important; position: absolute; top: 0; z-index: 9999999; } div#ForumD-ru.sticky { margin-top: 0px !important; } form div[id$="-area"] { max-width: 86% !important; } * { box-sizing: border-box; /* float: none !important; */ } div#pun-messages * { float: none; } .blockButton::before { margin-top: 0px; position: absolute; padding: 1px; display: inline-block; margin-left: 5px; } .post { box-sizing: border-box; } html, body, #pun, .punbb, #pun-about .container .item1, #pun-viewforum .category table tbody tr, #pun_wrap, #ForumD-ru #pun-navlinks, #pun-announcement { width: 100% !important; } #pun { margin: 0; } .post-body { width: 100% !important; } .head0 { display: none; } ul.my-tabs, .my-tabs>.tab-a { width: 102% !important; } ul.my-tabs { left: 38%; top: 6% !important; height: 83%; } #pun-navlinks li a { font-family: 'Icons' !important; font-size: 0px !important; } #pun-navlinks li a::before { font-size: 20px !important; } li#navindex a::before { content: '\e88a'; } li#navuserlist a::before { content: '\e7ef'; } li#navsearch a::before { content: '\e8b6'; } li#navprofile a::before { content: '\e7fd'; } li#navpm a::before { content: '\e158'; } li#navadmin a::before { content: '\e8b8'; } li#navawards a::before { content: '\e71a'; } li#navlogout a::before { content: '\e9ba'; } li#navregister a::before { content: '\e7fe'; } li#navlogin a::before { content: '\ea77'; } li#navpr_1 a::before { content: '\f190'; } #pun-status { display: none !important; } .cop a { right: inherit !important; left: 0 !important; top: 0px; z-index: 9999; background: #171717; padding: 1px 1px; border: solid 1px #04322f; border-radius: 3px; } .cop { margin: 0px !important; right: 1px !important; bottom: -70px !important; } #pun-index .hasicon tr { width: calc(100vw - 78px) !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; padding: 0 !important } .ban { border: solid 9px !important; border-image: url(https://forumstatic.ru/files/001c/25/c8/86594.webp) !important; border-image-repeat: repeat !important; border-image-slice: 9 fill !important; height: 51px !important; left: 0 !important; width: 100% !important; } #pun { background: repeat transparent url(https://forumstatic.ru/files/001c/25/c8/84815.webp) !important; border-style: solid !important; border-width: 0px !important; border-image: url(https://forumstatic.ru/files/001c/25/c8/11218.webp?v=1) !important; border-image-repeat: repeat !important; border-image-slice: 0 31 !important; border-image-width: 0px 31px !important; margin: 0px auto 100px auto !important; } #pun-stats h2, #pun-index .category h2, div #pun-viewtopic #pun-main h1, div #pun-viewtopic #pun-main h2, #pun_wrap div#pun #pun-main h1 { margin: -30px 0px -20px -40px !important; width: calc(100% + 80px) !important; background: url(https://forumstatic.ru/files/001c/25/c8/36976.jpg) left center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/31601.jpg) right center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/83803.jpg) center repeat-x !important; padding-top: 35px !important; filter: none; span { background: #0c0c0c !important; border: solid 1px #3a2e23 !important; padding: 0px 20px; border-radius: 3px; } span.offctgr { width: 0px; border: none !important; } } #pun_wrap div#pun #pun-main h1 { height: 90px !important; /* margin-top: -60px !important; */ } div #pun-viewtopic #pun-main h2, div #pun-viewtopic #pun-main h1 { height: 82px !important; color: var(--doptext1) !important; font: var(--body-font) !important; font-weight: bolder !important; } #pun-index .category .container { padding: 0 !important; } #pun-index .main .tcl { width: auto; display: flex; } .main .tcl .intd { display: flex; flex-direction: row !important; flex-wrap: wrap !important; } #pun-index table Div.icon { margin: 0 !important; width: 51px; } #pun-index .tclcon { padding: 0 !important; margin: 0 !important; width: calc(100% - 52px); } #pun-index .tclcon h3 { padding: 0 !important; margin: 0px 0 4px 0 !important; } .Add { padding: 3px 0 0 0 !important; margin: 0 !important; text-align: left; } .Messages, .Themes { width: auto; } #pun-index td.tcr { width: auto !important; padding-top: 20px !important; } #pun-index .user-avatar, #pun-index .user-avatar .avatar-image { float: left !important; } #pun-index .tcr { text-align: left !important; flex-grow: 1; } .punbb .user-avatar { margin: 1px 14px 2px 0px !important; } div#statistic-other span:not(:last-of-type):after { content: ","; } div#statistic-other span { padding-right: 2px !important; } div#statistic-other { text-align: left; } #pun-about .container { background: url(https://forumstatic.ru/files/001c/25/c8/95486.jpg?v=1) left center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/43991.jpeg?v=1) right center no-repeat, url(https://forumstatic.ru/files/001c/25/c8/90131.jpg?v=1) center repeat-x !important; margin: -27px -40px 0 -40px !important; width: calc(100% + 80px) !important; } .punbb { margin-bottom: -70px !important; } .f_desc_wrap, .need_right, .need_left { display: none !important; } .mobile-navigation { display: block !important; } div div#ForumD-ru #pun-navlinks { margin: 0 !important; width: calc(100vw - 90px) !important; position: relative !important; height: 2.8em; } a#nota-ql-navbtn { margin-top: 0px; } #pun-navlinks .container { word-spacing: 0 !important; margin: 2px 20px 0 20px; } #navadmin { top: 0 !important; /* right: -10px !important; */ } .Ultimate-menu { width: calc(100% - 0px) !important; left: 0px !important; position: relative !important; padding-top: 0 !important; margin-left: 0 !important; height: auto !important; padding-bottom: 2px !important; } div #ForumD-ru #pun-ulinks { /********* width: 100% !important; padding: 0 !important; margin: 0 !important; position: static !important; *********/ z-index: 9999999; width: 128px !important; padding: 1px; margin: 4px 0px 0px; position: absolute !important; z-index: 9999999; display: block; left: 0px; text-shadow: 0 0 black !important; color: rgba(230 230 230 / 1); background: rgba(5 5 5 / 1); border-radius: 5px; opacity: 0.95; margin-top: 0px; } div #ForumD-ru #pun-ulinks li a { display: block; color: rgba(230 230 230 / 1); background: rgba(230 230 230 / .18); border-radius: 5px; margin: 1em 5px !important; padding: 0.3em 0.4em 0.4em !important; } div #ForumD-ru #pun-ulinks li:hover { background: rgba(230 230 230 / .2); } .tabs { padding-top: 16px !important; } .tabs>label { width: calc(50% - 10px) !important; left: 0px; } .tabs>label.mobile-navigation { /* border: solid !important; */ /* border-width: 8px 10px 8px 25px !important; */ /* border-image: url(https://forumstatic.ru/files/001c/25/c8/40966.webp?v=1) !important; */ /* border-image-repeat: repeat !important; */ /* border-image-slice: 10 19 fill !important; */ /* height: 48px !important; */ /* left: -29px !important; */ /* margin-top: -14px !important; */ /* width: calc(100% + 20px) !important; */ width: calc(95%) !important; margin-left: 2.5%; margin-bottom: 8px; } .tabla_text { width: 100% !important; height: fit-content !important; } .tabla_link { position: inherit !important; display: inline-block !important; left: 0 !important; width: 100% !important; height: fit-content !important; } .tabla_link block { height: 30px !important; width: 100% !important; margin-bottom: 8px !important; margin-left: 4px !important; } #content-tab3 a { color: var(--headlink1) !important; background: #171717 !important; text-shadow: 1px 0px 1px #000000 !important; box-shadow: none !important; border: 1px solid #4a3827; outline: 1px solid black; box-sizing: border-box; font: var(--h1-font); font-size: 13px; padding: 5px; text-align: center; transition: background 0.6s ease; font-weight: 800 !important; height: 27px; word-spacing: 4px; margin: 1px 8px 1px 3px; display: block; } #content-tab3 a:hover { background: linear-gradient(to top, #070604, #160E07) !important; color: #877b59 !important; } div .plashka { margin: 2px 0px 2px 0px !important; } #pun-announcement { margin-top: 85px !important; margin-bottom: -28px; } #BookmCntToggle.default-style { top: initial !important; bottom: 10px !important; width: 30px !important; height: 30px !important; background-size: 30px !important; } #panel-sticker span { top: initial !important; bottom: 46px !important; width: 30px; height: 30px; background-size: 30px; } #panel-sticker span::before { top: 15px; left: 7px; } #stylelist [data="sylv"] a, #stylelist [data="basic"] a { } #BookmCntToggle { z-index: 10000; } .tabs>section { height: 246px !important; } section#content-tab1 { padding-top: 0px; } div .multipage#pun-main { margin-top: 30px !important; /* margin-top: 90px !important; */ } .linkst { top: 0 !important; height: 14px !important; } #pun-crumbs1 .container.crumbs { width: calc(100vw - 84px); } .punbb .post .post-author { width: calc(100% + 41px); margin-right: -22px; margin-left: -22px; background: none; border: solid #000000; border-width: 24px 6px; border-image: url(https://forumstatic.ru/files/001c/25/c8/64704.webp?v=1); border-image-slice: 23 7 fill; border-image-repeat: repeat; padding-bottom: 0px !important; margin-bottom: 0px !important; position: inherit !important; min-height: 150px !important; margin-top: 0px; } .post .post-author ul { width: 100% !important; margin: 0 !important; padding: 5px 0px 5px 95px !important; text-align: left !important; } .post .post-author.no-avatar .pa-avatar a, .post .post-author .pa-avatar img { max-width: 70px !important; max-height: 100px !important; background-size: contain !important; border: double #4f3427 !important; } .author-avatar>img { margin: -11px -60px 0 0px; } .pa-avatar { position: absolute; top: -45px; left: -81px; margin: 0 !important; width: auto; } .arrLeft, .arrRight { margin: 0px; width: 14px; } .arrLeft { right: -4px; } .arrRight { left: -99px; } .post h3 span { margin: 0px 17px 0 60px; } .pa-author { font-size: 20px !important; margin: 0 !important; } .pa-title { padding: 0 3px 3px !important; line-height: 10px; } .post-img-Sp { width: 43px; height: 40px; background-size: cover !important; } plaque { scale:.8; left: -22px; } .pa-fld6 > img { display: none; } div .post ul.post-ul-Sp { padding: 0px 0px 3px 0 !important; /* margin-left: -68px !important; */ max-width: calc(100% - 12px) !important; } div .post ul.post-ul-Sp.Sp2 { padding: 0px 0px 3px 0 !important; margin-left: -55px !important; max-width: calc(100% + 40px) !important; width: calc(100% + 40px) !important; } div .post-author .pa-fld1 span.MyredirICon { background: none !important; margin: 0px -2px !important; padding: 5px 0 !important; height: auto !important; width: -webkit-fill-available !important; } #anketa { /* border: none !important; background: inherit !important; box-shadow: none !important; text-align: justify !important; */ } ul.post-ul-Sp li.pa-fld1 { padding: 0px 0px !important; } div .post-author .pa-online { top: 3px; left: -3px; } .post-author:not(.online) .pa-author .acchide { /* display: none!important; */ top: 3px; left: -12px !important; } li.pa-fld2 { text-align: center !important; /* margin-left: -33px; */ display: block; /* width: min-content; */ bottom: -15px; /* right: 8px; */ /* top: 25%; */ /* position: absolute; */ width: 118px; line-height: 9px; } .post-author .pa-online:before { left: 3px !important; } li.pa-time-visit, li.pa-reg { justify-content: left; } .post-links ul { display: grid; gap: 5px 5px; grid-template-columns: auto auto auto; } .post-links ul li { background: var(--forcol1); font: 400 10px Verdana !important; padding: 3px; border: 1px solid #d1c5ac; border-radius: 3px; margin: 0px; text-align: center; } .post-rating { display: block !important; } div .post-rating p a { height: 26px !important; } #form-buttons tr { display: flex !important; display: -webkit-flex !important; flex-wrap: wrap !important; justify-content: center; flex-direction: row !important; } #pun-crumbs2 { position: relative; /* margin-bottom: -72px; */ } .topRPG_2 { padding-bottom: 0px; bottom: 40px; } #size-area { width: auto !important; } #color-area table { width: 60px !important; height: auto !important; } #color-area table tr { display: flex; flex-wrap: wrap; } .container#color-area { top: 55px !important; } .container#table-area, .container#smilies-area, .container#keyboard-area, .container#meny_My_replic, .container#addition-area { top: 77px !important; } .linksb .pagelink { width: 100% !important; } .postlink.long { width: 100% !important; } .linkst .postlink.long { padding-top: 16px !important; } #pun-main.main.multipage .icon { width: 20px !important; background-size: contain !important; height: 20px !important; } .main td { padding: 0.8em; } #pun-searchtopics .tc2 { text-align: center; } #pun-main.main.multipage .tcr .user-avatar, #pun-main.main.multipage .tcr .user-avatar .avatar-image { margin: 0px auto !important; float: none; height: 20px; width: 20px; } .section.online-list .tc3 { width: 14% !important; } .tc3.registered, .tc3.num_posts, .tc3.relation { display: none !important; width: 0% !important; } /* .tcl.username { width: 50% !important; } */ /* .tc2.user_title { width: 30% !important; } */ .tc3.last_visit { width: 5% !important; } #stylelist li:first-of-type { border-radius: 10px; flex-shrink: 0; } #stylelist li.active:first-of-type { width: 87%; border-radius: 10px; flex-shrink: 0; } .group1.altstyle, .group { display: block !important; width: calc(100vw - 80px) !important; } fieldset { padding: 0 !important; } input[type="text"] { width: 100% !important; } select { width: 100% !important; } #pun-profile #pun-crumbs1 { position: relative !important; } #profilenav { margin-left: 0 !important; } #profilenav ul li { display: inline !important; margin: 10px 8px 10px 0 !important; line-height: 20px !important; } #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { min-width: auto; } #pun-profile #viewprofile ul { padding: 0 !important; } #pun-profile #viewprofile tr { display: flex !important; flex-wrap: wrap !important; } #pun-profile #viewprofile td { width: 100% !important; } #profile .container { padding-left: 0px !important; } .formsubmit { margin: 0px !important; } #pun-messages tr.group1 { display: flex !important; display: -webkit-flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: calc(100vw - 80px); } #pun-messages .tcl.pmtcl1 { /* width: 100% !important; */ } #pun-messages td.tcl .intd .icon { width: 20px !important; background-size: contain !important; height: 20px !important; margin-right: 5px !important; } #pun-messages td.tc2 .user-avatar { float: left !important; width: 30px !important; height: 30px !important; margin: 0 !important; } #pun-messages td.tc2 .user-avatar .avatar-image { float: left !important; width: 25px !important; height: 25px !important; background-size: cover !important; } #pun-messages .messages-container td.tc2 { width: auto !important; } .messages-container td.tc3 { display: none !important; } #pun-messages div .post h3 { margin-left: 0px !important; width: 100%; } #pun-messages .post .post-author { margin-left: -25px !important; width: calc(100vw - 42px) !important; } #pun-messages .post .post-author ul { margin-top: 0 !important; } #pun-messages .post .post-body { margin-left: 0 !important; } #pun-ulinks .container { padding: 0 !important; text-align: center; /* margin: 0px 0px 0 18px !important; */ margin: 0px !important; } .post .container .toBlock { position: inherit !important; width: 100% !important; } div #ForumD-ru #pun-ulinks::before { content: '\e5d2'; font-family: 'Icons' !important; font-size: 20px !important; color: var(--headlink1); position: fixed; top: 3px; left: 6px; } div #ForumD-ru #pun-ulinks>.container { display: none; } div #ForumD-ru #pun-ulinks:hover>.container { display: block !important; } div#pun-navlinks #navextra1:hover .UM-list, div#pun-navlinks #navprofile:hover .UM-list, div#pun-navlinks #navuserlist:hover .UM-list, div#pun-navlinks #navadmin:hover .UM-list { display: none !important; } div .post-sig dt { width: 100% !important; } .qc-post-link .author-avatar { float: right !important; } .quote-box cite, .code-box strong.legend { margin: 0 !important; width: 67%; height: auto; min-height: 23px; text-wrap: wrap; line-height: 120%; } .go-up, .go-down { margin-left: 0 !important; right: 0 !important; width: 30px !important; height: 30px !important; background-size: cover !important; } .post-sig .quote-box.spoiler-box { max-width: calc(100vw - 100px); } img.sigimage { max-width: 100%; } .custom_tag_imgframe { display: block; } #pun-crumbs2 .container.crumbs { padding-top: 4px; } #pun-about .container .item1 { position: absolute; bottom: 0; } .offctgr img { margin: -1px 0px 0px -21px !important; } .offctgr { padding: 0px 0px !important; } li#onlinelist { font-size: larger; padding-right: 5px !important; } #onlinelist.users_24h { max-height: 35vh; overflow-x: auto; } #pun-stats .container { padding: 0px 0px 0px 5px; margin: 9px 13px; } .tabla .tabs>label:first-of-type, .tabla .tabs>label:last-of-type { left: 0px; } #p44-content, .custom_tag.custom_tag_mobile, #p212385-content .cabinet, #p37-content, .custom_tag.custom_tag_tbl10 table { overflow-x: scroll; display: block; /* width: -webkit-fill-available !important; */ max-width: 76vw; /* max-width: 280px; */ } .code-box { max-width: 260px; } #post-preview { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* --- Бронебойная адаптация нижней панели для телефонов --- */ #pun-viewtopic .linksb { height: auto !important; min-height: auto !important; display: flex !important; flex-direction: column !important; padding: 15px 10px !important; gap: 5px !important; /* Отступ между элементами */ align-items: center !important; justify-content: center !important; background: none; border: none; } /* Точечно убиваем абсолютное позиционирование у самых упрямых элементов */ #pun-viewtopic .linksb .pagelink, #pun-viewtopic .linksb #s-block, #pun-viewtopic .linksb .subscribelink { position: static !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; float: none !important; margin: 0 !important; width: 100% !important; text-align: center !important; display: block !important; } /* Настраиваем поле поиска по центру */ #pun-viewtopic .linksb #s-block input[type="search"] { max-width: 250px !important; width: 100% !important; margin: 0 auto !important; display: inline-block !important; } /* На всякий случай чиним иконку лупы (если она тоже улетала) */ #pun-viewtopic .linksb #s-block .icons-search, #pun-viewtopic .linksb #s-block #isk { position: relative !important; display: inline-block !important; right: auto !important; top: auto !important; margin-left: -30px !important; /* Возвращаем лупу внутрь поля */ vertical-align: middle !important; } /* Скрываем дублирующуюся кнопку "Ответить" в этой строке */ #pun-viewtopic .linksb .postlink { display: none !important; } } } /* END mobile -------------------------------------------------------------*/ body.sylv.mobile { position: relative; } .sylv.mobile .shtext { margin: 5px 0px !important; } /* страница профиля */ /* панель форма ответа */ .sylv div#post-form h2 { display: block; } .sylv #form-buttons table { width: 100% !important; margin: auto !important; } /* форма ответа - доп кнопки */ /* доп отправить */ .sylv #additional-send { left: -230px; } /* Счетчик символов */ /* --- ПРАВАЯ ПАНЕЛЬ ИНСТРУМЕНТОВ В ПОСТЕ --- */ /* форма ответа - доп кнопки */ .sylv #additional-send { left: -230px; } /* Счетчик символов */ /* ПРАВАЯ ПАНЕЛЬ (РАСШИРЕННАЯ/ПО УМОЛЧАНИЮ) */ /* Защита кнопок в расширенном режиме (заменяет 3-й скрипт) */ /* ========================================= ИНТЕГРИРОВАННЫЕ КЛАССЫ РЕЖИМОВ ИЗ JS ========================================= */ /* 1. КОМПАКТНЫЙ РЕЖИМ */ /* 2. РЕЖИМ ГОСТЯ */ /* 3. РЕЖИМ ЛИЧНЫХ СООБЩЕНИЙ (PM) - заменяет 2-й скрипт */ /* Предпросмотр сообщения -------------------------------------------------------------*/ /* Обычный предпросмотр */ .sylv #pun-viewtopic #post-preview { transition: width 0.3s ease; width: 710px; } /* Широкий предпросмотр */ /* Поиск игровых постов + быстрый ответ ------------------------------------------------------------- */ /* Убираем мусорные br */ /* ЗАГОЛОВОК */ /* ФОРМА ПОИСКА ПОСТОВ */ /* КНОПКА СТАТИСТИКИ */ /* ССЫЛКА РЕЗУЛЬТАТА ПОИСКА */ /* ТАБЛИЦЫ СТАТИСТИКИ ПОСТОВ */ /* ОСНОВНАЯ ФОРМА ОТВЕТА */ /* ОБЩИЙ ВИД КНОПОК / ССЫЛОК */ /* ТЕКСТ И ИКОНКА КНОПКИ СТАТИСТИКИ */ /* СТРЕЛКА У ССЫЛКИ РЕЗУЛЬТАТА */ /* МОБИЛЬНАЯ ВЕРСИЯ */ @media (max-width: 768px) { /* Таблицы статистики на мобилке */ /* Чтобы форма ответа не тянула контейнер */ } /* --- СЕТКА ДЛЯ РАЗДЕЛЕННЫХ ТАБЛИЦ СТАТИСТИКИ --- */ /* Обертки таблиц жестко берут 48% ширины */ /* Сами таблицы растягиваются на все 100% внутри своих оберток */ /* На телефонах таблицы послушно встанут друг под друга */ /* Регулятор размера шрифта (с) satsana, forumd.ru -------------------------------------------------------------*/ .mobile.sylv div#chfontsize { /* display: none; */ } /* Скрытие / Отключение поделиться и rss-atom ------------------------------------------------------------------ */ /* Sidebar © max, the murderer! ------------------------------------------------------------------ */ /* Скрыть вкладки от гостей */ /* Show sidebar */ /* Tab icons */ /* Bookmarks Tab */ /* Blocklist Tab */ /* Navigation Tab */ /* Styles and Font size */ /* Mobile version */ @media screen and (max-width: 1366px) { /* Sidebar */ } /* Закрывашка Постописцев недели - Deff -------------------------------------------------------------*/ .sylv .hidder { display: none!important; } /* кнопка создания отчета */ /* примерочная */ /* снег */ /* 1. Оформоение "копия из другой темы". Прячем "Поделиться" и номер поста */ /* 2. Оформляем ссылку как единую плашку (кнопку) */ /* 3. Добавляем фразу ПЕРЕД датой */ /* 4. Эффект при наведении (подсвечиваем и текст, и дату вместе) */ /* Убираем оригинальный зеленый фон и отступы у родительского блока */ /* Опускаем кнопку ниже, если в профиле есть плашка .org */ /* --- Адаптация редактора для мобильных устройств --- */ @media (max-width: 768px) { /* 1. Сбрасываем правый сдвиг формы ответа */ /* 2. Поле ответа не вылезает за экран */ /* 3. Аватарка (Перебиваем все стили) */ /* 4. Счетчик */ /* 5. Кнопки справа */ /* 6. Панель ББ-кодов (Слегка увеличил отступ сверху, чтобы кнопки не наезжали) */ /* 7. Предпросмотр */ .sylv #post-preview { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; } /* 8. Фикс заголовка "Быстрый ответ" */ /* 9. Сбрасываем инлайн-отступ fieldset */ /* Фикс верхней панели в ЛС и компактном режиме на мобилках */ }