/* ==========================================================================
БЛОК №1: МАСКИРОВКА АВТОРОВ В СПИСКАХ ТЕМ (ВНУТРИ РАЗДЕЛОВ)
========================================================================== */
html[data-logged-in="false"] .structItem-cell--latest.is-mangled {
/* 1. Скрываем оригинальный ник и упоминания */
a,
.username,
.structItem-minor {
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
}
/* 2. Оставляем видимой дату */
time,
.structItem-latestDate {
font-size: 11px !important;
line-height: normal !important;
color: @xf-textColorMuted !important;
display: block !important;
}
/* 3. Рисуем текстовую заглушку */
&::before {
content: "User***" !important;
display: block !important;
font-size: 13px !important;
font-weight: bold !important;
color: #888888 !important;
margin-bottom: 2px !important;
}
}
/* ==========================================================================
БЛОК №2: БЛЮР АВАТАРОВ ДЛЯ ГОСТЕЙ (ПРИ ВЫБОРЕ КНОПКИ №2 ИЛИ ЕСЛИ ВЫБОР ОТСУТСТВУЕТ)
========================================================================== */
/* БЛОКИРОВКА КЛИКОВ И ТУЛТИПОВ НА КОНТЕЙНЕРЕ ДЛЯ ГОСТЕЙ */
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting="distribution_consent_2"],
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting=""] {
pointer-events: none !important; /* Намертво отключаем вызов мини-профиля и клики */
cursor: default !important; /* Меняем курсор на обычную стрелочку */
}
/* ОРИГИНАЛЬНЫЙ КОД БЛЮРА КАРТИНКИ */
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting="distribution_consent_2"] .avatar,
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting="distribution_consent_2"] img,
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting=""] .avatar,
html[data-logged-in="false"] .mangled-author-avatar[data-blur-setting=""] img {
/* 1. Возвращаем элемент в структуру */
display: inline-block !important;
visibility: visible !important;
opacity: 0.6 !important; /* Слегка тонируем аватар */
/* 2. Накладываем мягкое размытие */
filter: blur(5px) !important;
-webkit-filter: blur(5px) !important; /* Поддержка для браузеров Safari/Apple */
/* 3. Защита границ размытия */
overflow: hidden !important;
transition: filter 0.3s ease, opacity 0.3s ease; /* Плавный переход */
}
/* ==========================================================================
БЛОК №3: МАСКИРОВКА НА ГЛАВНОЙ СТРАНИЦЕ (ДЛЯ ОБЫЧНЫХ УЗЛОВ ФОРУМА)
========================================================================== */
html[data-logged-in="false"] .node-extra.is-mangled {
/* 1. Ликвидируем аватар автора */
.node-extra-icon,
.avatar,
img {
display: none !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
/* 2. Скрываем текстовый ник и название темы */
.node-extra-title,
.node-extra-user,
a,
.username {
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
}
/* 3. Оставляем видимой дату */
time,
.node-extra-date {
font-size: 11px !important;
line-height: normal !important;
color: @xf-textColorMuted !important;
display: block !important;
}
/* 4. Рисуем заглушку User*** */
&::before {
content: "User***" !important;
display: block !important;
font-size: 13px !important;
font-weight: bold !important;
color: #888888 !important;
margin-bottom: 2px !important;
}
}
/* ==========================================================================
БЛОК №4: ТОТАЛЬНЫЙ АВТОМАТИЧЕСКИЙ БЛЮР ШАПКИ ТЕМЫ И ОБСУЖДЕНИЙ (ГОСТИ)
========================================================================== */
/* Накладываем мягкое матовое размытие на любую мета-строку автора во всех темах и вкладках ресурсов */
html[data-logged-in="false"] .p-description .listInline {
/* 1. Эффект глубокого матового стекла */
filter: blur(4.5px) !important;
-webkit-filter: blur(4.5px) !important;
/* 2. Делаем блок слегка полупрозрачным для эстетики дизайна */
opacity: 0.5 !important;
/* 3. Намертво блокируем клики, выделение и появление всплывающего Tooltip-профиля */
pointer-events: none !important;
user-select: none !important;
display: inline-block !important;
}
/* ==========================================================================
БЛОК №5: БЛЮР НИКОВ ДЛЯ ГОСТЕЙ (ПО НАСТРОЙКЕ КНОПКИ ИЛИ ПРИ ПУСТОТЕ)
========================================================================== */
html[data-logged-in="false"] .mangled-author-username[data-blur-setting="distribution_consent_2"] a,
html[data-logged-in="false"] .mangled-author-username[data-blur-setting="distribution_consent_2"] .username,
html[data-logged-in="false"] .mangled-author-username[data-blur-setting=""] a,
html[data-logged-in="false"] .mangled-author-username[data-blur-setting=""] .username {
/* 1. Накладываем мягкое размытие на текст */
filter: blur(4px) !important;
-webkit-filter: blur(4px) !important;
/* 2. Защита от выделения и копирования скрытого текста гостями */
user-select: none !important;
pointer-events: none !important; /* Отключаем кликабельность ссылки */
/* 3. Делаем текст слегка полупрозрачным для эстетики */
opacity: 0.5 !important;
display: inline-block !important;
transition: filter 0.3s ease, opacity 0.3s ease;
}
/* ==========================================================================
БЛОК №6: ТОТАЛЬНЫЙ БЛЮР СПИСКОВ ТЕМ
========================================================================== */
/* --------------------------------------------------------------------------
1. ЛЕВАЯ СТОРОНА: Автор темы (Большой аватар слева и ник под названием)
-------------------------------------------------------------------------- */
/* Намертво блюрим большой аватар автора темы слева */
html[data-logged-in="false"] .structItem-cell--icon .avatar,
html[data-logged-in="false"] .structItem-cell--icon img {
filter: blur(5px) !important;
-webkit-filter: blur(5px) !important;
opacity: 0.4 !important;
pointer-events: none !important;
user-select: none !important;
}
/* Скрываем ник автора темы под названием и выводим ЧЁТКИЙ замочек */
html[data-logged-in="false"] .structItem-cell--main .structItem-parts a.username {
color: transparent !important;
background: transparent !important;
display: inline-block !important;
text-shadow: 0 0 5px rgba(150, 150, 150, 0.85) !important;
pointer-events: none !important;
user-select: none !important;
position: relative !important;
&:before {
content: "🔒" !important;
display: inline-block !important;
filter: none !important;
text-shadow: none !important;
color: @xf-textColorMuted !important;
font-size: 11px !important;
margin-right: 4px !important;
vertical-align: middle !important;
}
}
/* --------------------------------------------------------------------------
2. ПРАВАЯ СТОРОНА: Последний ответивший (Мини-аватар и ник справа)
-------------------------------------------------------------------------- */
/* Намертво блюрим мини-аватарку последнего ответившего справа */
html[data-logged-in="false"] .structItem-cell--latest .avatar,
html[data-logged-in="false"] .structItem-cell--latest img,
html[data-logged-in="false"] .structItem-cell--latest [class*="avatar"] {
filter: blur(6px) !important;
-webkit-filter: blur(6px) !important;
opacity: 0.3 !important;
pointer-events: none !important;
user-select: none !important;
display: inline-block !important;
}
/* Намертво скрываем СТРОГО никнейм (по классу или юзер-айди), не трогая даты! */
html[data-logged-in="false"] .structItem-cell--latest a[data-user-id],
html[data-logged-in="false"] .structItem-cell--latest a.username,
html[data-logged-in="false"] .structItem-cell--latest .username {
color: transparent !important;
background: transparent !important;
display: inline-block !important;
text-shadow: 0 0 5px rgba(150, 150, 150, 0.85) !important;
pointer-events: none !important;
user-select: none !important;
position: relative !important;
&:before {
content: "🔒" !important;
display: inline-block !important;
filter: none !important;
text-shadow: none !important;
color: @xf-textColorMuted !important;
font-size: 11px !important;
margin-right: 4px !important;
vertical-align: middle !important;
}
}
/* Железобетонная защита ДАТ: принудительно оставляем даты резкими и четкими */
html[data-logged-in="false"] .structItem-cell--latest .structItem-latestDate,
html[data-logged-in="false"] .structItem-cell--latest time,
html[data-logged-in="false"] .structItem-cell--latest .structItem-latestDate a {
filter: none !important;
text-shadow: none !important;
color: @xf-textColorMuted !important;
pointer-events: auto !important;
user-select: auto !important;
}
html[data-logged-in="false"] .structItem-cell--latest .structItem-latestDate a:before {
display: none !important; /* Запрещаем замочку появляться на датах */
}
/* ==========================================================================
БЛОК №7: ТОТАЛЬНЫЙ АВТОМАТИЧЕСКИЙ БЛЮР НА ГЛАВНОЙ (ДЛЯ ГОСТЕЙ)
========================================================================== */
/* Накладываем мягкое размытие на все аватары и строки узлов, КРОМЕ разрешенных */
html[data-logged-in="false"] .node-extra:not([data-blur-setting="distribution_consent_1"]) .node-extra-icon,
html[data-logged-in="false"] .node-extra:not([data-blur-setting="distribution_consent_1"]) .node-extra-row {
/* 1. Глубокое матовое размытие */
filter: blur(4.5px) !important;
-webkit-filter: blur(4.5px) !important;
/* 2. Понижаем прозрачность, чтобы приглушить яркие цвета и градиенты ников администрации */
opacity: 0.4 !important;
}
/* Намертво отключаем кликабельность, ссылки и всплывающие карточки профилей для скрытых узлов */
html[data-logged-in="false"] .node-extra:not([data-blur-setting="distribution_consent_1"]) {
pointer-events: none !important;
user-select: none !important;
position: relative !important; /* База для позиционирования четкого замка */
}
/* ДОПОЛНЕНИЕ ЛОГИКИ 321: Накладываем ОДИН ЧЕТКИЙ замок ПОВЕРХ всей колонки (Вне зоны блюра!) */
html[data-logged-in="false"] .node-extra:not([data-blur-setting="distribution_consent_1"])::before {
content: "🔒" !important; /* Наш единственный контрастный замок */
position: absolute !important;
left: 54px; /* Встает ровно после аватарки, прямо перед началом текста */
top: 50%;
transform: translateY(-50%);
font-size: 13px !important;
z-index: 999 !important;
filter: none !important; /* Полная защита от размытия */
text-shadow: none !important;
opacity: 1 !important;
}
/* Делаем аккуратный единый отступ для всего текстового блока, чтобы он не налезал на замок */
html[data-logged-in="false"] .node-extra:not([data-blur-setting="distribution_consent_1"]) .node-extra-cell {
padding-left: 20px !important;
}
/* ==========================================================================
БЛОК №8: ТОТАЛЬНЫЙ МАССОВЫЙ БЛЮР В СПИСКЕ РЕСУРСОВ XFRM (ДЛЯ ГОСТЕЙ)
========================================================================== */
/* 1. Накладываем мягкое матовое размытие на ник автора ресурса под заголовком */
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts a[data-user-id],
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts a.username,
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts .username,
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts a {
filter: blur(4.5px) !important;
-webkit-filter: blur(4.5px) !important;
opacity: 0.5 !important;
pointer-events: none !important; /* Намертво блокируем клики и появление тултипа профиля */
user-select: none !important;
display: inline-block !important;
color: transparent !important; /* Скрываем оригинальный текст букв */
background: transparent !important;
text-shadow: 0 0 5px rgba(150, 150, 150, 0.85) !important;
}
/* 2. Накладываем мягкое матовое размытие на большую ИКОНКУ (аватар) ресурса в левой колонке */
html[data-logged-in="false"] .structItem--resource .structItem-cell--icon .avatar,
html[data-logged-in="false"] .structItem--resource .structItem-cell--icon img {
filter: blur(5px) !important;
-webkit-filter: blur(5px) !important;
opacity: 0.6 !important;
overflow: hidden !important;
}
/* 3. ФИКС ЛОГИКИ 321: База строки и вынос ЧЕТКОГО замка НАРУЖУ зоны размытия для всех категорий */
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts {
position: relative !important;
display: block !important;
}
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts::before {
content: "🔒" !important; /* Наш единственный контрастный замок поверх блюра */
display: inline-block !important;
filter: none !important; /* Защита от мыла */
text-shadow: none !important;
opacity: 1 !important;
color: @xf-textColorMuted !important;
font-size: 11px !important;
margin-right: 5px !important;
vertical-align: middle !important;
}
/* Насильно уничтожаем старые замки движка, застрявшие внутри размытого текста */
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts a::before,
html[data-logged-in="false"] .structItem--resource .structItem-cell--main .structItem-parts .username::before {
display: none !important;
content: "" !important;
}
/* ==========================================================================
БЛОК №9: ТОТАЛЬНЫЙ МАССОВЫЙ БЛЮР НИКОВ НА СТРАНИЦАХ РЕСУРСОВ (ДЛЯ ГОСТЕЙ)
========================================================================== */
/* --- 1. ВЕРХНЯЯ ЧАСТЬ: Блюр ника автора под главным заголовком на ВСЕХ страницах и вкладках --- */
/* Снимаем глобальный блюр со строки описания на всем сайте, чтобы иконки не мылились */
html[data-logged-in="false"] .p-description .listInline {
filter: none !important;
-webkit-filter: none !important;
opacity: 1 !important;
pointer-events: none !important;
user-select: none !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
padding-left: 18px !important; /* Отступ под наш четкий замок */
}
/* Прицельно блюрим ТОЛЬКО текст ника и мета-данные (дату) внутри этой строки */
html[data-logged-in="false"] .p-description .listInline > li {
filter: blur(4.5px) !important;
-webkit-filter: blur(4.5px) !important;
opacity: 0.4 !important;
display: inline-block !important;
}
/* Насильно скрываем системную иконку человечка, рейтинг и лишние элементы, чтобы убрать желтые пятна */
html[data-logged-in="false"] .p-description .listInline i,
html[data-logged-in="false"] .p-description .listInline fa-icon,
html[data-logged-in="false"] .p-description .listInline .u-muted,
html[data-logged-in="false"] .p-description .listInline [class*="stars"],
html[data-logged-in="false"] .p-description .listInline-actor::before {
display: none !important; /* Полностью очищаем фон от цветных элементов */
content: "" !important;
width: 0 !important;
height: 0 !important;
}
/* Выносим ОДИН ЕДИНСТВЕННЫЙ идеально четкий замок в начало строки на любых страницах */
html[data-logged-in="false"] .p-description .listInline::before {
content: "🔒" !important; /* Наш фирменный замок NETZONA */
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 12px !important;
z-index: 999 !important;
filter: none !important; /* Защита от мыла */
text-shadow: none !important;
opacity: 1 !important;
}
/* --- 2. БОКОВАЯ КОЛОНКА СПРАВА: Бронебойный блюр и блокировка ТОЛЬКО для ссылки ника автора --- */
html[data-logged-in="false"] [data-template^="xfrm_resource_"] .block-container .pairRows-value a,
html[data-logged-in="false"] [data-template^="xfrm_resource_"] .block-container [username],
html[data-logged-in="false"] [data-template^="xfrm_resource_"] .block-container a[data-user-id] {
filter: blur(4.5px) !important;
-webkit-filter: blur(4.5px) !important;
opacity: 0.5 !important;
pointer-events: none !important; /* Намертво отключаем кликабельность, выделение и тултипы */
user-select: none !important;
display: inline-block !important;
}
/* ====================================================================
БЛОК №10: Блюр активности + Аватар
==================================================================== */
/* Если внутри строки активности обнаружен скрытый элемент, блюрим ВСЮ строку (включая аватар) */
.contentRow:has(.nz-feed-guest-hidden) {
position: relative !important;
/* Жестко блюрим абсолютно всё исходное содержимое строки */
& > .contentRow-figure,
& > .contentRow-main {
filter: blur(8px) !important;
pointer-events: none !important;
user-select: none !important;
opacity: 0.25;
/* Защита текста */
&, & * {
color: transparent !important;
text-shadow: 0 0 8px rgba(150, 150, 150, 0.8) !important;
background: transparent !important;
}
}
/* Накладываем ЧИТАЕМЫЙ текст поверх размытия всей строки */
&:before {
content: "🔒 Контент скрыт для группы Гость, авторизуйтесь.";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Жестко перебиваем прозрачность, чтобы текст был виден */
color: @xf-textColorMuted !important;
text-shadow: none !important;
filter: none !important;
font-size: 13px;
font-weight: 500;
z-index: 99;
white-space: nowrap;
pointer-events: none;
}
}
/* Очищаем старые стили для самого текстового блока */
.nz-feed-guest-hidden {
position: static !important;
}
/* ====================================================================
БЛОК №11: Блюр Рекомендуемый контент
==================================================================== */
.nz-plugin-featured-restricted {
/* 1. Возвращаем аккуратный фирменный блюр для аватарки автора */
.avatar,
[class*="avatar"],
img[src*="avatars"],
[class*="author"] img,
a[data-user-id] img {
filter: blur(6px) !important;
pointer-events: none !important;
user-select: none !important;
opacity: 0.35 !important;
}
/* 2. Делаем ник автора скрытым, выводим ЧЕТКИЙ замок и размытую тень (С ЗАЩИТОЙ АВАТАРОК) */
a[data-user-id]:not(.avatar),
a[href*="members/"]:not(.avatar),
[class*="author"] a:not(.avatar) {
pointer-events: none !important;
user-select: none !important;
color: transparent !important;
background: transparent !important;
display: inline-flex !important;
align-items: center;
/* Создаем размытое облако ника отдельно */
text-shadow: 0 0 6px rgba(150, 150, 150, 0.85) !important;
/* Отрисовываем ЧЕТКИЙ, резкий замочек перед ником */
&:before {
content: "🔒" !important;
display: inline-block !important;
color: @xf-textColorMuted !important;
text-shadow: none !important;
font-size: 12px !important;
margin-right: 5px !important;
}
}
}
/* ==========================================================================
БЛОК №12: Блюр авторов отзывов на странице последних отзывов XFRM
========================================================================== */
/* НАДЕЖНОЕ СКРЫТИЕ НИКНЕЙМА СТРОГО ДЛЯ ГОСТЕЙ (Аватарки не затрагиваются вообще!) */
html[data-logged-in="false"] a[data-user-id]:not(.avatar),
html[data-logged-in="false"] a[href*="members/"]:not(.avatar),
html[data-logged-in="false"] .username:not(.avatar) {
color: transparent !important;
background: transparent !important;
display: inline-flex !important;
align-items: center !important;
text-shadow: 0 0 5px rgba(150, 150, 150, 0.85) !important;
/* Полная блокировка кликабельности и всплывающего Member Tooltip */
pointer-events: none !important;
user-select: none !important;
position: relative !important;
/* Отрисовываем красивый резкий замочек перед ником */
&:before {
content: "🔒" !important;
display: inline-block !important;
filter: none !important;
text-shadow: none !important;
color: @xf-textColorMuted !important;
font-size: 11px !important;
margin-right: 4px !important;
vertical-align: middle !important;
}
}
/* ====================================================================
БЛОК №13: Изоляция и заглушка автогенерации тем XFRM
==================================================================== */
.nz-blur-full-system-message {
position: relative !important;
min-height: 45px;
display: flex;
align-items: center;
justify-content: center;
/* Жестко блюрим и обесцвечиваем абсолютно всё исходное содержимое сообщения */
& > * {
filter: blur(8px) !important;
pointer-events: none !important;
user-select: none !important;
opacity: 0.25;
/* Защита и скрытие оригинального текста */
&, & * {
color: transparent !important;
text-shadow: 0 0 8px rgba(150, 150, 150, 0.8) !important;
background: transparent !important;
}
}
/* Накладываем ЧИТАЕМЫЙ текст поверх размытия всей строки по центру */
&:before {
content: "🔒 Контент скрыт для группы Гость, авторизуйтесь.";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Жестко перебиваем прозрачность, чтобы текст был идеально виден */
color: @xf-textColorMuted !important;
text-shadow: none !important;
filter: none !important;
font-size: 13px;
font-weight: 500;
z-index: 99;
white-space: nowrap;
pointer-events: none;
}
}
/* ====================================================================
БЛОК №14: Заглушка шапки цитаты для ГОСТЕЙ
==================================================================== */
.nz-guest-quote-holder .bbCodeBlock--quote {
position: relative !important;
}
/* Намертво блюрим имя автора и фразу "написал(а)" для гостей */
.nz-guest-quote-holder .bbCodeBlock--quote[data-attributes*="member:"] {
/* Находим элемент, который содержит текст автора, и размываем его */
&::before, & .bbCodeBlock-title, & div[class*="quote"] {
filter: blur(7px) !important;
opacity: 0.15 !important;
color: transparent !important;
pointer-events: none !important;
user-select: none !important;
}
/* Выводим поверх размытия идеально четкий текстовый замок NETZONA */
&:after {
content: "🔒 Контент скрыт для группы Гость, авторизуйтесь." !important;
position: absolute;
top: 8px; /* Выравниваем ровно по высоте шапки цитаты */
left: 12px;
color: @xf-textColorMuted !important;
font-size: 12px !important;
font-weight: 500 !important;
z-index: 999 !important;
filter: none !important;
text-shadow: none !important;
pointer-events: none !important;
}
}
Я себе документы сделал, мне в принципе уже не надо. Так уже делюсь тем, что следует конкретно знать по мелочам и по ходу дела дописывать уже остается.
Я понимаю, что вы хотите, но это тоже не решение. Если желаете, включайтесь в работу, внесем правки.
