Форум
тест
| Форум | Тем | Сообщений | Последнее сообщение |
|---|---|---|---|
| 0 | 0 |
/* ---------- 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;
}
Урожайный Форум |
Пользовательские ссылки
Информация о пользователе
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Урожайный Форум
Вы здесь » Урожайный Форум