mirror of
git://f0xx.org/android_cast
synced 2026-07-29 07:58:10 +03:00
72 lines
1.2 KiB
CSS
72 lines
1.2 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;
|
|
}
|
|
|
|
.hub-logo-layer--globe {
|
|
z-index: 2;
|
|
}
|
|
|
|
.hub-logo-layer--continents {
|
|
z-index: 3;
|
|
}
|
|
|
|
.hub-logo-layer--gridOverlay {
|
|
z-index: 4;
|
|
}
|
|
|
|
.hub-logo-layer--compass {
|
|
z-index: 5;
|
|
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;
|
|
}
|