File manager - Edit - /home/webapp69.cm.in.th/u69319090036/Shop/style.css
Back
/* style.css - Custom stylesheet for e-commerce design enhancements */ body { font-family: 'Plus Jakarta Sans', sans-serif; } /* Glassmorphism custom styling panels */ .glass-panel { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.4); } /* Premium Card hover lift */ .hover-lift { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; } .hover-lift:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } /* Active buttons styling helper */ .active-badge { transition: all 0.2s ease; } .active-badge:hover { border-color: #f97316; /* orange-500 */ color: #f97316; } /* Modal Animations */ #product-modal { transition: opacity 0.25s ease-out; } #product-modal.opacity-100 { opacity: 1; } #product-modal.opacity-100 > div { animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes slideUp { from { transform: translateY(24px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* Custom Scrollbar for list items */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: #f1f5f9; /* slate-100 */ border-radius: 8px; } ::-webkit-scrollbar-thumb { background: #cbd5e1; /* slate-300 */ border-radius: 8px; } ::-webkit-scrollbar-thumb:hover { background: #94a3b8; /* slate-400 */ }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.22 |
proxy
|
phpinfo
|
Settings