/* File: /css/themes.css Modern Social Community Theme Engine */ :root { --glass-bg: rgba(255, 255, 255, 0.6); --glass-border: rgba(255, 255, 255, 0.2); --text-main: #2d3748; --accent-color: #667eea; } /* --- Global Transitions --- */ body { transition: background 0.5s ease, color 0.3s ease; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* --- Improved Glassmorphism --- */ .glass-card { background: var(--glass-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--glass-border); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); } /* --- Special Animations --- */ @keyframes gradient-bg { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================= SITE THEMES (Applied to ) ========================================= */ /* 1. Cosmic Deep (Dark Premium) */ body.theme-cosmic { background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e); background-size: 400% 400%; animation: gradient-bg 15s ease infinite; color: #e2e8f0; --glass-bg: rgba(15, 20, 30, 0.7); --glass-border: rgba(255, 255, 255, 0.1); } /* 2. Sunset Glow */ body.theme-sunset { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); color: #431c11; } /* 3. Ocean Breeze */ body.theme-ocean { background: linear-gradient(to right, #2bc0e4, #eaecc6); color: #004445; } /* 4. Forest Night (Inspired by your Pinegreen) */ body.theme-forest { background: #0B312B; color: #D1E8E4; --glass-bg: rgba(25, 45, 40, 0.8); } /* ========================================= PROFILE THEMES (Applied to Profile Card) ========================================= */ /* Neon Profile */ .profile-neon { background: #121212 !important; border: 2px solid #00f2ff !important; box-shadow: 0 0 20px rgba(0, 242, 255, 0.4) !important; color: #00f2ff !important; } /* Holographic Profile */ .profile-holographic { background: linear-gradient(45deg, #f06, #9f6, #06f, #f06) !important; background-size: 400% 400%; animation: gradient-bg 5s ease infinite; color: white !important; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } /* Special Name Highlight */ .user-special { color: #ff4d4d !important; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; filter: drop-shadow(0 0 5px rgba(255, 77, 77, 0.5)); } /* News Ticker Improvements */ .news-ticker { background: #e53e3e; color: white; padding: 10px; overflow: hidden; white-space: nowrap; } /* Admin Name Highlight */ .role-admin { color: #ff0000 !important; font-weight: 900; text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); } /* Senior Moderator Highlight */ .role-sr-mod { color: #9b59b6 !important; font-weight: 700; } /* Moderator Highlight */ .role-mod { color: #2ecc71 !important; }