/* ============================================ VotiveRP Profile Page (member_view) Единый CSS файл — все profile стили в одном месте Подключается через в PAGE_CONTAINER ============================================ */ /* === GRID LAYOUT === */ body[data-template="member_view"] .p-body-pageContent { display: grid !important; grid-template-columns: 240px 1fr !important; grid-template-rows: auto 1fr !important; gap: 0 !important; align-items: start !important; } body[data-template="member_view"] .p-body-pageContent > .block, body[data-template="member_view"] .p-body-pageContent > .block > .block-container { display: contents !important; } /* === SIDEBAR === */ body[data-template="member_view"] .p-body-pageContent .block-body { grid-column: 1 !important; grid-row: 1 / 3 !important; align-self: start !important; background: linear-gradient(180deg, rgba(165,105,31,0.1), #251f1f 40%) !important; border-radius: 16px 0 0 16px !important; border: 1px solid rgba(255,255,255,0.06) !important; border-right: 1px solid rgba(255,255,255,0.06) !important; overflow: hidden !important; position: sticky !important; top: 10px !important; } /* === TABS (правая часть, верх) === */ body[data-template="member_view"] .block-tabHeader--memberTabs { grid-column: 2 !important; grid-row: 1 !important; background: #251f1f !important; border-radius: 0 16px 0 0 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-left: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* === CONTENT (правая часть, низ) === */ body[data-template="member_view"] .p-body-pageContent > .tabPanes, body[data-template="member_view"] .p-body-pageContent > .js-memberTabPanes { grid-column: 2 !important; grid-row: 2 !important; background: #1a1515 !important; border: 1px solid rgba(255,255,255,0.06) !important; border-top: none !important; border-left: none !important; border-radius: 0 0 16px 0 !important; padding: 20px !important; margin: 0 !important; list-style: none !important; } /* === PROFILE BANNER === */ body[data-template="member_view"] .memberProfileBanner { position: relative !important; border-radius: 0 !important; background-size: cover !important; background-position: center top !important; border-bottom: 0 !important; } body[data-template="member_view"] .memberProfileBanner::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(to bottom, transparent 0px, rgba(37,31,31,0.7) 100px, #251f1f 160px) !important; z-index: 0 !important; pointer-events: none !important; } body[data-template="member_view"] .memberProfileBanner:not([style*="background"])::before { background: linear-gradient(180deg, rgba(165,105,31,0.15) 0%, transparent 120px) !important; } /* === MEMBER HEADER === */ body[data-template="member_view"] .memberHeader { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; } /* === AVATAR === */ body[data-template="member_view"] .memberHeader-avatar { position: static !important; float: none !important; width: auto !important; text-align: center !important; padding: 32px 0 0 !important; display: flex !important; justify-content: center !important; z-index: 2 !important; position: relative !important; } body[data-template="member_view"] .memberHeader-avatar .avatarWrapper { display: inline-block !important; } body[data-template="member_view"] .memberHeader-avatar .avatar { width: 100px !important; height: 100px !important; font-size: 100px !important; border-radius: 50% !important; border: 3px solid #a5691f !important; box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important; } /* === CONTENT (внутри profileBanner — sidebar контент) === */ body[data-template="member_view"] .memberHeader-content { padding: 2px 24px 25px !important; position: relative !important; z-index: 2 !important; float: none !important; width: auto !important; display: flex !important; flex-direction: column !important; } /* === ИМЯ === */ body[data-template="member_view"] .memberHeader-name { text-align: center !important; margin-top: -9px !important; } body[data-template="member_view"] .memberHeader-name .username { font-size: 20px !important; font-weight: 800 !important; } /* === ПОДПИСЬ (userTitle) === */ body[data-template="member_view"] .memberHeader-blurb .userTitle { display: block !important; text-align: center !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; color: #d4a55a !important; font-weight: 600 !important; margin-top: -6px !important; margin-bottom: 0 !important; } /* === GROUP ICONS (gardolir plugin — скрытый div с margin) === */ body[data-template="member_view"] .memberHeader-blurbContainer .group-icons { margin: 0 !important; padding: 0 !important; display: none !important; } /* === BLURB CONTAINER === */ body[data-template="member_view"] .memberHeader-blurbContainer { background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } #XF body[data-template="member_view"] .memberHeader-blurb { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 2px 0 !important; outline: 0 !important; } /* === БЕЙДЖИ === */ body[data-template="member_view"] .memberHeader-banners { text-align: center !important; margin-top: -8px !important; } /* При наличии подписи — бейджи ниже */ body[data-template="member_view"] .memberHeader-blurbContainer:has(.userTitle) ~ .memberHeader-banners { margin-top: 4px !important; } /* === СТАТИСТИКА === */ #XF body[data-template="member_view"] .memberHeader-stats { margin-top: 16px !important; padding: 14px 0 12px 0 !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,0.06) !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; } body[data-template="member_view"] .memberHeader-stats .pairJustifier { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; justify-items: center !important; } body[data-template="member_view"] .memberHeader-stats dl { text-align: center !important; display: flex !important; flex-direction: column-reverse !important; } body[data-template="member_view"] .memberHeader-stats dt { font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: rgba(255,255,255,0.3) !important; font-weight: 600 !important; margin-top: -2px !important; } body[data-template="member_view"] .memberHeader-stats dd { font-size: 18px !important; font-weight: 700 !important; color: #d4a55a !important; } body[data-template="member_view"] .memberHeader-stats dd a { color: #d4a55a !important; text-decoration: none !important; } body[data-template="member_view"] .memberHeader-stats dd a:hover { color: #e8c07a !important; } /* === РЕГИСТРАЦИЯ / АКТИВНОСТЬ === */ #XF body[data-template="member_view"] .memberHeader-content > .memberHeader-blurb { margin-top: 12px !important; margin-bottom: 0 !important; padding: 0 !important; font-size: 12px !important; width: 100% !important; text-align: left !important; color: rgba(255,255,255,0.5) !important; } #XF body[data-template="member_view"] .memberHeader-content > .memberHeader-blurb + .memberHeader-blurb { margin-top: 6px !important; } /* Pairs: label сверху, значение снизу, без двоеточия */ body[data-template="member_view"] .memberHeader-blurb .pairs.pairs--inline { display: block !important; } #XF body[data-template="member_view"] .memberHeader-blurb .pairs.pairs--inline dt { display: block !important; float: none !important; width: auto !important; margin-bottom: 3px !important; color: #d4a55a !important; font-weight: 600 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } body[data-template="member_view"] .memberHeader-blurb .pairs.pairs--inline dt::after { display: none !important; } #XF body[data-template="member_view"] .memberHeader-blurb .pairs.pairs--inline dd { display: block !important; margin-left: 0 !important; margin-top: -4px !important; font-size: 13px !important; color: rgba(255,255,255,0.6) !important; } /* === СКРЫТЫЕ ЭЛЕМЕНТЫ === */ body[data-template="member_view"] .memberHeader-separator, body[data-template="member_view"] .memberHeader-actionTop { display: none !important; } /* === ВТОРОЙ CONTENT (вне profileBanner — кнопки) === */ body[data-template="member_view"] .memberHeader > .memberHeader-content { padding: 0 24px !important; margin: -40px 0 0 0 !important; } body[data-template="member_view"] .memberHeader > .memberHeader-content > .memberHeader-separator { display: none !important; } /* Скрываем "Найти", меню, игнор */ body[data-template="member_view"] .memberHeader > .memberHeader-content > .memberHeader-buttons .menuTrigger, body[data-template="member_view"] .memberHeader > .memberHeader-content > .memberHeader-buttons .menu, body[data-template="member_view"] .memberHeader-buttons .button[href*="ignore"] { display: none !important; } /* Кнопки: единая группа */ body[data-template="member_view"] .memberHeader > .memberHeader-content > .memberHeader-buttons { display: flex !important; flex-direction: column !important; gap: 6px !important; margin: 0 !important; padding: 0 0 18px 0 !important; } body[data-template="member_view"] .memberHeader > .memberHeader-content > .memberHeader-buttons .buttonGroup { display: contents !important; } /* Стили кнопок */ body[data-template="member_view"] .memberHeader-buttons .button { border-radius: 8px !important; border: 1px solid rgba(255,255,255,0.08) !important; background: rgba(255,255,255,0.03) !important; color: rgba(255,255,255,0.6) !important; padding: 8px 12px !important; font-size: 13px !important; font-weight: 600 !important; text-align: center !important; width: 100% !important; transition: all 0.2s ease !important; } body[data-template="member_view"] .memberHeader-buttons .button:hover { background: rgba(165,105,31,0.15) !important; border-color: rgba(165,105,31,0.3) !important; color: #d4a55a !important; } body[data-template="member_view"] .memberHeader-buttons .button[href*="follow"] { background: linear-gradient(135deg, #a5691f, #c47d25) !important; border: none !important; color: #fff !important; order: 1 !important; } body[data-template="member_view"] .memberHeader-buttons .button[href*="follow"]:hover { background: linear-gradient(135deg, #c47d25, #d4a55a) !important; } body[data-template="member_view"] .memberHeader-buttons .button[href*="conversations"] { order: 2 !important; font-size: 0 !important; } body[data-template="member_view"] .memberHeader-buttons .button[href*="conversations"]::after { content: "Написать" !important; font-size: 13px !important; } /* === ТАБЫ === */ body[data-template="member_view"] .tabs { border-bottom: 1px solid rgba(165,105,31,0.15) !important; } body[data-template="member_view"] .tabs-tab { font-size: 13px !important; font-weight: 600 !important; color: rgba(255,255,255,0.4) !important; padding: 12px 16px !important; border-bottom: 2px solid transparent !important; transition: all 0.2s ease !important; } body[data-template="member_view"] .tabs-tab:hover { color: rgba(255,255,255,0.7) !important; } body[data-template="member_view"] .tabs-tab.is-active { color: #d4a55a !important; border-bottom-color: #a5691f !important; } /* === ОБЁРТКА ПОСТОВ — убираем borders и фон === */ body[data-template="member_view"] .block-body.js-replyNewMessageContainer { border: none !important; background: none !important; } body[data-template="member_view"] .block-container { background: none !important; box-shadow: none !important; } /* === Ячейка аватарки (XenFocus) === */ body[data-template="member_view"] .message-cell--user { background: none !important; width: 54px !important; min-width: 54px !important; max-width: 54px !important; padding: 0 12px 0 0 !important; border-radius: 0 !important; } body[data-template="member_view"] .message-avatar-wrapper { transform: none !important; } /* Все аватарки в постах — убрать фон */ body[data-template="member_view"] .message .avatar, body[data-template="member_view"] .message .avatar img { background: none !important; background-color: transparent !important; } /* Quick reply: аватарка круглая 36px, на уровне инпута */ body[data-template="member_view"] .message--quickReply .message-cell--user { width: 48px !important; min-width: 48px !important; max-width: 48px !important; vertical-align: middle !important; display: flex !important; align-items: center !important; } body[data-template="member_view"] .message--quickReply .avatar { width: 36px !important; height: 36px !important; border-radius: 50% !important; border: none !important; } body[data-template="member_view"] .message--quickReply .avatar img { width: 36px !important; height: 36px !important; border-radius: 50% !important; } /* Quick reply: инпут — убрать чёрную рамку, сделать как в рефе */ body[data-template="member_view"] .message--quickReply .input { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 8px !important; padding: 10px 14px !important; color: rgba(255,255,255,0.3) !important; font-size: 13px !important; } /* Посты: аватарка 42px, на уровне username */ body[data-template="member_view"] .message--simple .avatar { width: 42px !important; height: 42px !important; font-size: 42px !important; border-radius: 10px !important; border: 2px solid rgba(165,105,31,0.15) !important; } body[data-template="member_view"] .message--simple .avatar img { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; object-fit: cover !important; border-radius: 10px !important; } /* Посты: убрать верхнюю линию/обводку */ body[data-template="member_view"] .message--simple { border-top: none !important; box-shadow: none !important; } /* message-cell--main ближе к аватарке */ body[data-template="member_view"] .message-cell--main { padding-left: 0 !important; } /* === ПОСТЫ НА СТЕНЕ === */ body[data-template="member_view"] .message--simple { background: #251f1f !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.06) !important; margin-bottom: 10px !important; padding: 16px !important; transition: border-color 0.2s ease !important; } body[data-template="member_view"] .message--simple:hover { border-color: rgba(165,105,31,0.2) !important; } body[data-template="member_view"] .message--simple .message-name .username { font-weight: 700 !important; font-size: 14px !important; } body[data-template="member_view"] .message--simple .message-attribution-time { color: rgba(255,255,255,0.3) !important; font-size: 11px !important; } body[data-template="member_view"] .message--simple .message-body { font-size: 14px !important; line-height: 1.6 !important; color: rgba(255,255,255,0.8) !important; } body[data-template="member_view"] .message--simple .message-response { background: rgba(255,255,255,0.02) !important; border-radius: 10px !important; border: 1px solid rgba(255,255,255,0.04) !important; border-left: 3px solid #a5691f !important; margin-top: 10px !important; padding: 12px 14px !important; } body[data-template="member_view"] .message--simple .message-responseRow { background: rgba(255,255,255,0.02) !important; border-radius: 8px !important; padding: 8px 10px !important; margin-bottom: 6px !important; } body[data-template="member_view"] .message--simple .actionBar-action { color: rgba(255,255,255,0.3) !important; font-size: 12px !important; transition: color 0.2s ease !important; } body[data-template="member_view"] .message--simple .actionBar-action:hover { color: #d4a55a !important; } body[data-template="member_view"] .message--quickReply { background: #251f1f !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.06) !important; margin-bottom: 16px !important; padding: 14px 16px !important; } body[data-template="member_view"] .message--simple .actionBar .actionBar-set--external { opacity: 0 !important; transition: opacity 0.2s ease !important; } body[data-template="member_view"] .message--simple:hover .actionBar .actionBar-set--external { opacity: 0.4 !important; } body[data-template="member_view"] .message--simple .message-responseRow--action { font-size: 12px !important; color: rgba(255,255,255,0.35) !important; border: none !important; padding: 6px 10px !important; } body[data-template="member_view"] .message--simple .message-responseRow .message-inner { padding: 0 !important; }