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

Nekrasov Fame · 2026-04-29T21:04:59+00:00

Предложения по улучшению правил чата — Модерация VK Saint Rose * { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0a0a0a; font-family: 'Inter', sans-serif; } #proposal-container { width: 100%; min-height: 100vh; background: transparent; color: #e0e0e0; padding: 40px 20px; position: relative; overflow: hidden; } /* Красный фон с геометрическими символами */ .flurry { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; } .symbol, .ladybug, .spark { position: absolute; top: -20px; user-select: none; animation: fall infinite; } .symbol { color: rgba(255, 40, 40, 0.3); font-size: 1.4em; text-shadow: 0 0 15px rgba(255, 0, 0, 0.4); filter: drop-shadow(0 5px 5px rgba(80, 0, 0, 0.7)); animation-name: fall, swayPetal; animation-duration: 14s, 5s; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1), ease-in-out; animation-iteration-count: infinite, infinite; } .ladybug { width: 8px; height: 8px; background: #b00; border-radius: 50%; box-shadow: 0 0 15px rgba(255, 0, 0, 0.4), 0 0 30px rgba(200, 0, 0, 0.4); opacity: 0.6; animation: fall 12s infinite alternate cubic-bezier(0.45, 0.05, 0.55, 0.95); } .spark { width: 4px; height: 4px; background: #f44; border-radius: 50%; box-shadow: 0 0 15px #f00, 0 0 30px #c00; opacity: 0.6; animation: sparkFall 6s infinite ease-in-out; } @keyframes sparkFall { 0% { transform: translateY(-20px) translateX(0) scale(1); opacity: 0.6; } 50% { transform: translateY(50vh) translateX(40px) scale(1.8); opacity: 0.9; } 100% { transform: translateY(100vh) translateX(-40px) scale(0.5); opacity: 0; } } @keyframes fall { 0% { transform: translateY(-20px) translateX(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) translateX(80px) rotate(1080deg); opacity: 0; } } @keyframes swayPetal { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } .spring-left, .spring-right { position: absolute; bottom: 20px; font-size: 10rem; opacity: 0.08; pointer-events: none; z-index: 1; animation: elegantSway 11s infinite alternate ease-in-out; filter: drop-shadow(0 15px 15px rgba(80, 0, 0, 0.7)); color: #d33; } .spring-left { left: -10px; } .spring-right { right: -10px; } @keyframes elegantSway { 0% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-15px); } 100% { transform: rotate(8deg) translateY(0); } } /* Контент */ .content { max-width: 900px; margin: 0 auto; position: relative; z-index: 20; text-align: center; } .main-title { font-size: 3rem; font-weight: 800; margin-bottom: 20px; background: linear-gradient(45deg, #f44, #c00, #f44, #900, #f44); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: titleGlow 9s infinite alternate; filter: drop-shadow(0 0 30px rgba(255, 0, 0, 0.5)); letter-spacing: 2px; } @keyframes titleGlow { 0% { filter: drop-shadow(0 0 10px #900); } 33% { filter: drop-shadow(0 0 40px #f00); } 66% { filter: drop-shadow(0 0 40px #c00); } 100% { filter: drop-shadow(0 0 10px #900); } } .subtitle { font-size: 1.3rem; color: #eaa; margin-bottom: 40px; text-shadow: 0 0 10px #900; } /* Карточка с формой */ .proposal-card { background: rgba(20, 0, 0, 0.75); backdrop-filter: blur(22px); border: 2px solid rgba(255, 50, 50, 0.4); border-radius: 50px; padding: 40px 30px; box-shadow: 0 25px 40px -15px #000, 0 0 35px rgba(255, 0, 0, 0.2); position: relative; overflow: hidden; margin-bottom: 50px; } .proposal-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #900, #f44, #c00, #f44, #900); background-size: 300% 100%; animation: borderGlow 6s infinite linear; } @keyframes borderGlow { 0% { background-position: 0% 0; } 100% { background-position: 300% 0; } } .proposal-text { color: #fcc; font-size: 1.2rem; margin-bottom: 20px; line-height: 1.7; text-align: left; } .offtop-warning { color: #f44; font-weight: 600; margin: 20px 0; text-shadow: 0 0 15px #f00; letter-spacing: 1px; } /* Кнопка копирования */ .copy-btn { background: rgba(30, 0, 0, 0.7); backdrop-filter: blur(10px); border: 2px solid #900; border-radius: 30px; padding: 12px 28px; font-weight: 600; color: #faa; cursor: pointer; transition: all 0.4s; margin-bottom: 25px; display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 1rem; } .copy-btn:hover { border-color: #f44; box-shadow: 0 0 20px #f00; background: #500; } .copy-btn.copied { border-color: #f44; background: #400; box-shadow: 0 0 30px #f00; } /* Поля формы */ .styled-form { display: flex; flex-direction: column; gap: 25px; text-align: left; } .form-label { font-weight: 600; color: #faa; margin-bottom: 5px; display: block; } .form-input, .form-textarea { width: 100%; background: rgba(20, 0, 0, 0.8); border: 2px solid #900; border-radius: 30px; padding: 16px 22px; font-size: 1.1rem; color: #fcc; font-family: 'Inter', sans-serif; outline: none; transition: 0.4s; box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.1); backdrop-filter: blur(5px); } .form-input:focus, .form-textarea:focus { border-color: #f44; box-shadow: 0 0 25px #f00, inset 0 0 15px rgba(255, 0, 0, 0.2); } .form-textarea { min-height: 150px; resize: vertical; border-radius: 35px; } /* Ответственные */ .responsible-title { font-size: 2rem; font-weight: 700; color: #d44; margin: 40px 0 25px; text-shadow: 0 0 25px #900; } .responsible-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; margin-bottom: 40px; } .resp-card { background: rgba(20, 0, 0, 0.7); backdrop-filter: blur(20px); border: 2px solid #900; border-radius: 40px; padding: 18px 25px; display: flex; align-items: center; gap: 18px; transition: 0.4s; box-shadow: 0 15px 25px -10px #000; } .resp-card:hover { border-color: #f44; box-shadow: 0 0 30px #c00; } .resp-icon { font-size: 2.5rem; color: #f44; text-shadow: 0 0 20px #f00; } .resp-info { text-align: left; } .resp-name { font-weight: 700; font-size: 1.2rem; color: #fcc; } .resp-position { font-size: 0.9rem; color: #d88; } /* Футер */ .footer-modern { margin-top: 70px; padding: 45px 30px; background: rgba(20, 0, 0, 0.75); backdrop-filter: blur(25px); border-radius: 100px 100px 40px 40px; border: 3px solid #900; text-align: center; box-shadow: 0 -25px 50px #200; position: relative; overflow: hidden; } .footer-modern::before { content: '✦✧✦✧✦'; position: absolute; top: 15px; left: 20px; font-size: 2.8rem; opacity: 0.2; animation: float 7s infinite alternate; color: #f44; } .footer-modern::after { content: '✧✦✧✦✧'; position: absolute; bottom: 15px; right: 20px; font-size: 2.8rem; opacity: 0.2; animation: float 8s infinite alternate-reverse; color: #f44; } @keyframes float { 0% { transform: translateY(0) rotate(-3deg); } 100% { transform: translateY(-30px) rotate(3deg); } } .footer-title { font-size: 2.4rem; font-weight: 800; color: #d44; text-shadow: 0 0 50px #900, 0 0 90px #f00; margin-bottom: 20px; } .footer-text { color: #eaa; font-size: 1.2rem; max-width: 700px; margin: 0 auto 15px; line-height: 1.6; } .footer-signature { font-size: 1.6rem; color: #c66; font-weight: 700; text-shadow: 0 0 20px #f00; } .footer-signature a { color: #f88; text-decoration: none; border-bottom: 1px dashed #f44; } @media (max-width: 600px) { .main-title { font-size: 2.2rem; } .proposal-card { padding: 25px 20px; } .resp-card { flex-direction: column; text-align: center; } } ◈◈ ◆◆ Предложения по улучшению правил чата Ваше мнение важно для нас. Поделитесь идеями, как сделать общение комфортнее. В данной теме вы можете оставить своё предложение по улучшению или изменению правил чата. Пожалуйста, используйте указанную ниже форму. 📋 Скопировать форму 1. Ваш Nickname 2. Ваше предложение ✦ Оффтоп в данной теме категорически запрещён ✦ Ответственные за данную тему ✦ Nekrasov_Fame Главный Модератор ✧ Omar_Suvorov Заместитель Главного Модератора Модерация VK Saint Rose Профессиональная команда, стоящая на страже порядка и комфорта. Создатель: Кумар Гриманов (@k_5504) (function() { const flurry = document.getElementById('flurry'); if (!flurry) return; const symbolArray = ['', '', '', '', '', '', '']; for (let i = 0; i < 60; i++) { const sym = document.createElement('div'); sym.className = 'symbol'; sym.textContent = symbolArray[Math.floor(Math.random() * symbolArray.length)]; sym.style.left = Math.random() * 100 + '%'; sym.style.animationDuration = (Math.random() * 12 + 7) + 's'; sym.style.animationDelay = Math.random() * 9 + 's'; sym.style.fontSize = (Math.random() * 30 + 14) + 'px'; flurry.appendChild(sym); } for (let i = 0; i < 40; i++) { const bug = document.createElement('div'); bug.className = 'ladybug'; bug.style.left = Math.random() * 100 + '%'; bug.style.animationDuration = (Math.random() * 8 + 6) + 's'; bug.style.animationDelay = Math.random() * 8 + 's'; bug.style.width = (Math.random() * 18 + 4) + 'px'; bug.style.height = bug.style.width; bug.style.background = '#b00'; flurry.appendChild(bug); } for (let i = 0; i < 30; i++) { const spark = document.createElement('div'); spark.className = 'spark'; spark.style.left = Math.random() * 100 + '%'; spark.style.animationDuration = (Math.random() * 6 + 4) + 's'; spark.style.animationDelay = Math.random() * 10 + 's'; flurry.appendChild(spark); } })(); // Надёжное копирование формы function copyFormTemplate() { const template = `Форма подачи:\n1. Ваш Nickname:\n2. Ваше предложение:`; const btn = document.getElementById('copyFormBtn'); // Современный метод if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(template).then(() => { showCopied(btn); }).catch(() => { fallbackCopy(template, btn); }); } else { fallbackCopy(template, btn); } } function fallbackCopy(text, btn) { const textarea = document.createElement('textarea'); textarea.value = text; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); try { const success = document.execCommand('copy'); if (success) { showCopied(btn); } else { alert('Не удалось скопировать. Скопируйте текст вручную.'); } } catch (err) { alert('Ошибка копирования. Попробуйте вручную.'); } document.body.removeChild(textarea); } function showCopied(btn) { btn.classList.add('copied'); btn.innerHTML = '✅ Скопировано!'; setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = '📋 Скопировать форму'; }, 2000); } // Привязываем обработчик к кнопке document.getElementById('copyFormBtn').addEventListener('click', copyFormTemplate);

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

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

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

#Saint Rose | Предложения по улучшению правил чата

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

Nekrasov Fame

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

30 Апр 2026

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

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

Ссылка

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

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

Сверху Снизу