File size: 1,276 Bytes
6c93a54 6b70ecf 6c93a54 6b70ecf 6c93a54 6b70ecf 6c93a54 6b70ecf 6c93a54 6b70ecf 6c93a54 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | /* Global Styles for SxHub */
/* Smooth Scrolling */
html {
scroll-behavior: smooth;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to bottom, #2563eb, #7c3aed);
}
/* Focus Styles */
*:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px;
border-radius: 0.25rem;
}
/* Selection Color */
::selection {
background-color: rgba(59, 130, 246, 0.3);
color: #111827;
}
/* Smooth transitions for interactive elements */
a, button, .interactive {
transition: all 0.2s ease-in-out;
}
/* Custom utility class for glassmorphism */
.glass {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Pulse animation for attention */
@keyframes pulse-glow {
0%, 100% {
box-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
}
50% {
box-shadow: 0 0 20px rgba(59, 130, 246, 0.8);
}
}
.pulse-glow {
animation: pulse-glow 2s infinite;
} |