/* style.css (Общие стили) */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* Общие стили */ body { line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* --- Стили TikTok (Главная страница) --- */ /* Этот класс должен быть добавлен в главной страницы */ body.tiktok-theme { background: #000; color: #fff; } .tiktok-theme .header { background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); position: fixed; width: 100%; top: 0; z-index: 100; border-bottom: none; } .tiktok-theme .header .container { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; } .tiktok-theme .logo { font-size: 24px; font-weight: bold; color: #fe2c55; /* Розово-красный */ } /* Элементы главной страницы */ .tiktok-theme .hero { padding: 120px 0 80px; text-align: center; } .tiktok-theme .features { display: flex; justify-content: center; gap: 30px; margin: 50px 0; flex-wrap: wrap; } .tiktok-theme .feature { flex: 1; min-width: 250px; max-width: 300px; background: rgba(255, 255, 255, 0.05); padding: 30px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); text-align: center; } .tiktok-theme .page-item { background: rgba(255, 255, 255, 0.05); color: #fff; } /* --- Стили Material (Админка - Используются на admin.html) --- */ /* Общие стили форм и кнопок (для Админки) */ body.admin-theme { background: #f0f2f5; color: #333; } .admin-theme .login-form, .admin-theme .admin-panel { max-width: 600px; margin: 100px auto; padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .admin-theme input[type="text"], .admin-theme input[type="password"], .admin-theme input[type="url"], .admin-theme #captchaInput { width: 100%; padding: 12px 15px; margin: 10px 0; background: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; color: #333; font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; } .admin-theme button { background: #2196f3; color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 16px; margin: 5px 0; transition: background-color 0.3s, box-shadow 0.3s; } .admin-theme button:hover { background: #1976d2; } .admin-theme .add-video-btn { background: #4caf50 !important; width: 40px; flex-shrink: 0; padding: 5px 0; margin: 0; } /* Адаптивность (Общая) */ @media (max-width: 768px) { .tiktok-theme .features { flex-direction: column; align-items: center; } .tiktok-theme .feature { width: 100%; max-width: none; } }