File size: 1,158 Bytes
25373fa ddcc704 25373fa ddcc704 af15d4f ddcc704 25373fa ddcc704 25373fa ddcc704 25373fa ddcc704 25373fa ddcc704 25373fa | 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 66 67 | /* Custom styles that can't be handled by Tailwind */
body {
scroll-behavior: smooth;
}
/* Modal styles */
#offlineModal {
backdrop-filter: blur(5px);
}
#offlineResponse {
min-height: 200px;
max-height: 400px;
overflow-y: auto;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #1a1a1a;
}
::-webkit-scrollbar-thumb {
background: #ef4444;
border-radius: 4px;
}
/* Animation for buttons */
.btn-pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
}
}
/* Custom card hover effect */
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(239, 68, 68, 0.2);
}
/* Dark mode tweaks */
.dark-input {
background-color: #1f2937;
border-color: #374151;
color: #f3f4f6;
}
.dark-input:focus {
border-color: #ef4444;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);
} |