LCARSes-matrixFAQsJSXOpenCV2-CookbookPHPXESWebE

Català-Valencià - Catalan中文 - Chinese (Simplified)中文 - Chinese (Traditional)Česky - CzechDansk - DanishNederlands - DutchEnglish - EnglishSuomi - FinnishFrançais - FrenchDeutsch - Germanעברית - Hebrewहिंदी - HindiMagyar - HungarianBahasa Indonesia - IndonesianItaliano - Italian日本語 - Japanese한국어 - KoreanМакедонски - Macedonianमराठी - MarathiNorsk - NorwegianPolski - PolishPortuguês - PortuguesePortuguês - Portuguese (Brazil)Русский - RussianSlovenčina - SlovakSlovenščina - SlovenianEspañol - SpanishSvenska - SwedishTürkçe - TurkishУкраїнська - UkrainianOëzbekcha - Uzbek

Compare Revisions

• This comparison shows the changes necessary to convert path

  → / @ 121

  → / @ 122

  ↔ Reverse comparison

• Compare Path:	Rev

  With Path:	Rev

Last modification

• Rev 122 2013-02-18 19:10:15
• Author: PointedEars

• Log message:

  Improved system analysis animation

Ignore whitespace Rev 121 → Rev 122

/trunk/styles/lcars-ani.css
356,14 → 356,35
opacity: 0;
}
75% {
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');
370,31 → 391,27
?>
}
*/
.multi-display .upper .content .analysis tr:nth-child(1) {
/* 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('-name', 'analysis');
Mixins::animation('-duration', '1.5s');
//Mixins::animation('-iteration-count', 'infinite');
Mixins::animation('-timing-function', 'linear');
Mixins::animation('', 'analysis 1.5s linear 0s, analysis-scan 4s linear 2.0s infinite');
?>
}
.multi-display .upper .content .analysis tr:nth-child(2) {
.multi-display .upper .content .analysis tr:nth-child(2) th,
.multi-display .upper .content .analysis tr:nth-child(2) td
{
<?php
Mixins::animation('-name', 'analysis');
Mixins::animation('-delay', '0.25s');
Mixins::animation('-duration', '1.5s');
//Mixins::animation('-iteration-count', 'infinite');
Mixins::animation('-timing-function', 'linear');
Mixins::animation('', 'analysis 1.5s linear 0.25s, analysis-scan 4s linear 3.0s infinite');
?>
}
.multi-display .upper .content .analysis tr:nth-child(3) {
.multi-display .upper .content .analysis tr:nth-child(3) th,
.multi-display .upper .content .analysis tr:nth-child(3) td
{
<?php
Mixins::animation('-name', 'analysis');
Mixins::animation('-delay', '0.5s');
Mixins::animation('-duration', '1.5s');
//Mixins::animation('-iteration-count', 'infinite');
Mixins::animation('-timing-function', 'linear');
Mixins::animation('', 'analysis 1.5s linear 0.5s, analysis-scan 4s linear 4.0s infinite');
?>
}