OpenVibe.MediaHub
92.7 9 files read at 9456fdb, Nov 1, 2026.
Spinners0
No reduced motion0
Hand-set timings13
Hand-set curves7
Colours outside the theme46
Where
25 of 66: the ones that cost most, from as many files as possible. Each opens its line on GitHub.
- Timingpublic/css/pics.css:36
.ovp-drop { position: relative; margin: 6px 0 0; border: 2px dashed color-mix(in srgb, var(--ovp-pink) 55%, var(--ovp-line-strong)); border-radius: 20px; backgr - Timingpublic/css/pics.css:36
.ovp-drop { position: relative; margin: 6px 0 0; border: 2px dashed color-mix(in srgb, var(--ovp-pink) 55%, var(--ovp-line-strong)); border-radius: 20px; backgr - Curvepublic/css/pics.css:36
.ovp-drop { position: relative; margin: 6px 0 0; border: 2px dashed color-mix(in srgb, var(--ovp-pink) 55%, var(--ovp-line-strong)); border-radius: 20px; backgr - Curvepublic/css/pics.css:36
.ovp-drop { position: relative; margin: 6px 0 0; border: 2px dashed color-mix(in srgb, var(--ovp-pink) 55%, var(--ovp-line-strong)); border-radius: 20px; backgr - Timingpublic/css/pics.css:60
.ovp-progress span { display: block; height: 100%; width: 0; background: var(--ovp-pink); transition: width .15s linear; } - Timingpublic/css/pics.css:78
.ovp-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s ease; } - Curvepublic/css/pics.css:78
.ovp-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s ease; } - Timingpublic/css/video.css:78
.ovv-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; } - Curvepublic/css/video.css:78
.ovv-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; } - Timingpublic/css/video.css:116
.ovv-player { display: block; width: 100%; aspect-ratio: var(--ovv-ar, 16 / 9); max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); background: # - Curvepublic/css/video.css:116
.ovv-player { display: block; width: 100%; aspect-ratio: var(--ovv-ar, 16 / 9); max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); background: # - Timingpublic/css/video.css:531
.ovv-pip-bar { position: absolute; inset: 0 0 auto 0; display: flex; align-items: center; gap: 4px; padding: 4px 6px; background: linear-gradient(rgba(0, 0, 0, - Timingpublic/css/video.css:547
.ovv-owner[open] { animation: ovv-owner-in 0.18s ease-out; } - Curvepublic/css/video.css:547
.ovv-owner[open] { animation: ovv-owner-in 0.18s ease-out; } - Timingpublic/css/video.css:556
border: 1px solid var(--ovv-line-strong); background: color-mix(in srgb, var(--ovv-card) 70%, transparent); transition: border-color .15s, background .15s; - Timingpublic/css/video.css:556
border: 1px solid var(--ovv-line-strong); background: color-mix(in srgb, var(--ovv-card) 70%, transparent); transition: border-color .15s, background .15s; - Timingpublic/css/video.css:582
.ovv-stat { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 11px 14px; border: 1px solid var(--ovv-line); border-radius: 14px; backgroun - Timingpublic/css/video.css:582
.ovv-stat { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 11px 14px; border: 1px solid var(--ovv-line); border-radius: 14px; backgroun - Timingpublic/css/video.css:590
html.ov-motion .ovv-stat.is-live .ovv-dot { animation: ovv-pulse 1.6s ease-out infinite; } - Curvepublic/css/video.css:590
html.ov-motion .ovv-stat.is-live .ovv-dot { animation: ovv-pulse 1.6s ease-out infinite; } - Colourpublic/css/pics.css:6
--ovp-pink: #f472b6; - Colourpublic/css/pics.css:7
--ovp-pink-soft: #f9a8d4; - Colourpublic/css/pics.css:8
--ovp-on-pink: #1f0a17; - Colourpublic/css/pics.css:32
.ovp-accent { background: linear-gradient(92deg, var(--ovp-pink), #c084fc 70%); -webkit-background-clip: text; background-clip: text; color: transparent; } - Colourpublic/css/pics.css:81
.ovp-flag { position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, .7); color: #fff; font-size: .72rem; font
Every site · How it is measured · /api/v1/design-health/mediahub