diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index a041f66..5987d1c 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -1027,6 +1027,41 @@ button:disabled { opacity: 0.5; cursor: not-allowed; } outline: none; } +/* Where the film was picked up again. Sits over the picture rather than + pushing it down, and clears itself once the viewer is watching. */ +.video-container { position: relative; } + +.video-resumed { + position: absolute; + left: 12px; + top: 12px; + display: flex; + gap: 10px; + align-items: center; + padding: 6px 12px; + border-radius: 999px; + background: rgba(15, 23, 42, 0.82); + color: #e2e8f0; + font-size: 0.85rem; + pointer-events: auto; + animation: video-resumed-fade 6s forwards; +} + +@keyframes video-resumed-fade { + 0%, 70% { opacity: 1; } + 100% { opacity: 0; visibility: hidden; } +} + +.video-resumed .linklike { + background: none; + border: 0; + padding: 0; + color: #7dd3fc; + cursor: pointer; + font: inherit; + text-decoration: underline; +} + .video-loading { text-align: center; color: #94a3b8; |