Subversion Repositories LCARS

Rev

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
}