Spaces:
Running
Running
File size: 1,204 Bytes
3a074cf 082c329 3a074cf 082c329 3a074cf 082c329 3a074cf 082c329 3a074cf 082c329 3a074cf 7a50ff7 3f7abee 7a50ff7 3f7abee 7a50ff7 3f7abee |
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 |
/* Custom styles beyond Tailwind */
.orbitron {
font-family: 'Orbitron', monospace;
}
.glass-effect {
background: rgba(15, 23, 42, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(147, 51, 234, 0.3);
}
.planet-glow {
filter: drop-shadow(0 0 10px currentColor);
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(15, 23, 42, 0.3);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #9333ea, #ec4899);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, #a855f7, #f472b6);
}
#locationDisplay, #timeDisplay {
cursor: pointer;
transition: opacity 0.3s ease;
}
#locationDisplay:hover, #timeDisplay:hover {
opacity: 0.8;
}
.time-controls {
display: flex;
gap: 8px;
align-items: center;
}
.time-unit {
padding: 4px 8px;
background: rgba(147, 51, 234, 0.2);
border-radius: 4px;
font-size: 12px;
cursor: pointer;
transition: all 0.3s ease;
}
.time-unit:hover {
background: rgba(147, 51, 234, 0.4);
transform: scale(1.05);
}
.time-unit.active {
background: rgba(147, 51, 234, 0.6);
}
|