mirror of
git://f0xx.org/android_cast
synced 2026-07-29 06:58:51 +03:00
93 lines
1.5 KiB
CSS
93 lines
1.5 KiB
CSS
/* Logo stage: fragments are injected as <img> layers (same box, object-fit: cover). */
|
|
|
|
.hub-logo-stage {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.hub-logo-stage[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.hub-logo-layer {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center center;
|
|
}
|
|
|
|
.hub-logo-layer--space {
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Interactive globe canvas replaces globe + continents + gridOverlay when globe3d=1 */
|
|
.hub-globe-canvas {
|
|
position: fixed;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
cursor: grab;
|
|
touch-action: none;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.hub-globe-canvas.is-dragging {
|
|
pointer-events: auto;
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.hub-logo-layer--globe {
|
|
z-index: 2;
|
|
}
|
|
|
|
.hub-logo-layer--gridOverlay {
|
|
z-index: 4;
|
|
}
|
|
|
|
.hub-logo-layer--continents {
|
|
z-index: 5;
|
|
}
|
|
|
|
.hub-logo-layer--compass {
|
|
z-index: 6;
|
|
left: 54.7%;
|
|
top: 75.9%;
|
|
width: 11.5%;
|
|
height: auto;
|
|
inset: auto;
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: auto;
|
|
cursor: pointer;
|
|
transition: transform 0.22s ease, filter 0.22s ease;
|
|
}
|
|
|
|
.hub-logo-layer--compass:hover,
|
|
.hub-logo-layer--compass:focus-visible {
|
|
transform: translate(-50%, -50%) scale(1.12);
|
|
filter: drop-shadow(0 0 16px rgba(186, 228, 255, 0.55));
|
|
outline: none;
|
|
}
|
|
|
|
.hub-logo-layer--tail {
|
|
z-index: 5;
|
|
}
|
|
|
|
.hub-logo-layer--rocket {
|
|
z-index: 6;
|
|
}
|
|
|
|
[data-theme="light"] .hub-logo-stage {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.hub-globe-canvas {
|
|
cursor: default;
|
|
}
|
|
}
|