/* ---------- FOOTER ---------- */ .footer { background: linear-gradient(180deg, #E7E1D4, #D8CCB5); color: var(--color-text); padding: 40px 20px 25px; font-family: var(--font-main); border: none; box-shadow: none; } .footer-container { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; gap: 30px; } .footer-left { flex: 1 1 250px; } .footer-logo { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; color: var(--color-primary); } .footer-text { font-size: 0.95rem; margin-top: 8px; opacity: 0.85; } .footer-right { display: flex; flex-direction: column; align-items: flex-end; gap: 15px; } .footer-links a { color: var(--color-primary); text-decoration: none; margin-left: 15px; font-size: 0.95rem; transition: color 0.3s, opacity 0.3s; } .footer-links a:hover { color: var(--color-accent); } .footer-socials { display: flex; gap: 10px; font-size: 1.3rem; } .social-icon { color: var(--color-primary); text-decoration: none; transition: transform 0.3s ease, color 0.3s; } .social-icon:hover { transform: scale(1.2); color: var(--color-accent); } /* --- Theme Toggle --- */ .theme-toggle-container { display: flex; align-items: center; gap: 8px; } .theme-toggle { position: relative; display: inline-block; width: 50px; height: 26px; } .theme-toggle input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; inset: 0; background-color: #ccc; border-radius: 34px; cursor: pointer; transition: 0.3s; } .slider:before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform 0.3s; } input:checked + .slider { background-color: var(--color-accent); } input:checked + .slider:before { transform: translateX(24px); } .theme-label { font-size: 0.9rem; color: var(--color-text); opacity: 0.9; } /* --- Bottom Text --- */ .footer-bottom { text-align: center; margin-top: 30px; font-size: 0.85rem; opacity: 0.8; border-top: none !important; box-shadow: none !important; color: var(--color-text); } /* --- DARK THEME SUPPORT --- */ [data-theme='dark'] .footer { background: linear-gradient(180deg, #2C2A26, #1E1C18); color: #EAE6DA; } [data-theme='dark'] .footer-links a, [data-theme='dark'] .footer-logo, [data-theme='dark'] .social-icon, [data-theme='dark'] .theme-label { color: #EAE6DA; } [data-theme='dark'] .footer-links a:hover, [data-theme='dark'] .social-icon:hover { color: var(--color-accent); } /* --- Responsive --- */ @media (max-width: 700px) { .footer-container { flex-direction: column; align-items: center; text-align: center; } .footer-right { align-items: center; } .footer-links a { margin: 0 8px; } } html, body { height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; } /* Контент должен растягиваться на всё оставшееся пространство */ main { flex: 1; } /* Футер всегда внизу */ footer { margin-top: auto; }

Урожайный Форум

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Урожайный Форум


Форум

тест

Форум Тем Сообщений Последнее сообщение
0 0  

Вы здесь » Урожайный Форум


Рейтинг форумов | Создать форум бесплатно