Rev 120 | Rev 139 | 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; |