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