Subversion Repositories LCARS

Rev

Rev 120 | Rev 125 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 120 Rev 123
Line 15... Line 15...
15
?>@charset "UTF-8";
15
?>@charset "UTF-8";
16
16
17
<?php
17
<?php
18
  if (!isset($_GET['ani']) || $_GET['ani'] !== '0')
18
  if (!isset($_GET['ani']) || $_GET['ani'] !== '0')
19
  {
19
  {
-
 
20
    /* Optional general animations */
20
?>
21
?>
21
@import url("/styles/lcars-ani.css");
22
@import url("/styles/lcars-ani.css");
22
<?php
23
<?php
23
  }
24
  }
24
?>
25
?>
-
 
26
-
 
27
<?php
-
 
28
  /* Non-optional content-specific animations */
-
 
29
  Mixins::keyframes('analysis', <<<CSS
-
 
30
    from, 74% {
-
 
31
      opacity: 0;
-
 
32
    }
-
 
33
-
 
34
    75%, to {
-
 
35
      opacity: 1;
-
 
36
      color: #fc6;
-
 
37
    }
-
 
38
CSS
-
 
39
   );
-
 
40
?>
-
 
41
-
 
42
<?php
-
 
43
  Mixins::keyframes('analysis-scan', <<<CSS
-
 
44
    from, 25% {
-
 
45
      color: #fc6;
-
 
46
    }
-
 
47
   
-
 
48
    26%, to {
-
 
49
      color: #fff;
-
 
50
    }
-
 
51
CSS
-
 
52
   );
-
 
53
   
25
/* FIXME: Does not work */
54
   /* FIXME: :hover hides first row */
-
 
55
?>
-
 
56
/*
-
 
57
.multi-display .upper .content .analysis tr {
-
 
58
  <?php
-
 
59
    Mixins::animation('-play-state', 'running');
-
 
60
  ?>  
-
 
61
}
-
 
62

-
 
63
.multi-display .upper .content .analysis:hover tr {
-
 
64
  <?php
-
 
65
    Mixins::animation('-play-state', 'paused');
-
 
66
  ?>  
-
 
67
}
-
 
68
*/
-
 
69
/* Blink rate 1 Hz should be safe for people with photosensitive epilepsy */
-
 
70
.multi-display .upper .content .analysis tr:nth-child(1) th,
-
 
71
.multi-display .upper .content .analysis tr:nth-child(1) td
-
 
72
{
-
 
73
  <?php
-
 
74
    Mixins::animation('', 'analysis 1.5s linear 0s, analysis-scan 4s linear 2.0s infinite');
-
 
75
  ?>  
-
 
76
}
-
 
77
-
 
78
.multi-display .upper .content .analysis tr:nth-child(2) th,
-
 
79
.multi-display .upper .content .analysis tr:nth-child(2) td
-
 
80
{
-
 
81
  <?php
-
 
82
    Mixins::animation('', 'analysis 1.5s linear 0.25s, analysis-scan 4s linear 3.0s infinite');
-
 
83
  ?>  
-
 
84
}
-
 
85
-
 
86
.multi-display .upper .content .analysis tr:nth-child(3) th,
-
 
87
.multi-display .upper .content .analysis tr:nth-child(3) td
-
 
88
{
-
 
89
  <?php
-
 
90
    Mixins::animation('', 'analysis 1.5s linear 0.5s, analysis-scan 4s linear 4.0s infinite');
-
 
91
  ?>  
-
 
92
}
-
 
93
-
 
94
/* FIXME: Does not work, appended at bottom instead  */
26
/* @import url("/styles/lcars-responsive.css"); */
95
/* @import url("/styles/lcars-responsive.css"); */
27
96
28
body {
97
body {
29
  margin-top: 12em;
98
  margin-top: 12em;
30
  margin-left: 16.8em;
99
  margin-left: 16.8em;