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

Регистрация

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

Carl_Kutuzov · 2026-09-24T21:19:02+00:00

/* ===== Сброс и база ===== */ .rg-leaders-block * { margin: 0; padding: 0; box-sizing: border-box; } .rg-leaders-block { background: #121212; border-radius: 12px; padding: 60px 28px; margin: 20px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #b8b8b8; border: 1px solid #2e2e2e; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.6); position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 320px; } /* Анимированная полоса сверху */ .rg-leaders-block::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #b2344d, #d9204f, #b2344d); background-size: 200% 100%; animation: leaderGlow 4s ease-in-out infinite; } @keyframes leaderGlow { 0% { background-position: 0% 0%; } 50% { background-position: 100% 0%; } 100% { background-position: 0% 0%; } } @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap'); /* ===== Заголовок ===== */ .leaders-header { text-align: center; margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid #2e2e2e; position: relative; width: 100%; } .leaders-header::after { content: '✦'; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); background: #121212; padding: 0 16px; color: #b2344d; font-size: 18px; animation: starPulse 3s ease-in-out infinite; } @keyframes starPulse { 0%, 100% { opacity: 0.5; transform: translateX(-50%) scale(1); } 50% { opacity: 1; transform: translateX(-50%) scale(1.15); } } .leaders-title { font-size: 2rem; font-weight: 700; color: #e8e8e8; letter-spacing: -0.5px; } .leaders-title span { color: #b2344d; text-shadow: 0 0 30px rgba(178, 52, 77, 0.15); } .leaders-sub { font-size: 0.95rem; color: #6b6b6b; margin-top: 8px; font-weight: 400; letter-spacing: 0.5px; } /* ===== Блок "в процессе" ===== */ .process-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 0; animation: fadeInUp 1s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Анимированная иконка */ .process-icon { width: 72px; height: 72px; margin-bottom: 24px; position: relative; display: flex; align-items: center; justify-content: center; } .process-icon-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid transparent; border-top-color: #b2344d; border-right-color: #b2344d; animation: spinRing 2.4s cubic-bezier(0.6, 0.1, 0.4, 0.9) infinite; } .process-icon-ring-2 { position: absolute; inset: 8px; border-radius: 50%; border: 2px solid transparent; border-bottom-color: #d9204f; border-left-color: #d9204f; animation: spinRingReverse 1.8s cubic-bezier(0.6, 0.1, 0.4, 0.9) infinite; } @keyframes spinRing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinRingReverse { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .process-icon-core { font-size: 26px; line-height: 1; animation: corePulse 2s ease-in-out infinite; } @keyframes corePulse { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.12); opacity: 1; } } /* Текст */ .process-text { font-size: 1.25rem; font-weight: 500; color: #e8e8e8; letter-spacing: 0.3px; position: relative; } .process-text .dots span { display: inline-block; animation: dotBounce 1.6s ease-in-out infinite; } .process-text .dots span:nth-child(1) { animation-delay: 0s; } .process-text .dots span:nth-child(2) { animation-delay: 0.2s; } .process-text .dots span:nth-child(3) { animation-delay: 0.4s; } @keyframes dotBounce { 0%, 80%, 100% { transform: translateY(0); opacity: 0.4; } 40% { transform: translateY(-4px); opacity: 1; } } .process-sub { font-size: 0.85rem; color: #6b6b6b; margin-top: 12px; letter-spacing: 0.4px; animation: subFade 3s ease-in-out infinite; } @keyframes subFade { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } /* Пульсирующая точка-индикатор */ .process-indicator { display: flex; align-items: center; gap: 8px; margin-top: 28px; padding: 6px 18px; border-radius: 40px; background: rgba(178, 52, 77, 0.06); border: 1px solid rgba(178, 52, 77, 0.15); } .process-dot { width: 8px; height: 8px; border-radius: 50%; background: #b2344d; animation: dotGlow 1.6s ease-in-out infinite; } @keyframes dotGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(178, 52, 77, 0.4); opacity: 1; } 50% { box-shadow: 0 0 0 6px rgba(178, 52, 77, 0); opacity: 0.6; } } .process-status { font-size: 0.75rem; color: #b2344d; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 500; } /* ===== Адаптив ===== */ @media (max-width: 640px) { .rg-leaders-block { padding: 40px 16px; min-height: 260px; } .leaders-title { font-size: 1.5rem; } .process-icon { width: 56px; height: 56px; } .process-icon-core { font-size: 20px; } .process-text { font-size: 1.05rem; } } /* ===== Общие ===== */ .rg-leaders-block a { text-decoration: none; } Доска почёта Приморский округ · команда крутых ✦ В процессе создания темы . . . Совсем скоро здесь появятся лучшие из лучших Уже скоро

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

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

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

#ПО | Доска почёта ведущих

Автор темы Carl_Kutuzov
Дата начала Сегодня в 00:19

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

Carl_Kutuzov ⊹67⊹

ГС МП ПО || Денег нет, а работать лень.

Куратор Модерации

Старший Модератор

Руководитель Ведущих

Сегодня в 00:19

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

Ссылка

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

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

Сверху Снизу