File manager - Edit - /home/webapp69.cm.in.th/u69319090001/69319090001/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap'); :root { color-scheme: light dark; } body { font-family: 'Inter', sans-serif; overflow-x: hidden; background-color: #f8fafc; /* Slate-50 */ color: #0f172a; /* Slate-900 */ } html.dark body { background-color: #020617; /* Slate-950 */ color: #f1f5f9; /* Slate-100 */ } h1, h2, h3, h4, h5, h6 { font-family: 'Outfit', sans-serif; } /* Glassmorphism Classes */ .glass-panel { background: rgba(255, 255, 255, 0.65); /* Light glass */ backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(15, 23, 42, 0.08); } html.dark .glass-panel { background: rgba(15, 23, 42, 0.45); /* Dark glass */ border: 1px solid rgba(255, 255, 255, 0.07); } .glass-panel-hover:hover { background: rgba(255, 255, 255, 0.8); border-color: rgba(99, 102, 241, 0.2); box-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.1); } html.dark .glass-panel-hover:hover { background: rgba(15, 23, 42, 0.6); border-color: rgba(99, 102, 241, 0.25); box-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.15); } /* Glow Elements */ .glow-cyan { filter: drop-shadow(0 0 15px rgba(6, 182, 212, 0.4)); } .glow-purple { filter: drop-shadow(0 0 15px rgba(168, 85, 247, 0.4)); } /* Scrollbar Customization */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #020617; } ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, 0.5); /* Indigo-500 */ } /* Grid Pattern Overlay */ .bg-grid-pattern { background-size: 50px 50px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.015) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.015) 1px, transparent 1px); } /* Custom Animations */ @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(1deg); } } .animate-float { animation: float 6s ease-in-out infinite; } @keyframes pulse-slow { 0%, 100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 0.35; transform: scale(1.1); } } .animate-pulse-slow { animation: pulse-slow 8s ease-in-out infinite; } /* Smooth Scrolling */ html { scroll-behavior: smooth; } /* Custom Text Underline Gradient for Active Section Navs */ .active-nav-link { color: #22d3ee; /* Cyan-400 */ } .active-nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #22d3ee, #a855f7); border-radius: 9999px; transition: all 0.3s ease; } /* Tap Target sizes optimization */ .nav-link, button, a { min-height: 44px; display: inline-flex; align-items: center; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.35 |
proxy
|
phpinfo
|
Settings