Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 122 → Rev 123

/trunk/styles/lcars22.css
17,12 → 17,81
<?php
if (!isset($_GET['ani']) || $_GET['ani'] !== '0')
{
/* Optional general animations */
?>
@import url("/styles/lcars-ani.css");
<?php
}
?>
/* FIXME: Does not work */
 
<?php
/* Non-optional content-specific animations */
Mixins::keyframes('analysis', <<<CSS
from, 74% {
opacity: 0;
}
 
75%, to {
opacity: 1;
color: #fc6;
}
CSS
);
?>
 
<?php
Mixins::keyframes('analysis-scan', <<<CSS
from, 25% {
color: #fc6;
}
26%, to {
color: #fff;
}
CSS
);
/* FIXME: :hover hides first row */
?>
/*
.multi-display .upper .content .analysis tr {
<?php
Mixins::animation('-play-state', 'running');
?>
}
 
.multi-display .upper .content .analysis:hover tr {
<?php
Mixins::animation('-play-state', 'paused');
?>
}
*/
/* Blink rate 1 Hz should be safe for people with photosensitive epilepsy */
.multi-display .upper .content .analysis tr:nth-child(1) th,
.multi-display .upper .content .analysis tr:nth-child(1) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0s, analysis-scan 4s linear 2.0s infinite');
?>
}
 
.multi-display .upper .content .analysis tr:nth-child(2) th,
.multi-display .upper .content .analysis tr:nth-child(2) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0.25s, analysis-scan 4s linear 3.0s infinite');
?>
}
 
.multi-display .upper .content .analysis tr:nth-child(3) th,
.multi-display .upper .content .analysis tr:nth-child(3) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0.5s, analysis-scan 4s linear 4.0s infinite');
?>
}
 
/* FIXME: Does not work, appended at bottom instead */
/* @import url("/styles/lcars-responsive.css"); */
 
body {
/trunk/styles/lcars-ani.css
349,69 → 349,3
Mixins::animation('-timing-function', 'linear');
?>
}
 
<?php
Mixins::keyframes('analysis', <<<CSS
from, 74% {
opacity: 0;
}
 
75%, to {
opacity: 1;
color: #fc6;
}
CSS
);
?>
 
<?php
Mixins::keyframes('analysis-scan', <<<CSS
from, 25% {
color: #fc6;
}
26%, to {
color: #fff;
}
CSS
);
/* FIXME: :hover hides first row */
?>
/*
.multi-display .upper .content .analysis tr {
<?php
Mixins::animation('-play-state', 'running');
?>
}
 
.multi-display .upper .content .analysis:hover tr {
<?php
Mixins::animation('-play-state', 'paused');
?>
}
*/
/* Blink rate 1 Hz should be safe for people with photosensitive epilepsy */
.multi-display .upper .content .analysis tr:nth-child(1) th,
.multi-display .upper .content .analysis tr:nth-child(1) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0s, analysis-scan 4s linear 2.0s infinite');
?>
}
 
.multi-display .upper .content .analysis tr:nth-child(2) th,
.multi-display .upper .content .analysis tr:nth-child(2) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0.25s, analysis-scan 4s linear 3.0s infinite');
?>
}
 
.multi-display .upper .content .analysis tr:nth-child(3) th,
.multi-display .upper .content .analysis tr:nth-child(3) td
{
<?php
Mixins::animation('', 'analysis 1.5s linear 0.5s, analysis-scan 4s linear 4.0s infinite');
?>
}