OpenVibe.Actor
89.3 12 files read at 94cccf8, Nov 1, 2026.
Spinners0
No reduced motion0
Hand-set timings27
Hand-set curves12
Colours outside the theme18
Where
25 of 57: the ones that cost most, from as many files as possible. Each opens its line on GitHub.
- Timingpublic/css/actor.css:68
.mode span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); b - Timingpublic/css/actor.css:68
.mode span { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); b - Timingpublic/css/actor.css:111
.tl-item { display: grid; grid-template-columns: 52px 1fr; gap: 10px; font-size: .9rem; position: relative; animation: step-in .25s ease-out; } - Curvepublic/css/actor.css:111
.tl-item { display: grid; grid-template-columns: 52px 1fr; gap: 10px; font-size: .9rem; position: relative; animation: step-in .25s ease-out; } - Timingpublic/css/actor.css:135
.dot-pulse { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #3b82f6); animation: pulse 1.2s ease-in-out infinit - Curvepublic/css/actor.css:135
.dot-pulse { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--accent, #3b82f6); animation: pulse 1.2s ease-in-out infinit - Timingpublic/css/chat.css:17
overflow-y: auto; overscroll-behavior: contain; transform: translateX(-104%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); box-shadow: 0 0 40px rgba( - Curvepublic/css/chat.css:17
overflow-y: auto; overscroll-behavior: contain; transform: translateX(-104%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); box-shadow: 0 0 40px rgba( - Timingpublic/css/chat.css:37
.cs-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent, #f97316); animation: ct-breathe 1.6s ease-in-out infinite; } - Curvepublic/css/chat.css:37
.cs-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent, #f97316); animation: ct-breathe 1.6s ease-in-out infinite; } - Timingpublic/css/chat.css:60
.ct-turn.is-new .ct-bubble { animation: ct-rise .32s cubic-bezier(.2, .8, .2, 1) both; } - Curvepublic/css/chat.css:60
.ct-turn.is-new .ct-bubble { animation: ct-rise .32s cubic-bezier(.2, .8, .2, 1) both; } - Timingpublic/css/chat.css:64
.ct-turn[data-open] .ct-avatar { animation: ct-breathe 1.6s ease-in-out infinite; } - Curvepublic/css/chat.css:64
.ct-turn[data-open] .ct-avatar { animation: ct-breathe 1.6s ease-in-out infinite; } - Timingpublic/css/chat.css:73
.cw-chev { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: - Timingpublic/css/chat.css:76
-webkit-background-clip: text; background-clip: text; color: transparent; animation: ct-shimmer 2.2s linear infinite; font-weight: 550; } - Timingpublic/css/task.css:8
.ps { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 5px 0; color: var(--text-secondary, #96a7c2); line-heig - Curvepublic/css/task.css:8
.ps { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; padding: 5px 0; color: var(--text-secondary, #96a7c2); line-heig - Timingpublic/css/task.css:16
.ps.is-active .ps-mark { border-color: var(--accent, #3b82f6); animation: ps-pulse 1.4s ease-out infinite; } /* the step on now: a ring that pulses out, never - Curvepublic/css/task.css:16
.ps.is-active .ps-mark { border-color: var(--accent, #3b82f6); animation: ps-pulse 1.4s ease-out infinite; } /* the step on now: a ring that pulses out, never - Timingpublic/css/task.css:28
color: var(--accent-light, #60a5fa); background: color-mix(in srgb, var(--accent, #3b82f6) 15%, transparent); border: 1px solid color-mix(in srgb, var(--accent, - Timingpublic/css/task.css:51
.ev-item { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); background: var(--bg-primary, #0a0f1c); scroll-margin-top: 80px; t - Timingpublic/css/task.css:51
.ev-item { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border, #1f2d47); background: var(--bg-primary, #0a0f1c); scroll-margin-top: 80px; t - Timingpublic/css/task.css:91
.follow-form { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; border: 1px solid var(--border-light, #2c3d5c); b - Timingpublic/css/task.css:91
.follow-form { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; border: 1px solid var(--border-light, #2c3d5c); b
Every site · How it is measured · /api/v1/design-health/actor