Правила подачи жалобы | Queen Creek 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: #8b6b9d; --accent-color: #b77dd6; --warning-color: #c48adf; --success-color: #9b6fcc; --glass-bg: #1e1524cc; --glass-border: #4a3a5e; --glass-shadow: 0 8px 32px #0a0a14; --text-color: #f0eaff; --text-muted: #cdc0e0; --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%, #7b5b9b1a 0%, transparent 25%), radial-gradient(circle at 80% 70%, #5a3a7a1a 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 10px #b77dd666); } h1 { color: var(--text-color); font-size: 2.8rem; margin-bottom: 10px; text-shadow: 0 2px 10px #0000004d; 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 #00000033; border-color: #6a4a8e; } .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 #0000004d; 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), #7b4b9b); color: white; } .warning .card-icon { background: linear-gradient(135deg, var(--warning-color), #9b6bca); color: white; } .main-card:hover .card-icon { transform: scale(1.1); box-shadow: 0 12px 35px #00000066; } .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: #b77dd61a; padding: 2px 6px; border-radius: 4px; } .warning-text { position: relative; padding: 15px; background: #b77dd61a; 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: #ffffff0d; border-radius: 15px; padding: 20px; margin-bottom: 20px; border-left: 4px solid var(--primary-color); transition: var(--transition); } .format-card:hover { background: #ffffff14; 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: #b77dd61a; border-radius: 50%; font-size: 1.2rem; transition: all 0.3s ease; } .format-card:hover .format-title i { background: #b77dd633; transform: scale(1.05); } .format-example { background: #00000033; 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: #1a0f24; 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: #b77dd61a; border-radius: 15px; padding: 20px; border-left: 4px solid var(--accent-color); transition: var(--transition); } .prohibited-item:hover { background: #b77dd633; 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: #b77dd61a; border-radius: 50%; font-size: 1.1rem; transition: all 0.3s ease; } .prohibited-item:hover .prohibited-title i { background: #b77dd666; transform: scale(1.05); } .penalty { display: inline-block; margin-top: 10px; padding: 5px 12px; background: #b77dd633; color: var(--accent-color); border-radius: 20px; font-size: 0.85rem; font-weight: bold; transition: all 0.3s ease; } .prohibited-item:hover .penalty { background: #b77dd666; transform: scale(1.02); } footer { text-align: center; margin-top: 40px; padding: 20px; color: var(--text-muted); font-size: 0.9rem; border-top: 1px solid #4a3a5e; } .final-note { background: #2a1a3e; border-radius: 15px; padding: 20px; margin-top: 30px; border: 1px solid var(--accent-color); 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; } .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.5s ease forwards; opacity: 0; } @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: #b77dd633; transform: translateY(-5px); } Правила подачи жалобы Следуйте этим рекомендациям, чтобы ваша жалоба была рассмотрена максимально быстро и эффективно Рекомендации Для быстрого рассмотрения жалобы Ваша жалоба будет рассмотрена быстро , если вы заполните все указанные пункты без ошибок. Не следует писать главной модерации про вашу жалобу, так как все жалобы рассматриваются в порядке очереди. Следует подробно изложить суть жалобы без лишней воды, пишите только по делу. Основания для отказа В рассмотрении жалобы может быть отказано, если: Отсутствуют необходимые доказательства В жалобе имеется мат/оскорбление кого-либо Жалоба написана мелким шрифтом, либо окрашена в цвет, который сложно прочитать Вы не готовы нести ответственность в случае обмана Вы создаете повторную жалобу Вы не отрицаете свое нарушение правил Внимание: Соглашаясь нести ответственность, в случае, если модератор прав, то главная модерация вправе выдать бан либо удвоить ваше наказание. Форматы оформления Форма для заголовка темы Тема жалобы должна быть оформлена строго по следующему шаблону: Жалоба на модератора: Nick_Name | Причина: "Текст причины" Форма для заявки В теле жалобы необходимо указать следующую информацию: Ваш игровой ник: "Текст" Ник модератора: "Текст" Суть жалобы: "Текст" Доказательства: "Текст (ссылки на скриншоты/видео)" Я готов нести ответственность в случае обмана вплоть до вечной блокировки: "Да / Нет" Запрещено в теме с жалобой Нарушение этих правил приведет к применению санкций Оскорбительное поведение Любые оскорбления в адрес модераторов или участников Бан ФА Нецензурная лексика Использование мата и ненормативной лексики в сообщениях Бан ФА Поднятие темы Сообщения типа "up", "рассмотрите быстрее" и аналогичные Бан ФА Флуд Бессмысленные или повторяющиеся сообщения Бан ФА Оффтоп Обсуждение тем, не связанных с жалобой Бан ФА Посторонние сообщения Писать в теме, если вы не автор жалобы Бан ФА Удаление доказательств Удалять доказательства после одобрения жалобы в течение 7 дней Бан аккаунта Помните: корректно оформленная жалоба с доказательствами и без нарушений правил имеет максимальные шансы на успешное рассмотрение в вашу пользу. Сервер Queen Creek © 2026 | Правила подачи жалоб Справедливость требует соблюдения правил с обеих сторон `; } 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)'; }); }); setTimeout(() => { this.shadowRoot.querySelectorAll('.fade-in').forEach(el => { el.style.animation = 'fadeInUp 0.5s ease forwards'; }); }, 50); } } customElements.define('rules-report', RulesReport);

Регистрация

Что нового? Поиск

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

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

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

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

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

Автор темы Olivia_Nic
Дата начала 30 Апр 2026

Olivia_Nic BLAT

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

30 Апр 2026

Последнее редактирование модератором: 10 Май 2026

Войдите или зарегистрируйтесь для ответа.

Ссылка

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

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

Сверху Снизу