Раздел навигации

Новые сообщения

Добро пожаловать!

Ram_Hilfiger · 2025-07-13T07:59:50+00:00

Правила подачи жалобы | Bumble Bee class RulesReport extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); } connectedCallback() { this.render(); this.initScripts(); } render() { this.shadowRoot.innerHTML = ` * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } :host { display: block; --primary-color: #4a76a8; --accent-color: #ff4757; --warning-color: #ffcc00; --success-color: #2ed573; --glass-bg: rgba(255, 255, 255, 0.12); --glass-border: rgba(255, 255, 255, 0.2); --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); --text-color: #f1f2f6; --text-muted: rgba(241, 242, 246, 0.7); --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .container { color: var(--text-color); min-height: 100vh; padding: 20px; position: relative; overflow-x: hidden; max-width: 1200px; margin: 0 auto; } .container::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 30%, rgba(255, 71, 87, 0.1) 0%, transparent 25%), radial-gradient(circle at 80% 70%, rgba(74, 118, 168, 0.15) 0%, transparent 25%); z-index: -1; } header { text-align: center; margin-bottom: 40px; padding: 20px; } .logo { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 20px; } .complaint-icon { color: var(--accent-color); font-size: 2.8rem; filter: drop-shadow(0 0 15px rgba(255, 71, 87, 0.3)); animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } h1 { color: var(--text-color); font-size: 2.8rem; margin-bottom: 10px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); background: linear-gradient(to right, var(--text-color), var(--warning-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .subtitle { color: var(--text-muted); font-size: 1.2rem; letter-spacing: 1.5px; max-width: 800px; margin: 0 auto; line-height: 1.6; } .main-rules { display: flex; flex-direction: column; align-items: center; gap: 30px; margin-bottom: 40px; } .main-card-row { display: flex; justify-content: center; gap: 30px; width: 100%; max-width: 1200px; } @media (max-width: 1100px) { .main-card-row { flex-direction: column; align-items: center; } } .main-card { background: var(--glass-bg); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid var(--glass-border); padding: 30px; box-shadow: var(--glass-shadow); transition: var(--transition); position: relative; overflow: hidden; flex: 1; min-width: 500px; max-width: 550px; } @media (max-width: 1100px) { .main-card { min-width: 90%; max-width: 800px; } } .main-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.3); } .main-card.success { border-left: 5px solid var(--success-color); } .main-card.warning { border-left: 5px solid var(--warning-color); } /* ОБНОВЛЕННЫЕ КАРТОЧКИ С ИКОНКАМИ */ .card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; } .card-icon { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; flex-shrink: 0; position: relative; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 1; } .success .card-icon { background: linear-gradient(135deg, var(--success-color), #1e9c5e); color: white; } .warning .card-icon { background: linear-gradient(135deg, var(--warning-color), #e6b800); color: white; } .main-card:hover .card-icon { transform: scale(1.15) rotate(10deg); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4), 0 0 30px rgba(255, 255, 255, 0.1) inset; animation: iconFloat 2s infinite ease-in-out; } @keyframes iconFloat { 0%, 100% { transform: scale(1.15) rotate(10deg) translateY(0); } 50% { transform: scale(1.15) rotate(10deg) translateY(-5px); } } .card-icon::before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; background: conic-gradient( from 0deg, transparent 0%, rgba(255, 255, 255, 0.3) 25%, transparent 50%, rgba(255, 255, 255, 0.3) 75%, transparent 100% ); border-radius: 50%; z-index: -1; animation: rotateBorder 3s linear infinite; opacity: 0.8; } .success .card-icon::before { background: conic-gradient( from 0deg, #2ed573, #1e9c5e, #2ed573 ); } .warning .card-icon::before { background: conic-gradient( from 0deg, #ffcc00, #e6b800, #ffcc00 ); } @keyframes rotateBorder { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .card-title { color: var(--text-color); font-size: 1.8rem; margin-bottom: 5px; } .card-subtitle { color: var(--text-muted); font-size: 1rem; } .rule-content { color: var(--text-muted); line-height: 1.7; font-size: 1.05rem; } .rule-content ul { margin-left: 20px; margin-top: 15px; } .rule-content li { margin-bottom: 10px; position: relative; padding-left: 10px; } .rule-content li::before { content: '•'; color: var(--accent-color); font-weight: bold; position: absolute; left: -10px; } .highlight { color: var(--text-color); font-weight: 600; background: rgba(255, 71, 87, 0.1); padding: 2px 6px; border-radius: 4px; } .warning-text { position: relative; padding: 15px; background: rgba(255, 71, 87, 0.1); border-radius: 10px; margin: 15px 0; border-left: 4px solid var(--accent-color); } .formats-section { background: var(--glass-bg); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid var(--glass-border); padding: 30px; box-shadow: var(--glass-shadow); margin-top: 30px; margin-bottom: 30px; max-width: 1000px; margin-left: auto; margin-right: auto; } .section-title { color: var(--text-color); font-size: 2rem; margin-bottom: 25px; text-align: center; position: relative; padding-bottom: 15px; } .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background: linear-gradient(to right, transparent, var(--accent-color), transparent); } .format-card { background: rgba(255, 255, 255, 0.08); border-radius: 15px; padding: 20px; margin-bottom: 20px; border-left: 4px solid var(--primary-color); transition: var(--transition); } .format-card:hover { background: rgba(255, 255, 255, 0.12); transform: translateX(5px); } /* ОБНОВЛЕННЫЕ ИКОНКИ ФОРМАТОВ */ .format-title { color: var(--text-color); font-size: 1.3rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; } .format-title i { color: var(--accent-color); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255, 71, 87, 0.1); border-radius: 50%; font-size: 1.2rem; transition: all 0.3s ease; } .format-card:hover .format-title i { background: rgba(255, 71, 87, 0.2); transform: scale(1.1) rotate(5deg); box-shadow: 0 0 15px rgba(255, 71, 87, 0.3); } .format-example { background: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 15px; margin-top: 15px; border-left: 3px solid var(--warning-color); font-family: 'Courier New', monospace; position: relative; overflow: hidden; } .format-example::before { content: 'ПРИМЕР'; position: absolute; top: 0; right: 0; background: var(--warning-color); color: #333; font-size: 0.7rem; padding: 3px 10px; border-bottom-left-radius: 5px; font-weight: bold; } .prohibited-section { background: var(--glass-bg); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid var(--glass-border); padding: 30px; box-shadow: var(--glass-shadow); margin-top: 30px; margin-bottom: 40px; max-width: 1000px; margin-left: auto; margin-right: auto; } .prohibited-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-top: 25px; } .prohibited-item { background: rgba(255, 71, 87, 0.1); border-radius: 15px; padding: 20px; border-left: 4px solid var(--accent-color); transition: var(--transition); } .prohibited-item:hover { background: rgba(255, 71, 87, 0.15); transform: translateY(-5px); } /* ОБНОВЛЕННЫЕ ИКОНКИ ЗАПРЕТОВ */ .prohibited-title { color: var(--text-color); font-size: 1.2rem; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; } .prohibited-title i { color: var(--accent-color); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background: rgba(255, 71, 87, 0.15); border-radius: 50%; font-size: 1.1rem; transition: all 0.3s ease; } .prohibited-item:hover .prohibited-title i { background: rgba(255, 71, 87, 0.25); transform: scale(1.1); box-shadow: 0 0 10px rgba(255, 71, 87, 0.4); animation: shake 0.5s ease; } @keyframes shake { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-5deg); } 75% { transform: rotate(5deg); } } .penalty { display: inline-block; margin-top: 10px; padding: 5px 12px; background: rgba(255, 71, 87, 0.2); color: var(--accent-color); border-radius: 20px; font-size: 0.85rem; font-weight: bold; transition: all 0.3s ease; } .prohibited-item:hover .penalty { background: rgba(255, 71, 87, 0.3); transform: scale(1.05); box-shadow: 0 0 8px rgba(255, 71, 87, 0.3); } footer { text-align: center; margin-top: 40px; padding: 20px; color: var(--text-muted); font-size: 0.9rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } .final-note { background: rgba(255, 204, 0, 0.1); border-radius: 15px; padding: 20px; margin-top: 30px; border: 1px solid rgba(255, 204, 0, 0.3); text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto; } .note-icon { color: var(--warning-color); font-size: 2rem; margin-bottom: 15px; display: inline-block; animation: gentlePulse 2s infinite; } @keyframes gentlePulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.9; } } .note-text { color: var(--text-color); font-size: 1.1rem; line-height: 1.6; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeInUp 0.8s ease forwards; } @media (max-width: 768px) { .main-card { min-width: 95%; padding: 20px; } h1 { font-size: 2.2rem; } .prohibited-grid { grid-template-columns: 1fr; } .card-title { font-size: 1.5rem; } .card-icon { width: 60px; height: 60px; font-size: 1.7rem; } } .scroll-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--glass-bg); backdrop-filter: blur(10px); border-radius: 50%; border: 1px solid var(--glass-border); color: var(--text-color); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; cursor: pointer; transition: var(--transition); opacity: 0; visibility: hidden; z-index: 100; } .scroll-top.active { opacity: 1; visibility: visible; } .scroll-top:hover { background: rgba(255, 71, 87, 0.2); transform: translateY(-5px); } Правила подачи жалобы Следуйте этим рекомендациям, чтобы ваша жалоба была рассмотрена максимально быстро и эффективно Рекомендации Для быстрого рассмотрения жалобы Ваша жалоба будет рассмотрена быстро , если вы заполните все указанные пункты без ошибок. Не следует писать главной модерации про вашу жалобу, так как все жалобы рассматриваются в порядке очереди. Следует подробно изложить суть жалобы без лишней воды, пишите только по делу. Основания для отказа В рассмотрении жалобы может быть отказано, если: Отсутствуют необходимые доказательства В жалобе имеется мат/оскорбление кого-либо Жалоба написана мелким шрифтом, либо окрашена в цвет, который сложно прочитать Вы не готовы нести ответственность в случае обмана Вы создаете повторную жалобу Вы не отрицаете свое нарушение правил Внимание: Соглашаясь нести ответственность, в случае, если модератор прав, то главная модерация вправе выдать бан либо удвоить ваше наказание. Форматы оформления Форма для заголовка темы Тема жалобы должна быть оформлена строго по следующему шаблону: Жалоба на модератора: Nick_Name | Причина: "Текст причины" Форма для заявки В теле жалобы необходимо указать следующую информацию: Ваш игровой ник: "Текст" Ник модератора: "Текст" Суть жалобы: "Текст" Доказательства: "Текст (ссылки на скриншоты/видео)" Я готов нести ответственность в случае обмана вплоть до вечной блокировки: "Да / Нет" Запрещено в теме с жалобой Нарушение этих правил приведет к применению санкций Оскорбительное поведение Любые оскорбления в адрес модераторов или участников Бан ФА Нецензурная лексика Использование мата и ненормативной лексики в сообщениях Бан ФА Поднятие темы Сообщения типа "up", "рассмотрите быстрее" и аналогичные Бан ФА Флуд Бессмысленные или повторяющиеся сообщения Бан ФА Оффтоп Обсуждение тем, не связанных с жалобой Бан ФА Посторонние сообщения Писать в теме, если вы не автор жалобы Бан ФА Удаление доказательств Удалять доказательства после одобрения жалобы в течение 7 дней Бан аккаунта Помните: корректно оформленная жалоба с доказательствами и без нарушений правил имеет максимальные шансы на успешное рассмотрение в вашу пользу. Сервер Bumble Bee © 2023 | Правила подачи жалоб Справедливость требует соблюдения правил с обеих сторон `; } initScripts() { // Анимация появления элементов при прокрутке const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('fade-in'); } }); }, observerOptions); // Наблюдаем за всеми элементами this.shadowRoot.querySelectorAll('.main-card, .formats-section, .prohibited-section, .final-note').forEach((el) => { observer.observe(el); }); // Кнопка прокрутки наверх const scrollTopBtn = this.shadowRoot.getElementById('scrollTop'); window.addEventListener('scroll', () => { if (window.pageYOffset > 300) { scrollTopBtn.classList.add('active'); } else { scrollTopBtn.classList.remove('active'); } }); scrollTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Эффект при наведении на карточки this.shadowRoot.querySelectorAll('.main-card, .prohibited-item').forEach(item => { item.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-8px)'; }); item.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; }); }); // Анимация появления при загрузке страницы window.addEventListener('load', () => { this.shadowRoot.querySelector('.container').style.opacity = '0'; this.shadowRoot.querySelector('.container').style.transition = 'opacity 0.5s ease'; setTimeout(() => { this.shadowRoot.querySelector('.container').style.opacity = '1'; }, 100); // Добавляем небольшую задержку для анимации появления setTimeout(() => { this.shadowRoot.querySelectorAll('.fade-in').forEach(el => { el.style.opacity = '0'; el.style.transform = 'translateY(30px)'; }); }, 300); }); // Добавляем эффект клика на карточках this.shadowRoot.querySelectorAll('.main-card, .format-card, .prohibited-item').forEach(card => { card.addEventListener('click', function() { this.style.transform = 'scale(0.98)'; setTimeout(() => { this.style.transform = ''; }, 150); }); }); } } customElements.define('rules-report', RulesReport);

Зарегистрировавшись у нас, вы сможете обсуждать, делиться личными сообщениями с другими участниками нашего сообщества.

Регистрируйтесь прямо сейчас!

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

Bumble Bee Важно #Bumble Bee | Правила подачи жалоб на модерацию

Автор темы Ram_Hilfiger
Дата начала 13 Июл 2025

Статус: В этой теме нельзя размещать новые ответы.

Ram_Hilfiger

Главный модератор

13 Июл 2025

Правила подачи жалобы | Bumble Bee

Последнее редактирование модератором: 29 Дек 2025

Статус: В этой теме нельзя размещать новые ответы.

Facebook X Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Электронная почта Ссылка

На данном сайте используются файлы cookie, чтобы персонализировать контент и сохранить Ваш вход в систему, если Вы зарегистрируетесь.
Продолжая использовать этот сайт, Вы соглашаетесь на использование наших файлов cookie.

Принять Узнать больше...

Сверху Снизу