Rev 122 | Rev 136 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 122 | Rev 123 | ||
---|---|---|---|
Line 347... | Line 347... | ||
347 | Mixins::animation('-name', 'content'); |
347 | Mixins::animation('-name', 'content'); |
348 | Mixins::animation('-duration', '1.125s'); |
348 | Mixins::animation('-duration', '1.125s'); |
349 | Mixins::animation('-timing-function', 'linear'); |
349 | Mixins::animation('-timing-function', 'linear'); |
350 | ?>
|
350 | ?>
|
351 | }
|
351 | }
|
352 | - | ||
353 | <?php |
- | |
354 | Mixins::keyframes('analysis', <<<CSS |
- | |
355 | from, 74% { |
- | |
356 | opacity: 0; |
- | |
357 | }
|
- | |
358 | - | ||
359 | 75%, to { |
- | |
360 | opacity: 1; |
- | |
361 | color: #fc6; |
- | |
362 | }
|
- | |
363 | CSS |
- | |
364 | ); |
- | |
365 | ?>
|
- | |
366 | - | ||
367 | <?php |
- | |
368 | Mixins::keyframes('analysis-scan', <<<CSS |
- | |
369 | from, 25% { |
- | |
370 | color: #fc6; |
- | |
371 | }
|
- | |
372 | - | ||
373 | 26%, to { |
- | |
374 | color: #fff; |
- | |
375 | }
|
- | |
376 | CSS |
- | |
377 | ); |
- | |
378 | - | ||
379 | /* FIXME: :hover hides first row */
|
- | |
380 | ?>
|
- | |
381 | /*
|
- | |
382 | .multi-display .upper .content .analysis tr {
|
- | |
383 | <?php
|
- | |
384 | Mixins::animation('-play-state', 'running');
|
- | |
385 | ?>
|
- | |
386 | }
|
- | |
387 | - | ||
388 | .multi-display .upper .content .analysis:hover tr {
|
- | |
389 | <?php
|
- | |
390 | Mixins::animation('-play-state', 'paused');
|
- | |
391 | ?>
|
- | |
392 | }
|
- | |
393 | */
|
- | |
394 | /* Blink rate 1 Hz should be safe for people with photosensitive epilepsy */
|
- | |
395 | .multi-display .upper .content .analysis tr:nth-child(1) th, |
- | |
396 | .multi-display .upper .content .analysis tr:nth-child(1) td |
- | |
397 | {
|
- | |
398 | <?php |
- | |
399 | Mixins::animation('', 'analysis 1.5s linear 0s, analysis-scan 4s linear 2.0s infinite'); |
- | |
400 | ?>
|
- | |
401 | }
|
- | |
402 | - | ||
403 | .multi-display .upper .content .analysis tr:nth-child(2) th, |
- | |
404 | .multi-display .upper .content .analysis tr:nth-child(2) td |
- | |
405 | {
|
- | |
406 | <?php |
- | |
407 | Mixins::animation('', 'analysis 1.5s linear 0.25s, analysis-scan 4s linear 3.0s infinite'); |
- | |
408 | ?>
|
- | |
409 | }
|
- | |
410 | - | ||
411 | .multi-display .upper .content .analysis tr:nth-child(3) th, |
- | |
412 | .multi-display .upper .content .analysis tr:nth-child(3) td |
- | |
413 | {
|
- | |
414 | <?php |
- | |
415 | Mixins::animation('', 'analysis 1.5s linear 0.5s, analysis-scan 4s linear 4.0s infinite'); |
- | |
416 | ?>
|
- | |
417 | }
|
- |