/* ===================================================================== basic.css — стили дизайна .basic (бумага и камень) Подключать ТОЛЬКО когда у body есть класс .basic. Зависит от Структура_main.css + Цвета_main.css. ===================================================================== */ /* ============ Структура ============ */ /************************************************************* Основа css by shady **************************************************************/ /* ПОДГРУЗКА ШРИФТОВ -------------------------------------------------------------*/ /* Font Awesome */ /* * {outline: 1px solid red} */ /* ROOT -------------------------------------------------------------*/ .basic { --t-body: #0e0b07; /*цвет основного текста */ --doptext: #543c24; /*цвет дополнительного текста */ --link: #560803; /* цвет основных ссылок */ --doplink: #543c24; /* цвет дополнительных ссылок */ --navlink: #63584A; /* цвет ссылок в шапке */ --forlink: #806E48; /* цвет ссылок в подфоруме */ --forcol: #8c7953; /* цвет подложки форумов/цитат */ --h1-font: bold 15px "Alegreya SC"; /* шрифт и размер заглавного текста */ --h0-font: "Alegreya SC"; /* шрифт и размер заглавного текста */ --body-font: 10px "verdana"; /* шрифт основного текста */ --backcol: #725e3447; /* цвет подложки выпадающих меню */ --bord: 3px double rgba(42, 14, 8, 0.28); /*цвет рамок форм */ --proftext: #675b3f; /*цвет текста в профиле */ --tablink: #5d553c; /* цвет ссылок в таблице */ --button: linear-gradient(to top, #1e0a07, #28110c); /* фон кнопок */ --headlink: #6b332a; /* цвет ссылок в шапке */ --headspan: #fff2da; /* цвет заголовков в шапке */ --hovlink: #8b7c5f; /* цвет ссылок при наведении */ --anketa: #837452 !important; /* цвет ссылок в лз */ --g-light: #b7b990; /* светло-зеленый фон гостевая */ --dm1: rgb(50 24 4 / 10%); /* фон кастомного заголовка */ --backcol1: #d5c8ad; } /* дизайн сильвания */ /* * {outline: 1px solid red} */ /* ОСНОВНЫЕ ШРИФТЫ ФОРУМА -------------------------------------------------------------*/ /* основной шрифт текста форума */ .basic h1, .basic h2 { font: 15px Alegreya SC!important; font-weight: bolder!important; letter-spacing: 0.5px; } /* шрифты поля ввода*/ /*шрифт в поле кода */ /* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ -------------------------------------------------------------*/ .basic .post.hideprofile .post-box { padding: 0em 0.6em 1em 0.6em; } /* ЦВЕТ ТЕКСТА ПОСТОВ -------------------------------------------------------------*/ /* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.) -------------------------------------------------------------*/ /* ЦВЕТ ССЫЛОК НА ФОРУМЕ -------------------------------------------------------------*/ .basic .punbb a, .basic .punbb a:link, .basic .punbb a:visited, .basic .punbb-admin #pun-admain a, .basic .punbb-admin #pun-admain a:link, .basic .punbb-admin #punbb-admain a:visited, .basic .punbb li.isactive a, .basic .punbb li.isactive a:link, .basic .punbb li.isactive a:visited, .basic #pun-crumbs1 a { transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; color: var(--link); border: none; text-shadow: #a9a37c99 1px 1px 2px; } /* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ -------------------------------------------------------------*/ .basic .punbb a:hover, .basic .punbb a:focus, .basic .punbb a:active, .basic .punbb-admin #pun-admain .nodefault, .basic .punbb-admin #punbb-admain a:hover, .basic .punbb-admin #punbb-admain a:focus, .basic .punbb-admin #punbb-admain a:active, .basic abbr:hover { color: black !important; } /* ТАБЛИЦЫ -------------------------------------------------------------*/ /* стили таблиц */ /* отступы в ячейках */ /* ширина подфорума */ /* ширина ячеек */ /* ширина последнего сообщения */ /* ширина в поиске/модерировании */ /*дебаг */ /* расположение последней активной темы */ .basic #pun-index .tcr { width: 32%; text-align: center; font-size: 10px; line-height: 10px; } /* тема, юзер, новые соо .forum .tcr a, .forum .tclcon strong > a, .forum .tclcon > a:first-of-type { display: block; } */ /* последняя активная тема в подфоруме */ .basic #pun-index .tcr a { text-transform: uppercase; letter-spacing: 0.5px; font: var(--h1-font); font-weight: bolder; font-size: 13px; } /* количество тем и сообщений в подфоруме */ /* заголовки */ .basic #pun-viewtopic #pun-main h1, .basic .custom_tag_h0, .basic #pun-viewtopic #pun-main h2, .basic #pun-profile #pun-main h1, .basic #pun-messages #pun-main h1, .basic #pun-userlist #pun-main h1, .basic #pun-search #pun-main h1, .basic #pun-searchposts #pun-main h1, .basic #pun-register #pun-main h1, .basic #pun-login #pun-main h1, .basic #pun-searchtopics #pun-main h1, .basic #pun-online #pun-main h1, .basic #pun-viewforum #pun-main h1, .basic #pun-debug h2, .basic #pun-searchtopics h2, .basic #pun-online h2, .basic .pun-modal h2 { background: url(http://forumstatic.ru/files/001b/b2/f7/32094.jpg) 0 top no-repeat, rgba(27, 14, 4, 0.15) 0 top repeat-y; padding: 5px; box-shadow: 0px 0px 6px #1a0b06, 0px 0px 6px rgba(84, 60, 36, 0.78) inset; border: 0px solid #4F402B; border-radius: 10px; padding-top: 8px; padding-bottom: 5px; margin: 30px auto 15px; text-shadow: black 1px 1px !important; text-align: center !important; color: var(--forlink); text-transform: uppercase; width: 490px; font-weight: bolder; } /* админка */ /* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ -------------------------------------------------------------*/ .basic #pun-navlinks .container { padding: 0px; margin: -0px 20px 0 31px; width: 930px; text-align: center; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; gap: 10px; } .basic .sticky #pun-navlinks .container { width: 945px; margin-left: 55px; } .basic .sticky #pun-ulinks { margin-left: 42px; } .basic .sticky #pun-navlinks #navadmin { right: -40px; top: 20px; } /* расположение*/ .basic #ForumD-ru:not(.sticky) #pun-navlinks { margin: -0px 0 0 190px; width: 930px; } .basic #ForumD-ru.sticky #pun-navlinks { margin: 0px 0 0 220px; width: 900px; } .basic #ForumD-ru:not(.sticky) #pun-ulinks { margin: 0px 0px 0 0; } .basic #ForumD-ru.sticky #pun-ulinks { margin: 0px 0px 0 67px; width: 900px; } /* вид ссылок */ .basic #pun-navlinks li a { letter-spacing: 0.5px; color: var(--navlink); text-transform: uppercase; font: var(--h1-font); text-shadow: none; } /* вид ссылок навигации при наведении */ .basic #pun-navlinks li a:hover { color: var(--hovlink) !important; } /********* Навигация *********/ .basic #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; } .basic #pun-navlinks .UM-list a { display: block; padding: 4px 5px 4px 5px; background: linear-gradient(to top, #1e0a07, #28110c); font: var(--h1-font) !important; color: var(--tablink) !important; font-size: 11px; text-align: center; text-shadow: 1px 0px 1px #000000 !important; box-shadow: 0px 0px 7px #000000 inset !important; font-weight: bolder; } .basic #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; } .basic #pun-navlinks #navadmin { position: absolute; font-size: small; padding-bottom: 6px; height: 2em; } .basic #pun-navlinks #navadmin { position: absolute; right: 15px; font-size: small; top: 20px; padding-bottom: 6px; height: 2em; } /* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ -------------------------------------------------------------*/ .basic #pun-ulinks .container { padding: 0 !important; text-align: center; margin: 10px 0px 0 37px; display: flex; justify-content: space-evenly; } /*расположение */ /* цвет ссылок */ .basic #pun-ulinks a { color: var(--navlink); transition: color 0.5s linear 0s; text-transform: lowercase; padding-right: 20px; text-shadow: none; } /* цвет ссылок при наведении */ .basic #pun-ulinks a:hover { color: rgb(var(--hovlink)); } /* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ -------------------------------------------------------------*/ /* расположение сверху */ /* общий внешний вид */ .basic #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; } .basic #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; } /* цвета ссылок */ .basic #pun-crumbs2 a { font-weight: bold; color: var(--link); } /* цвет ссылок при наведении */ .basic #pun-crumbs2 a:hover, .basic #pun-crumbs1 a:hover { font-weight: bold; color: var(--hovlink); } /* СТРОКА ПРИВЕТСТВИЯ -------------------------------------------------------------*/ .basic #pun-status span { margin-right: 5px; } /* расположение */ .basic #pun-status { position: absolute; width: 890px; display: block; top: 665px; z-index: 1; opacity: 0.9; } /* внешний вид */ .basic #pun-status .container { color: var(--doptext); display: block; font-size: 9px; } /* цвет ссылки */ /* Привет, последний визит - Сильвания -------------------------------------------------------------*/ /* ТЕМЫ -------------------------------------------------------------*/ /* весь пост */ /* флекс пост */ .basic .post .container { display: flex; flex-wrap: wrap; gap: 0px 2px; } .basic .post .container .toBlock { top: 18px; margin-top: -25px; } .basic .post-body { width: 638px; } .basic .post-links { width: 100%; z-index: 100; position: relative; } /* конец */ /* разделитель между сообщения*/ .basic .post h3 { margin: 10px 0px; } /* текст внутри разделителя */ .basic .post h3 span { display: block; /* font-size: 11px; */ letter-spacing: 0.5px; font: 500 11px Verdana !important; /* margin-left: 20px !important; */ /* font-weight: normal; */ color: var(--doptext) !important; /* background: transparent; */ background: #8b7b5b70 !important; margin: 5px 0px 5px 243px; border-radius: 0px; border: var(--bord); /* box-shadow: 0px 0px 2px rgb(26 11 6 / 48%), rgb(84 60 36 / 44%) 0px 0px 10px inset; */ border-width: 1px; border-left: none; border-right: none; padding-top: 2px; border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 5%, rgb(90 66 17 / 40%) 33%, rgb(90 66 17 / 40%) 68%, rgba(210, 205, 188, 0) 100%) 3% !important; } /* ссылка-дата на сообщение */ .basic a.permalink { /* margin-left: 26%; */ margin-left: 4%; } /* номер поста */ .basic .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%; */ } /* расположение профиля */ /* пост и отступы в посте */ .basic .post-box { padding: 1em 0.2em 1em 0em; } /* выравнивание текста поста */ /* абзацы постов */ .basic .post-content p { margin: 0; padding: 0 0em 0.8em 0em; line-height: 150%; } /* ссылки в посте */ .basic .post-links li { display: inline; padding-left: 10px; background: transparent; border: none; margin-left: auto; text-transform: none; } .basic .post-links ul a { font: var(--body-font); font-size: 11px; background: transparent; border: none; } /* курсив и подчеркнутый текст внутри поста */ /* картинки в постах */ /* таблицы в постах */ /* разделитель подписи в посте */ .basic .post-sig::before { background: rgb(90 66 17 / 40%); } /* экстра */ /* ФОРМЫ -------------------------------------------------------------*/ /* контейнер можно отключить */ /* местоположение кнопок отправить/посмотреть */ /* инфо по заполнению */ /* настройка текста */ /* обводка активного поля */ /* чекбоксы */ /* страница переадресации */ /* поле ввода текста поста */ .basic .areafield div button { position: static; } .basic textarea { background: #9f8d6991; padding: 12px !important; width: 100% !important; color: var(--t-body); /* border: var(--bord) !important; */ display: block; box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset; border-radius: 5px; border-width: 1px; /* box-sizing: border-box; */ border: 0px solid var(--backcol) !important; } /* поле ввода название темы */ .basic select, .basic input, .basic #plng, .basic #topic-search-btn { background: #948463!important; margin: 5px 0px; border-radius: 3px; color: var(--t-body); border: var(--bord)!important; box-shadow: 0px 0px 2px rgb(26 11 6 / 48%), rgb(84 60 36 / 64%) 0px 0px 1px inset; border-width: 1px; } /* перенос сообщений из темы */ .basic .pun-modal .modal-inner { background: var(--forcol) !important; } /* пагинация -------------------------------------------------------------*/ /* страницы в подфоруме сверху */ /* страницы в подфоруме снизу*/ /* страницы в теме снизу*/ .basic #pun-viewtopic .linksb { color: var(--doptext) !important; background: #8b7b5b70 !important; border-radius: 0px; border: var(--bord); border-width: 1px; border-left: none; border-right: none; padding-top: 2px; border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 5%, rgb(90 66 17 / 40%) 33%, rgb(90 66 17 / 40%) 68%, rgba(210, 205, 188, 0) 100%) 3% !important; } /* подписаться и отслеживать внутри темы */ .basic .subscribelink { color: var(--doptext) !important; } /* меню модератора */ /* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/ /* формы заполнения*/ /* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ -------------------------------------------------------------*/ .basic input.button, .basic #post fieldset .hashelp div input, .basic button, .basic #mask_dialog .hv-add-template, .basic .post.topicpost .charlist .hvClearFilters, .basic ul#ul-5 { border-radius: 3px !important; color: var(--forcol); text-shadow: 1px 1px black; padding: 5px !important; cursor: pointer !important; transition: .5s background; font: var(--h1-font) !important; letter-spacing: 0.5px; text-transform: uppercase; font-size: 11px !important; width: auto; font-weight: bolder !important; background: radial-gradient(ellipse at center, #2e1408 14%, #200702 100%)!important; border: 2px outset; border-color: rgba(98, 77, 46, 0.71) !important; box-shadow: inset 0px 0px 6px #855d42c7, 0px 3px 5px rgba(102, 48, 27, 0.553); margin-right: 10px; } /* при наведении */ .basic input.button:hover, .basic #post fieldset .hashelp div input:hover, .basic button:hover, .basic .post.topicpost .charlist .hvClearFilters:hover, .basic ul#ul-5:hover { cursor: pointer !important; background: radial-gradient(ellipse at center, #662609 14%, #200702 100%)!important; } /* КОДЫ И ЦИТАТЫ -------------------------------------------------------------*/ /* расположение */ /* бокс под цитаты/код итд */ .basic .post-content .spoiler-box>div::before { color: #6f5a40!important; } .basic .post-content .spoiler-box>div { background: transparent; } .basic .post-content .custom_tag_alt1 .spoiler-box>div::before { filter: none; } .basic .custom_tag_alt1 .post-content .spoiler-box>div.visible::before { filter: invert(1) opacity(1.5); } .basic .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; } */ .basic cite span.qcn { display: contents; } .basic .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; } .basic .quote-box cite:before { color: #591409; } /* фон проставления репутации */ /* написал(-a) и выделить код */ .basic .code-box strong.legend a { background: transparent; justify-self: self-start; font-weight: 900; } .basic .code-box strong.legend { display: block; font: var(--h1-font); font-size: larger; text-align: justify; margin: -8px 6px 0px -10px!important; border: none; font-weight: bold; background: transparent; color: #591409; line-height: 110%; letter-spacing: 1px; width: 60%; position: static; } .basic .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; } .basic .quote-box cite { color: #591409; } .basic .hide-box cite { margin: 0px 6px 10px 5px !important; padding: 0px !important; } /* выделить код (скопировать код) */ /* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД -------------------------------------------------------------*/ /* настройки оформления */ .basic #font-area, .basic .popup_graffiti, .basic #size-area, .basic #image-area, .basic #color-area, .basic #addition-area, .basic #video-area, .basic .inner .popup_graffiti, .basic #keyboard-area, .basic #video-area-msg, .basic #smilies-area, .basic #video-area, .basic #spoiler-area, .basic #float, .basic #vkladka-area, .basic #meny_My_replic, .basic .unread-notifications .modal-inner, .basic .inner.post_reputation, .basic .editBookmark { padding: 15px 10px 10px 10px !important; border-radius: 5px; color: var(--t-body); border: var(--bord); background: #908362 !important; box-shadow: 0 0px 6px 1px rgba(53, 47, 25, 1), 0px 0px 12px #543c24 inset !important; border-color: rgba(98, 77, 46, 0.71); } /* фон репутации */ .basic #font-area div:hover, .basic #size-area div:hover, .basic #meny_My_replic p:hover, .basic #addition-area div:hover, .basic .hvStickerPackModalTab:hover { color: #751d1d; background: var(--backcol); border-radius: 11px; padding: 0px 15px 1px; } .basic #size-area div:hover { color: #751d1d; background: rgba(255, 255, 255, .1); border-radius: 11px; padding: 0; } .basic .tab-list:hover { color: #751d1d !important; } /* поиск игры -------------------------------------------------------------*/ /* мини аватар на главной -------------------------------------------------------------*/ .basic .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; } .basic #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); } /* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ -------------------------------------------------------------*/ .basic #pun-messages .post h3 { margin-left: 95px !important; width: 480px; } .basic #pun-messages .post-body { width: 490px; margin-left: 200px !important; padding: 0px; box-sizing: border-box; background: transparent; margin-left: 200px !important; } /* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА -------------------------------------------------------------*/ /* выделенный текст */ .basic ::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;} */ /* движущаяся часть прокрутки */ /* .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; } */ .basic #pun ::-webkit-scrollbar-thumb { background: #604840a8; border: none; } /* подложка прокрутки */ /* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ -------------------------------------------------------------*/ /* контейнер */ /* навигация */ .basic #profilenav { float: left; width: 175px; margin-left: -168px; } /* отступы между строк в меню*/ /* отступ в управлении */ /*настройки списка */ /* заголовки в настройках профиля (у меня отключены) */ /* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ -------------------------------------------------------------*/ .basic #viewprofile table { background: transparent; border-radius: 0px; padding: auto; width: auto; border: none; } .basic #viewprofile ul { padding: 0px 25px; } /* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ -------------------------------------------------------------*/ /* отключить прокрутку снизу */ /* отступы по умолчанию у тела */ /* элементы списка */ /* li:not(.tabquote li), { list-style: none; } */ /* убрать курсив с текста везде кроме поста */ /* убрать подчеркивание с ссылок */ /* скрытые элементы */ /* информация при регистрации */ /* СКОПИРОВАНО ИЗ ЭКСТРЫ -------------------------------------------------------------*/ /** подгрузка видео и картинок ---------------------------------------------------------------*/ /* sets max-height for IE */ /** подсказки и затемнение фона при всплывающих страницах ---------------------------------------------------------------*/ .basic .pun-modal h2, .basic .pun-modal h1 { max-width: 700px; margin: 0 auto !important; background: var(--forcol) !important; border-radius: 0px !important; color: var(--doplink) !important; } /* */ /********* скрипт поиска по теме *********/ /********* матчасть htlm *********/ /*********сюжет *********/ /********* страны *********/ /********* ячейки в симметричную таблицу *********/ /******************************************************************** * от Ллина ********************************************************************/ /* взаимный пиар */ /*спойлер, цитата и код */ .basic .quote-box blockquote { background: transparent !important; border: none !important; padding: 0.0em 0.4em !important; margin: 0em !important; } .basic .custom_tag_quote2, .basic #forum-anc .container, .basic .quote-box.hide-box, .basic .punbb #pun-main .code-box, .basic .punbb #pun-main .quote-box:has(cite):not(.quote-box.spoiler-box, .custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box) { margin: 1.2em 0.8em; padding: 2em 1.5em; border-radius: 3px; border: none; 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; } .basic #forum-anc .container { margin: 55px auto -20px; } .basic .quote-box:not(:has(cite), .basic .custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box), .basic .quote-box.spoiler-box:not(.custom_tag_alt .quote-box, .basic .custom_tag_alt1 .quote-box, .basic .custom_tag_alt0 .quote-box) { margin: 0.5em 0.2em 1em; padding: 1em 1em 1em 1em; background: rgba(27, 14, 4, 0.1) 0 top repeat-y; box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset; border: 3px double rgba(42, 14, 8, 0.28); color: inherit; } .basic .custom_tag_alt1 .quote-box.spoiler-box>div, .basic .custom_tag_alt1 .quote-box.spoiler-box>div.visible, .basic .custom_tag_alt1 .quote-box.quote-main, .basic .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; } .basic .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); } .basic { .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 *********/ /********* доп. спойлер *********/ /********* перелистывание изображений *********/ /********* оформление матчасти, кастомные коды и теги *********/ /* СОДЕРЖАНИЕ липучее в темах -------------------------------------------------------------*/ .basic .custom_tag_marble { color: #564b32; text-shadow: #b9b28799 1px 1px 1px; font-family: arial; } /* Слайдер */ /* General styles */ /* Navigation item styles */ .basic div .post-rating p a { font-weight: 700; position: relative; z-index: 100; text-align: center; display: inline-block; background-color: #74634266; box-shadow: 0 0px 4px 1px rgb(141 123 82), 0px 0px 5px #745c46e8 inset; height: 18px; /* width: 36px; */ opacity: 0.6; padding: 0.25em; border-radius: 3px; transition: opacity 0.3s ease-out; } /********* Свернуть спойлер *********/ /********* Личная Хронология *********/ /* shipovnik */ /*** ХРОНОЛОГИЯ название ***/ /* цифра */ /* категория */ /* цифры */ /* текстовый блок */ /********* Топы *********/ .basic .container>.topRPG_2 { display: block; position: absolute; bottom: 45px; right: 88px; } .basic li.pa-avatar.item2 img { max-width: 190px; /* border: double #4f3427 !important; */ } /********* скрипт уведомлений *********/ .basic #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 *********/ .basic .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; } .basic .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; } .basic .custom_tag_rulka0 { font-family: Moyenage; text-align: center; font-size: 25px; /* font-weight: 800; */ line-height: 0.8; } .basic .custom_tag_hr2 { border-image: linear-gradient(to right, rgba(211, 206, 189, 0) 0%, rgb(114 96 59 / 68%) 50%, rgba(210, 205, 188, 0) 100%) 1 !important; } /* аватар в цитате */ .basic .author-avatar { float: right; /* margin-right: -2%; */ position: static; margin-top: -3px; } /* строка тем или форумов при наведении */ /* свечение жирного текста */ /* подчеркивание */ /* закрытые темы, важные */ /* спойлер категорий */ .basic .offctgr img { mix-blend-mode: darken; filter: saturate(100%); margin: 3px -9px 0px -17px; } /* .pa-fld1 div:not(#titul), */ /* мини ава в строке приветствия */ .basic .status_userava { vertical-align: middle; margin: -10px 0px 0px; height: 30px; width: 30px; opacity: 0.85; background-size: cover; background-repeat: no-repeat; float: left; border-radius: 44% !important; box-shadow: 0 0px 4px 1px rgb(82 59 20), 0px 0px 6px #543c24 inset !important; transition: opacity 0.4s, box-shadow 0.4s; background-position: 70% 33%; filter: grayscale(0.4) brightness(0.95); } .basic #pun-status span.item1 { margin-left: 5px; } /*АКЦИИ */ /* rzlmovnik */ /* название роли */ /* ПЕРЕЧИСЛЕНИЕ ХАРАКТЕРИСТИК */ /* подарки */ /* скрытие отредактировано из html-верх -------------------------------------------------------------*/ /* Броски Дайсов */ /* личные сообщения */ .basic #messages table { background: transparent; border-radius: 0px; } /* админка */ /* цитаты в топике */ .basic .qc-uname { color: black; } /* медиа для мозиллы */ .basic forumdesc { color: #0e0b07; } .basic forumdesc b::after { content: " //"; font-size: xx-small; font-weight: 100; margin-left: 4px; } .basic .text-info .title a { color: var(--link)!important; } .basic .text-info .title a { color: var(--link)!important; } .basic .text-info .title a:hover { color: #6f4e2b !important; } .basic .f_links a:hover { color:#877b59!important; background: linear-gradient(to top, #070604, #160E07); } /* мелкие допы -------------------------------------------------------------*/ /* хронология большая -------------------------------------------------------------*/ /** эпизод **/ /** маркеры shipovnik **/ /** дата и участники **/ /** год или эпоха **/ /************************************************************* filter **************************************************************/ .basic .filter {width: 740px !important;} /************************************************************* spoiler **************************************************************/ /* орг темы вариации под дизайны -------------------------------------------------------------*/ .basic .soo1 { width: 595px; } /* .basic .soo2 { width: 800px; } .sylv .soo2 { width: 874px; } */ .basic .navig { left: 295px; } .basic .custom_tag_gostevaya { width: 922px; margin: 0px 0 20px -28px; border-radius: 3px; background-position: top left !important; box-shadow: inset 0 0 15px 0px #262f2f; } .basic .gde_chto { background: url(https://forumstatic.ru/files/001c/67/33/41750.png) 612px 96px no-repeat; background-color: #CAD1CA; height: 700px; background-size: 31%; } .basic .chto_igraem { background: url(https://i.imgur.com/WoTX54K.png) 600px 120px no-repeat; background-size: 32%; background-color: #CAD1CA; } .basic .sinopsis { background: url(https://forumstatic.ru/files/001c/67/33/72294.png) 612px 96px no-repeat; background-color: #CAD1CA; height: 638px; background-size: 31%; } .basic .org, .basic .org2 { overflow: hidden; margin: 0px -18px; /* width: 860px; */ width: 895px; padding: 0px 10px 20px 10px; background-color: #c1c6bc4f; } .basic .custom_tag_moa { width: 100%; background-position: top left !important; } .basic .custom_tag.custom_tag_lorkratko { width: 900px; margin: 0 0 0 -18px; background: url(https://forumstatic.ru/files/001c/67/33/62162.webp) left; border-radius: 3px; } .basic .custom_tag_lorkratko table .custom_tag_dm1[alt="lore"] { color: #333 !important; background: #e7e7e7 ! IMPORTANT; padding: 2px 10px !important; } .basic .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; } .basic .custom_tag_lorkratko table { right: 10px; left: inherit !important; width: max-content !important; bottom: 50px; } /* стили орг тем -------------------------------------------------------------*/ /* Магазин --------*/ /* навигация --------*/ /* допы орг тем --------*/ /* Шаблон эпизода --------*/ /* Гостевая --------*/ /* Общие стили --------*/ .basic .custom_tag_hr1 { border-bottom: 4px double rgba(42, 14, 8, 0.28); } /* карта форума */ .basic .moatitle, .basic .moatitle2 { right: 95px; } .basic .custom_tag_imgframe img.postimg, .basic .custom_tag_imgframe0 img.postimg, .basic .custom_tag_imgshad0, .basic .custom_tag_imgshad1 img, .basic .custom_tag_imgframe00 img.postimg { border: 3px double rgb(58 29 4 / 48%); box-shadow: 0px 0px 2px #1a0b0657; outline: none; border-radius: 2px; } .basic .custom_tag_imgframe, .basic .custom_tag_imgframe0, .basic .custom_tag_imgshad0, .basic .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; } /* Матчасть --------*/ .basic .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; } .basic .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 */ /* Что играем --------*/ /* Страны --------*/ /* Расы --------*/ /* Планы мироздания --------*/ /* Чары маленьковые --------*/ /* Чары --------*/ /* Ликбез --------*/ /* Синопсис --------*/ /* Где что играть --------*/ /* Сюжеты --------*/ /* карусель для ЛС */ /* плашка и фон профиля */ .basic .pa-fld6 { /* left: 13px; */ width: 205px; margin-left: 0px; } .basic .pa-fld6 > img { bottom: -11px; width: 203px; left: 24px; border-bottom-left-radius: 18px 10px; border-bottom-right-radius: 18px 10px; filter: contrast(1.5) grayscale(0.5) brightness(0.8) opacity(0.5); } .basic plaque { left: 13px; box-shadow: 0px 2px 2px 1px #20110ad4; border-radius: 5px; border: 2px groove #96846078; width: 191px; } .basic plaque img { /* filter: contrast(0.6) grayscale(0.3) brightness(0.8) sepia(0.35) hue-rotate(15deg); */ } .basic .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) { /* #forum_f29 {display: none!important} */ } /*новый дизайн*/ /* ТЕЛО здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума -------------------------------------------------------------*/ .basic #pun { position: relative; width: 1072px; margin: 65px auto 100px auto; padding-top: 50px; background: repeat transparent url(http://forumstatic.ru/files/001a/11/6e/29509.jpg); z-index: 0; } /* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА -------------------------------------------------------------*/ .basic .punbb { height: auto; width: 892px; padding: 0px 40px; margin-left: 50px; } .basic #pun-main:not(.basic #pun-index #pun-main) { margin-top: 45px !important; margin: 0; } .basic #pun-index #pun-main { margin-top: 35px !important; } .basic #pun-viewforum #pun-main { padding: 0; } /* ЗАДНИЙ ФОН -------------------------------------------------------------*/ body.basic { background: url("http://forumstatic.ru/files/001a/11/6e/30430.jpg") center; overflow-x: hidden; background-color: #110705; } /* ШАПКА -------------------------------------------------------------*/ .basic #pun-title { background-image: url(https://forumstatic.ru/files/001b/b2/f7/60420.jpg); width: 1072px; height: 765px; margin-left: -90px; margin-top: -115px; } /*шапка при наведении*/ /* вращающиеся осколки */ .basic #star1:hover { transform: rotate(360deg); transition: transform 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); } .basic #star1 { background: url(https://forumupload.ru/uploads/001b/b2/f7/3/675494.png); width: 144px; height: 102px; position: absolute; top: 129px; margin-left: 20px; transition: transform 1s cubic-bezier(0.55, 0.09, 0.68, 0.53); overflow: revert; display: inline-block; background-size: 19px; background-repeat: no-repeat; background-position: center; display: var(--display); } /* ФУТЕР -------------------------------------------------------------*/ .basic #pun-about .container { background: url(http://forumstatic.ru/files/001a/11/6e/87860.jpg); width: 1072px; height: 140px; margin-top: 45px; margin-left: -90px; margin-bottom: -70px; } /* реклама русфф в футере */ .basic #pun-about .container .item1 { position: absolute; font-size: 8px; text-align: center; text-transform: lowercase; bottom: 33px; width: 1072px; } .basic .cop1 { position: absolute; width: 200px; margin-top: -50px; margin-left: 370px; color: rgba(58, 36, 20, 0.51) !important; text-shadow: rgba(175, 171, 136, 0.53) 1px 1px 1px; font-size: 8px; } /* КАТЕГОРИИ -------------------------------------------------------------*/ /* оформление всей категории */ .basic #pun-index .category { margin-left: 0px; } /* оформление всего подфорума */ .basic #pun-index .hasicon tr { z-index: 1; width: 880px; display: table; margin-bottom: 5px; background: transparent; border: 0px solid rgba(173, 173, 173, 1); } /* оформление всех категорий */ .basic #pun-stats h2 { margin-left: 0px; } /* .light #pun-index .category h2, #pun-index .category h2 { margin-bottom: -20px; } */ /* .light #pun-index .category h2:not(:first-of-type), #pun-index .category h2:first-of-type { margin-bottom: -20px; } */ .basic #pun-index .category h2, .basic #pun-stats h2 { text-align: center; color: var(--forlink); background: url(http://forumstatic.ru/files/001a/11/6e/34304.png) no-repeat; width: 597px; height: 75px; margin-left: 140px; box-sizing: border-box; padding-top: 31px; text-transform: none; text-shadow: 1px 1px black; font-size: 18px; font-weight: 600; padding-left: 11px; font: 500 19px Alegreya SC!important; } /* СТАТИСТИКА -------------------------------------------------------------*/ /* оформление текста в статистике */ .basic #pun-stats .container { padding: 0px; width: auto; display: flex; position: relative; margin: 10px 10px; } /* статистика */ .basic #pun-stats li.item1, .basic #pun-stats li.item2, .basic #pun-stats li.item3, .basic #pun-stats li.item4 { background: rgba(0, 0, 0, 0.07); display: flex; align-content: center; flex-wrap: wrap; padding: 5px 8px; min-width: 150px; gap: 5px; margin-top: 3px; margin-bottom: 5px; border-radius: 27px; border: none; justify-content: center; } /* .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%; } */ /* активные пользователи */ /* ПОДФОРУМ -------------------------------------------------------------*/ /* расположение и оформление */ .basic #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; }*/ .basic #pun-index .tclcon { background: url(http://forumstatic.ru/files/001b/d9/4a/21373.jpg) 0 top no-repeat, rgba(27, 14, 4, 0.15) 0 top repeat-y; padding: 10px 10px; display: block; text-align: justify; box-shadow: 0px 0px 6px #1a0b06, 0px 0px 6px rgba(84, 60, 36, 0.78) inset; border: 2px solid #4F402B; border-radius: 6px; margin-left: -20px; } /* название подфорума - ссылка */ .basic #pun-index .tclcon h3 a { text-shadow: black 1px 1px !important; margin-left: -55px !important; text-transform: uppercase; color: var(--forlink); font: var(--h1-font); font-size: 16px; } .basic .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; } .basic .Themes img, .basic .Messages img { opacity: .6; filter: hue-rotate(154deg) saturate(100) brightness(0.3); width: 21px; } .basic .Messages { width: 80px; display: inline-flex; align-items: center; } /* ссылки подфорумах */ .basic #pun-index .tclcon a:hover { transition: color 0.5s linear 0s, background-color 0.5s linear 0s; background-color: rgb(27 14 4 / 19%); color: rgb(53 53 53); } /* ссылка на под подфорум */ /* дополнительные контейнеры ссылок в подфоруме*/ .basic .tclcon #forumlink a, .basic .tclcon #linkmain a { background-color: rgb(54 28 8 / 10%); border: 3px double rgb(50 16 2 / 28%); padding: 1px 1px; margin: 0px 0px 0px 0px; display: inline-block; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.15s linear, background-color 0.15s linear; flex: 1 1 auto; border-radius: 0px; text-align: center; font: bold 10px "Alegreya SC"; text-shadow: #b3ad8769 1px 1px 1px; color: rgb(86 8 3); } .basic div#linkmain { position: relative; display: block; height: 16px; width: 120px; float: none; margin: 6px 8px -8px auto !important; } .basic .tclcon #forumlink1 a { color: #9f885a !important; opacity: 0.9; box-shadow: inset -1px 1px 1px #3a1704, inset 1px 1px 1px #3a1704, inset 1px -1px 1px #3a1704, 1px 0px 2px 1px #3a301b; border: 3px double rgb(26 8 1 / 76%); padding: 2px 0px !important; margin: 5px 0px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; transition: background 0.3s ease, opacity 0.3s ease; flex: 1 1 auto; border-radius: 0px; width: 120px; font: var(--h1-font); font-weight: bold; text-align: center; background: linear-gradient(to left, #260702f7, #573217, #260702f7); border-style: double; text-shadow: black 1px 1px !important; font-size: 10px; } .basic .tclcon #forumlink1 a:hover { background: linear-gradient(to left, #140200cf, #81450f, #140200cf); transition: background 0.3s ease, opacity 0.3s ease; opacity: 1; } .basic #pun-viewforum .category table tbody tr { background: none; border: none; } .basic #pun-viewforum .isub td div.tclcon { margin-left: 0px; margin-right: -4px; background: url(http://forumstatic.ru/files/001b/d9/4a/21373.jpg) 0 top no-repeat, rgba(27, 14, 4, 0.15) 0 top repeat-y; padding: 6px 6px 8px 6px; text-align: justify; box-shadow: 0px 0px 6px #1a0b06, 0px 0px 6px rgba(84, 60, 36, 0.78) inset; border: 2px solid #4F402B; border-radius: 6px; color: #0e0b07; } .basic .isub .tcl { /* padding: 0px; */ } .basic .isub .tcl h3 { margin-top: 3px; text-align: center; } .basic .isub .tcl h3 a { font-size: 13px !important; text-shadow: black 1px 1px !important; text-transform: uppercase; color: #806E48 !important; font: var(--h1-font); font-weight: bolder; } /* ИКОНКА СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ -------------------------------------------------------------*/ /* старые */ .basic #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; } .basic #pun-index table Div.icon, .basic #pun-viewforum .category table Div.icon { margin-top: 20px !important; } /* новые */ .basic #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; } /* ИКОНКА ВНУТРИ ПОДФОРУМА -------------------------------------------------------------*/ /* ДЛЯ БИРЮЗОВОГО */ /* старые */ /* новые */ /*важные */ /* закрытые */ /* ДЛЯ ДРУГИХ ДИЗОВ */ /* старые */ .basic #pun-viewforum table Div.icon, .basic #pun-messages table Div.icon, .basic #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; } /* новые */ .basic #pun-viewforum TR.inew Div.icon, .basic #pun-messages TR.inew Div.icon, .basic #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; } /*важные */ .basic #pun-viewforum TR.isticky Div.icon, .basic #pun-messages TR.isticky Div.icon, .basic #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; } /* закрытые */ .basic #pun-viewforum TR.iclosed Div.icon, .basic #pun-messages TR.iclosed Div.icon, .basic #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; } /* КНОПКИ ВВЕРХ ВНИЗ -------------------------------------------------------------*/ /* прозрачность */ /* расположение */ .basic .go-up { background-image: url(http://forumstatic.ru/files/001a/11/6e/79869.png); height: 48px; width: 82px; bottom: 40%; margin-left: 925px; } .basic .go-down { background-image: url(http://forumstatic.ru/files/001a/11/6e/66193.png); height: 61px; width: 69px; bottom: 30%; margin-left: 925px; } /* при наведении */ /* профиль -------------------------------------------------------------*/ .basic .post-author::before { content: none } .basic .post-author { width: 258px; padding-bottom: 45px !important; margin-left: -11px; margin-top: -7px; background: url(http://forumstatic.ru/files/001a/11/6e/16965.jpg) 0 bottom no-repeat, url(http://forumstatic.ru/files/001a/11/6e/77228.jpg) 0 top no-repeat, url(http://forumstatic.ru/files/001a/11/6e/25814.jpg) repeat-y; background-position-x: -2px; } .basic .punbb .post .post-author { position: sticky !important; transition: top .2s ease, opacity .2s ease; height: 100%; margin-bottom: 40px; top: -9px; border: none; } /* пространство в профиле */ .basic .post-author ul { margin-top: 96px; width: 252px; padding: 0px 10px !important; box-sizing: border-box; text-align: center; margin-left: 4px; color: var(--proftext); font: var(--body-font); font-size: 10px; line-height: 13px; margin-bottom: -5px; } /* ник автора */ .basic .pa-author { font: bold small-caps 18px "Alegreya SC" !important; letter-spacing: 0.01em; margin: 0 0px 5px; } .basic .pa-author { width: 100%; } /* ссылка ника */ .basic .pa-author a { color: var(--forlink) !important; text-shadow: 1px 1px black !important; text-transform: none; font: inherit; } /* статус */ .basic .pa-title { text-transform: lowercase; color: #444031 !important; font-family: "Palatino Linotype" !important; font-size: 9pt !important; padding: 13px 18px 6px; } /* аватар */ .basic .pa-avatar { margin: 5px 3px 0px 4px; width: 196px; transition: transform .3s ease-out; } /* .pa-avatar { margin: 5px 3px 0px 33px; width: 196px; transition: transform .3s ease-out; } */ /* рамка аватара */ .basic .pa-avatar img { border: double #4f3427 !important; } /* айпи */ .basic .pa-ip a { filter: sepia(0.8) brightness(1.5); } /* Индикатор активности пользователя */ .basic .post-author .pa-online, .basic .post-author:not(.online) .pa-author .acchide { position: absolute; display: inline-block !important; top: -50px; margin-left: 0px; left: 0px; right: 0px; } .basic .post-author:not(.online) .pa-author .acchide { margin-top: -20px; } .basic .post-author:not(.online) .pa-author .acchide { content: ""; position: absolute; display: inline-block !important; left: auto !important; line-height: unset; background:#bbbbbb47; height: 8px !important; width: 9px !important; margin: 0px 119px 0 -28px !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; opacity: .1; } .basic .post-author .pa-online:before { content: ""; position: absolute; display: inline-block !important; left: auto !important; line-height: unset; background: #2f500a; height: 8px !important; width: 9px !important; margin: 21px 0 0 -5px !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; } .basic .post-author .pa-online:before { animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; } .basic .pa-online strong { left: 145px; } .basic .post-author .pa-last-visit { top: -88px; left: 138px; } /* отображение при ответить */ .basic img.post-img-Sp { transition: transform .3s ease-out; } .basic img.post-img-Sp { transition: transform .3s ease-out; filter: none; width: 62px; height: 57px; margin: 3px 2px !important; } /* ПОЛЯ ПРОФИЛЯ -------------------------------------------------------------*/ .basic .pa-fld1 { font-size: 0.91em; margin-top: 0px !important; padding: 8px 10px 8px 12px !important; color: #bba77d9e; font-family: 'tahoma regular'; letter-spacing: 0.8px; text-shadow: 1px 1px 1px #000000, 1px 1px 1px #000000; text-align: justify !important; } /* ЛЗ ссылка на анкету */ .basic .post-author .pa-fld1 i:before { content: ""; border-bottom: 4px dotted #59301bd4 !important; display: block; width: 40%; margin: auto; margin-bottom: 6px; filter: blur(0.1px) drop-shadow(1px 1px 2px black) brightness(1.1) contrast(1); } .basic .post-author .pa-fld1 #fullname::after { content: ""; border-bottom: 4px dotted #59301bd4 !important; display: block; width: 40%; filter: blur(0.1px) drop-shadow(1px 1px 2px black) brightness(1.1) contrast(1); } .basic .post-author .pa-fld1 u { text-decoration-thickness: 2px; text-decoration-color: #5f533a7d; } .basic .hv-mask .pa-fld1 span a { text-shadow: none; color: rgb(var(--text-primary)) !important; font-family: var(--font-cat-title) !important; display: block; } .basic #anketa a, .basic .hv-mask .pa-fld1 span a { text-shadow: 1px 1px 1px #000000, 2px 1px 1px #000000 !important; color: var(--anketa) !important; display: block; } /* репутация - иконка плюсика */ .basic .post-author .pa-fld1 span.MyredirICon, .basic #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; } /* .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; } */ .basic .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; color: #817453; backdrop-filter: blur(4px); background: #8d816e33; padding: 0px 6px 0px; margin-bottom: 2px; border-radius: 0px 0px 45px 45px !important; line-height: 14px; width: 80px; max-height: 15px; } .basic .pa-fld2 .fld-name { color: #a39677; font-size: 0.8em; } .basic ul.post-ul-Sp.Sp1, .basic ul.post-ul-Sp.Sp2, .basic ul.post-ul-Sp.Sp3 { margin: 0px 0px 0px 2px; margin-left: 14px !important; width: 203px; border-radius: 0px; color: #917f5e; border: 1px solid #342e1f99; border-width: 1px 0px; background: #1818073d; padding: 0px 3px !important; margin-left: -4px; box-sizing: border-box; } .basic .pa-fld1 abbr { color: #bba77d80; cursor: pointer; } /*** СЛАЙДЕР АВАТАРОК by Lerage***/ /* картинки в профиле */ .basic 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; } .basic 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; } .basic 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; } /*** стрелочки от скрипта переключения аватарок ***/ /* ПОСТЫ, РЕПУТАЦИЯ, ПОЗИТИВ, СОО -------------------------------------------------------------*/ .basic { .pa-posts a, .pa-respect a, .pa-positive a, li.pa-fld4 .fld-name::before { color: var(--proftext) !important; } } /* ФУТЕР **************************************************************/ /*---------- баннеры -------------*/ .basic .ban { position: absolute; height: 33px; width: 960px; left: 56px; bottom: -19px; text-align: center; overflow: auto; overflow-x: hidden; box-sizing: border-box; scroll-behavior: smooth; } .basic .blockButton:before { margin-top: 108px; margin-left: -261px; background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #74412d 0%, #46130a 100%); color: #b99c6d; text-shadow: 1px 0px 1px #000000 !important; border: 2px groove rgb(124 80 60 / 50%); } /* всплывающие подсказка при наведении */ /* ДРУГОЕ **************************************************************/ /* кнопка реакции */ /* рейтинг поста */ /* иконка дайса */ /* перекрасить количество уведомлений и сообщений */ .basic .icon[data-new-topics]:before, .basic .subforums span[data-new-topics]:before { background: #67240d !important; color: #cfc6b2 !important; } /* подложка маски */ .basic #mask_dialog .inner { cursor: default; margin: 0; width: 760px; max-width: 99%; max-height: 90%; overflow-x: auto; z-index: 100; box-shadow: 0 0 40px #222; padding: 8px; border: solid 1px #6b634e; border-radius: 4px; background: #a4916b; } /* вкладка стикеров */ .basic .hvStickerPackModal { background: #94805d !important; border: var(--bord) !important; box-shadow: 0px 0px 3px rgb(26 11 6 / 76%), rgb(84 60 36 / 64%) 0px 0px 3px inset !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; } */ .basic .tabla { width: 695px; height: 260px; position: absolute; top: 371px; left: 290px; color: inherit; } .basic .tabcontent { display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0px; } .basic .tablaleft { display: inline-block; width: 354px; padding: 5px 2px 0px 5px; box-sizing: border-box; position: relative; } .basic .tablacenter { display: block; min-width: 220px; padding: 8px 15px; box-sizing: border-box; position: relative; text-align: center; background-color: rgb(163 146 108 / 39%) !important; outline: 1px solid #fff2da42; outline-offset: -3px; box-shadow: #42382596 0px 0px 3px 1px; margin: 8px auto 4px; } .basic .tablaright { display: inline-block; width: 318px; padding: 5px 5px 0px 2px; box-sizing: border-box; position: relative; } .basic .tabla span { display: block; overflow-y: auto; padding: 5px; text-align: center; font: var(--h1-font); /* text-transform: uppercase; */ color: var(--backcol1); text-shadow: #000000ba 1px 1px 2px; width: -webkit-fill-available; margin: 5px 0px; background-color: rgb(33 8 0 / 38%) !important; outline: 1px solid #fff2da42; outline-offset: -3px; box-shadow: #42382596 0px 0px 3px 1px; word-spacing: 0.3em; letter-spacing: 0.02em; transition: background-color 0.6s ease, color 0.6s ease, box-shadow 0.6s ease; } .basic .tabquote { 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; margin: 5px 0px; } .basic .tabs>section { display: none; height: 218px; overflow-y: auto; text-align: justify; box-sizing: border-box; font-size: 11px; margin-left: 5px; position: relative; top: 330px; } .basic .tabla .tabs>label:first-of-type, .basic .tabla .tabs>label:last-of-type { left: -181px; top: auto; } .basic .tabs>label { display: inline-block; padding: 10px 10px; position: relative; text-transform: uppercase; box-sizing: border-box; font: var(--h1-font); color: var(--tablink); line-height: 19px; transform: rotate(0deg); text-shadow: #000000c9 1px 1px 1px; margin-bottom: 10px; width: 169px; left: -180px; height: 35px; background: url(http://forumstatic.ru/files/001a/11/6e/98783.png) no-repeat; padding-top: 8px !important; transition: background 0.4s ease !important; } .basic .tabs>label:hover { color: var(--hovlink); cursor: pointer; transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s, background-color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } .basic .tabs>input:checked+label { background: url(https://forumstatic.ru/files/001a/11/6e/12354.png) no-repeat; color: #a29271; transition: background-image .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } .basic .tabs #tab1:checked~#content-tab1, .basic .tabs #tab2:checked~#content-tab2, .basic .tabs #tab3:checked~#content-tab3 { display: block; margin-top: -333px !important; } .basic .tabla_text { position: relative; top: 3px; box-sizing: border-box; padding: 5px 10px 5px 10px; height: 215px; overflow: auto; width: 478px; text-align: justify; float: left; direction: rtl; } .basic .tabla_link { position: absolute; width: 210px; left: 475px; top: 7px; 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(--proftext); text-shadow: #000000 1px 0px 1px !important; box-shadow: 0px 0px 2px #1a0b06; opacity: 0.7; } .basic .tabla_link block { width: 170px; display: block; height: 24px; text-align: center; background: url(http://forumstatic.ru/files/001a/11/6e/98783.png) no-repeat; padding-top: 9px !important; transition: background 0.4s ease; font: var(--h1-font); left: -3px !important; position: relative; color: var(--forlink); margin: 0px auto; } /* .tabla_link block a { color: var(--forlink) !important; text-shadow: none !important; } */ .basic .tabla_link a { font-weight: bolder; text-shadow: 1px 1px black !important; color: var(--headlink) !important; } /* ссылки by вещий дух */ .basic .f_desc_wrap { display: flex; justify-content: space-between; gap: 10px; flex-direction: column; position: absolute; top: 367px; left: 102px; } .basic .f_links a { flex: auto; display: flex; align-items: center; justify-content: center; box-sizing: border-box; color: var(--tablink) !important; font: var(--h1-font); font-size: 13px; text-transform: none; margin-left: 1px; padding: 3px 3px 3px 3px; background: linear-gradient(to top, #1e0a07, #28110c); text-align: center; text-shadow: 1px 0px 1px #000000 !important; box-shadow: 0px 0px 7px #000000 inset !important; transition: 0.6s ease; font-weight: 800 !important; width: 155px; height: 22px; line-height: 15px; word-spacing: 4px; } .basic .f_links a:hover { display: flex; background: transparent; box-shadow: none !important; text-shadow: none !important; font: var(--h1-font); font-size: 13px; color: aliceblue !important; font-weight: 700 !important; color: #877b59 !important; text-transform: none; justify-content: center; height: 22px; } .basic a.sbla0:link, .basic a.sbla0:visited { display: block; text-align: center; box-shadow: 0px 0px 7px #000000 inset !important; word-spacing: 4px; outline: 2px ridge #5649317a; margin: 0px 0px 1px 0px; border: 2px ridge #5649318a!important; outline-offset: 1px; color: #585038 !important; text-transform: none; background: radial-gradient(ellipse at 52% -128%, #e2c9a8 24%, #d75a0d 33%, #481a12 48%, #200702 58%); transition: background 0.6s ease, color 0.6s ease, box-shadow 0.6s ease !important; padding: 1px 3px; font: var(--h1-font); line-height: 15px; } .basic #pun-navlinks .UM-list a:hover { background: linear-gradient(to top, #1e0a07, #28110c) !important; } /* Моделирование списка по умолчанию */ /********* Rotation нужны *********/ .basic #active { position: absolute; top: 295px; left: 324px; } .basic .fon { width: 60px; height: 65px; box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.88); filter: sepia(28%) hue-rotate(0deg) contrast(94%) grayscale(0%) brightness(75%) saturate(58%); mix-blend-mode: difference; border-radius: 5px; background-position: 50% 30% !important; border: none; } .basic .act1 { left: 5px; position: absolute; } .basic .act2 { left: 112px; position: absolute; } .basic .act3 { left: 414px; position: absolute; } .basic .act4 { left: 486px; position: absolute; } .basic .act5 { left: 558px; position: absolute; } .basic .act1 .fon, .basic .act2 .fon { width: 100px; } .basic .act3 .fon, .basic .act4 .fon, .basic .act5 .fon { width: 70px; } /****************************************** СТИЛЬ ТАБЛИЦЫ АККОРДЕОН! ******************************************/ /* Фон и обрамление */ /*Цвет, Размер и фон заголовка всей таблички*/ /*Цвет и Размер заголовков спойлеров*/ /*Вертикальная Центровка и Размер шрифта в контенте спойлера*/ /*Цвет Ссылок в контенте спойлера*/ /*Cтиль скрола*/ /*Нижеследущий блок код*/ /****************************************** END//СТИЛЬ АККОРДЕОН ******************************************/ /* от Ллина -------------------------------------------------------------*/ /***** Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) *****/ /* Оформление в посту */ .basic .buttons div { color: #8c7953c4 !important; text-shadow: 1px 0px 3px #000000 !important; mix-blend-mode: plus-lighter; border-radius: 3px !important; padding: 5px !important; cursor: pointer !important; transition: color 0.5s ease, background-color 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease; font-weight: bolder !important; background: radial-gradient(rgb(46, 20, 8) 14%, rgb(32, 7, 2) 100%); border: 2px outset; border-color: rgba(98, 77, 46, 0.71) !important; box-shadow: inset 0px 0px 6px #855d42c7, 0px 3px 5px rgb(98 42 20 / 37%); } .basic .windows { background: transparent; background-color: rgb(209 194 183 / 10%); border: 2px double rgba(42, 14, 8, 0.28); } .basic .buttons div:hover, .basic .buttons>.activevkladka { background: radial-gradient(ellipse at center, #410a04 14%, #3f0e04 100%); box-shadow: inset 0px 0px 6px #a34c12c7, 0px 3px 5px rgb(98 42 20 / 37%); text-shadow: 1px 0px 3px #000000, 1px 0px 3px #000000, 1px 0px 6px #000000 !important; color: #bfa674c4 !important; padding: 8px !important; opacity: 1; } /* Оформление вв-кода */ /***** Стиль. Вкладки в постах вв-кодами. (done by Kolobdur) END *****/ /***** кастомные теги *****/ /***** Фильтр акций *****/ /***** Фильтр акций END *****/ /* кнопка Отключить быстрый предпросмотр */ /******************************************************************** * свои таблицы Rift ********************************************************************/ .basic .custom_tag_tbl1>table tr:hover, .basic .custom_tag_tbl10>table tr:hover { background-color: rgb(255 255 255 / 38%) !important; } .basic .custom_tag_tbl10>table tbody .hover { background-color: rgb(255 255 255 / 38%) !important; } /********* своя корректировка таблиц *********/ /******************************************************************** *Hotkeys v2.1 © max, the murderer! 2023 * Запрещено распространение на сторонних ресурсах, плагиат, продажа третьим лицам ********************************************************************/ /******************************************************************** * ИНФОБОКС ЛЗ ********************************************************************/ /*Стиль иконки в мини-профиле*/ /* Затемняющий фон */ /*Подвижка иконки закрытия таблички*/ /* Корневой таб(UL) */ /*сдвиг таблицы*/ .basic .my-tabs>.tab-a::before, .basic .my-tabs>.tab-a::after {display: none} /* Стиль "Ушка" вкладок */ .basic .my-tabs>.tab-a { width: 701px; height: 96%; box-sizing: border-box; min-height: 200px; position: relative; z-index: 1; display: none; overflow: hidden; text-align: center; vertical-align: middle; padding: 15px 20px; border-radius: 0px; background: url(https://forumstatic.ru/files/001b/fd/b9/27429.png) top no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/52260.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/fd/b9/56326.png) repeat-y; box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 66%), 0px 0px 3px 1px #0000008f, 0px 0px 0px 1px #00000047 !important; } /* Cдвиг самого первого "Уха" */ /* Активное "Ушко" */ .basic .my-tabs>span.selected { opacity: 1; border-bottom-color: transparent !important; background: var(--darktlink); text-shadow: #000000 1px 1px !important; } .basic .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; } .basic .my-tabs>span:first-child { margin-left: 8px; } .basic .my-tabs>span:hover { color: #622006 !important; } /* Стиль вкладки(LI)*/ /* Отступ контента вкладки сверху */ .basic .tab-a .post-content { background: transparent; } /*Подвижка иконки*/ /*Подвижка всплывающей подсказки иконки*/ /********* вроде ЛЗ *********/ /***** Перенесенные сообщения (дубли) *****/ .basic .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; } .basic .punbb .post:has(img.img0Start) .post-content:not(.post-box:has(.org)) { width: 865px; margin-left: -6px; } .basic .punbb .post:has(img.img0Start) .post-box:has(.org) { margin: -2px 1.2em 5px; } /* .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); } */ .basic ::-webkit-scrollbar-thumb:hover { border-width: 1px 1px 1px 2px; border-color: #555; background: linear-gradient(to left, #180806, #4A2015, #180806); border-radius: 3px !important; border: solid 1px rgba(27, 21, 21, 0.78); } .basic ::-webkit-scrollbar-track { border-width: 0; border-left: solid 1px #2F2C25; background-color: #382D1B; background: linear-gradient(to left, #180806, #68532d, #180806); } .basic ::placeholder { color: #2F1406; opacity: 0.7; } /* форма объявления */ .basic #pun-announcement { position: relative; width: 900px; height: auto; text-align: center; margin: 8px 0px 5px; } .basic tg { /* right: 78px; */ /* top: 374px; */ top: -50px; left: 28px; } .basic tg a:before { text-shadow: none !important; } .basic plashki { justify-content: center; } .basic .scroll_goriz { width: 100%; justify-content: center; } .basic .plashka { min-width: 125px; height: 42px; font: 10px Consolas; background: radial-gradient(ellipse at center, #2e1408 14%, #200702 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e2c23', endColorstr='#48150a', GradientType=1); color: var(--forcol); box-shadow: inset 0px 0px 6px #855d42c7, 0px 3px 5px rgba(102, 48, 27, 0.553); border-radius: 3px; text-shadow: black 1px 1px 1px !important; border: 2px outset !important; border-color: rgba(98, 77, 46, 0.71) !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; } */ .basic .plashka span { filter: grayscale(0); } .basic .plashka h { text-transform: uppercase; font-weight: bold; font-family: Merriweather; font-size: 10.5px; letter-spacing: 0.5px; color: inherit; border-bottom: 1px solid #806e4833; line-height: 15px; padding-bottom: 2px; } .basic .plashka:hover { color: #9b8559 !important; background: radial-gradient(ellipse at center, #662609 14%, #200702 100%); text-shadow: black 1px 1px 1px !important; } /* кнопка фильтров от Шаман */ /* АВАТАРЫ ПО УМОЛЧАНИЮ -------------------------------------------------------------*/ /* .changeAvatar::after { content: ''; width: 192px; height: calc(98% + 2px); /* max-width: 192px; position: absolute; top: 4px; left: 24px; z-index: -1; background: red; } */ /* подвинуть от края коды шиповника */ /* скрыть иконку чс у постов без автора */ /* размер шрифта */ /* переполненная тема */ /* Ллин -------------------------------------------------------------*/ /* история шапок -------------------------------------------------------------*/ /* кол-во символов в конкретном посте -------------------------------------------------------------*/ .basic .send-sumb { right: 0px; bottom: -8px; background: url(https://forumstatic.ru/files/000b/09/4f/27594.png) repeat, radial-gradient(ellipse at center, #74412d 0%, #46130a 100%); color: #b99c6d; border: 2px groove rgb(124 80 60 / 50%); border-right: none; padding: 3px 5px !important; width: 80px; } /* Berta -------------------------------------------------------------*/ .basic { .unread-notifications .modal-inner>h2, .basic .unread-notifications .modal-inner>.container { background: transparent !important; } .post-content hr { height: 3px; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--doptext) 42%, var(--doptext) 58%, rgba(0, 0, 0, 0) 100%); opacity: 1; border: none; } .pa-fld3:empty { padding: 0 !important; } } /* mobile -------------------------------------------------------------*/ /* END mobile -------------------------------------------------------------*/ /* страница профиля */ /* панель форма ответа */ .basic div#post-form h2 { display: block; } .basic #form-buttons table { width: 100% !important; margin: auto !important; } .basic #form-buttons td:hover::before { font-size: 18px; background: #876f4e57; border-radius: 3px; transition: background 0.2s ease-out; } /* форма ответа - доп кнопки */ /* доп отправить */ .basic #additional-send { left: -230px; } /* Счетчик символов */ /* --- ПРАВАЯ ПАНЕЛЬ ИНСТРУМЕНТОВ В ПОСТЕ --- */ /* форма ответа - доп кнопки */ .basic #additional-send { left: -230px; } /* Счетчик символов */ /* ПРАВАЯ ПАНЕЛЬ (РАСШИРЕННАЯ/ПО УМОЛЧАНИЮ) */ /* Защита кнопок в расширенном режиме (заменяет 3-й скрипт) */ /* ========================================= ИНТЕГРИРОВАННЫЕ КЛАССЫ РЕЖИМОВ ИЗ JS ========================================= */ /* 1. КОМПАКТНЫЙ РЕЖИМ */ /* 2. РЕЖИМ ГОСТЯ */ /* 3. РЕЖИМ ЛИЧНЫХ СООБЩЕНИЙ (PM) - заменяет 2-й скрипт */ /* Предпросмотр сообщения -------------------------------------------------------------*/ /* Обычный предпросмотр */ .basic #pun-viewtopic #post-preview { transition: width 0.3s ease; width: 638px; } /* Широкий предпросмотр */ /* Поиск игровых постов + быстрый ответ ------------------------------------------------------------- */ /* Убираем мусорные br */ /* ЗАГОЛОВОК */ /* ФОРМА ПОИСКА ПОСТОВ */ /* КНОПКА СТАТИСТИКИ */ /* ССЫЛКА РЕЗУЛЬТАТА ПОИСКА */ /* ТАБЛИЦЫ СТАТИСТИКИ ПОСТОВ */ /* ОСНОВНАЯ ФОРМА ОТВЕТА */ /* ОБЩИЙ ВИД КНОПОК / ССЫЛОК */ /* ТЕКСТ И ИКОНКА КНОПКИ СТАТИСТИКИ */ /* СТРЕЛКА У ССЫЛКИ РЕЗУЛЬТАТА */ /* МОБИЛЬНАЯ ВЕРСИЯ */ @media (max-width: 768px) { /* Таблицы статистики на мобилке */ /* Чтобы форма ответа не тянула контейнер */ } /* --- СЕТКА ДЛЯ РАЗДЕЛЕННЫХ ТАБЛИЦ СТАТИСТИКИ --- */ /* Обертки таблиц жестко берут 48% ширины */ /* Сами таблицы растягиваются на все 100% внутри своих оберток */ /* На телефонах таблицы послушно встанут друг под друга */ /* Регулятор размера шрифта (с) satsana, forumd.ru -------------------------------------------------------------*/ /* Скрытие / Отключение поделиться и 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 -------------------------------------------------------------*/ .basic .hidder { display: none!important; } /* кнопка создания отчета */ /* примерочная */ /* снег */ /* 1. Оформоение "копия из другой темы". Прячем "Поделиться" и номер поста */ /* 2. Оформляем ссылку как единую плашку (кнопку) */ /* 3. Добавляем фразу ПЕРЕД датой */ /* 4. Эффект при наведении (подсвечиваем и текст, и дату вместе) */ /* Убираем оригинальный зеленый фон и отступы у родительского блока */ /* Опускаем кнопку ниже, если в профиле есть плашка .org */ /* --- Адаптация редактора для мобильных устройств --- */ @media (max-width: 768px) { /* 1. Сбрасываем правый сдвиг формы ответа */ /* 2. Поле ответа не вылезает за экран */ /* 3. Аватарка (Перебиваем все стили) */ /* 4. Счетчик */ /* 5. Кнопки справа */ /* 6. Панель ББ-кодов (Слегка увеличил отступ сверху, чтобы кнопки не наезжали) */ /* 7. Предпросмотр */ .basic #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 */ /* Фикс верхней панели в ЛС и компактном режиме на мобилках */ }