Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 57 → Rev 58

/trunk/styles/lcars-ani.css
1,13 → 1,13
<?php
namespace de\pointedears\css\least;
 
// \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
//
// /* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
// \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
//
// /* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
// \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
 
/* Cached resource expires in HTTP/1.1 caches 0h after last retrieval */
\header('Cache-Control: max-age=86400, s-maxage=0'/*'86400*/.', must-revalidate, proxy-revalidate');
 
/* Cached resource expires in HTTP/1.0 caches 0h after last retrieval */
\header('Expires: ' . gmdate('D, d M Y H:i:s', time()/* + 86400*/) . ' GMT');
\header('Content-Type: text/css; charset=UTF-8');
 
40,7 → 40,7
 
/* 0.0 to 0.6 s */
<?php
Mixins::keyframes('content',
Mixins::keyframes('empty-content',
'from {
opacity: 0;
}
53,12 → 53,33
 
.empty.fade-in #content {
<?php
Mixins::animation('-name', 'content');
Mixins::animation('-name', 'empty-content');
Mixins::animation('-duration', '0.6s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/*
time in s |0.0 |0.5 |0.75 |1.0 |1.5
: |0.625 : : |1.25
: : |0.63 |0.875
bow-top |------------------>| : : : : : : :
bow-top-left | :-->| : : : : : :
bow-top-text |------------------>| : : : : : : :
menu-container | : :->| : : : : :
footer |------------------>| : : : : : : :
menu | : :->| : : : : :
footer-text |------------------>| : : : : : :
bow-bottom | :> | : : : :
elbo-bg | :>| : : :
elbo | :->| :
elbo-border | :->|
content | :->|
 
1: bow-top-left
 
*/
 
/* 0.0 to 0.5 s */
<?php
Mixins::keyframes('bow-top',
139,7 → 160,7
?>
}
 
/* 0.0 to 0.625 s */
/* 0.0 to 0.625s */
<?php
Mixins::keyframes('bow-top-left',
'from {
146,7 → 167,7
height: 0;
}
 
/* at 0.5 s */
/* at 0.5s */
80% {
height: 0;
}');
160,7 → 181,7
?>
}
 
/* 0.0 to 1.125 s */
/* 0.0 to 0.63s */
<?php
Mixins::keyframes('menu-container',
'from {
167,39 → 188,43
opacity: 0;
}
/* at ca. 0.61875 s */
55% {
/* at ca. 0.61875s */
98% {
opacity: 0;
}
56% {
to {
opacity: 1;
}');
}'
);
?>
 
.fade-in .menu-container {
<?php
Mixins::animation('-name', 'menu-container');
Mixins::animation('-duration', '1.125s');
Mixins::animation('-duration', '0.63s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 1.125 s */
/* 0.0 to 0.63s */
<?php
Mixins::keyframes('menu',
'from {
opacity: 0;
}
Mixins::keyframes('menu', <<<CSS
from {
opacity: 0;
}
/* at ca. 0.61875 s */
55% {
opacity: 0;
}
/* at ca. 0.61875 s */
98% {
opacity: 0;
}
56% {
opacity: 1;
}');
/* at ca. 0.63 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .menu
206,6 → 231,157
{
<?php
Mixins::animation('-name', 'menu');
Mixins::animation('-duration', '0.63s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.75s */
<?php
Mixins::keyframes('bow-bottom', <<<CSS
from {
bottom: 2.6em;
width: 20.6em;
height: 0em;
border-bottom-right-radius: 0em;
opacity: 0;
}
 
/* 0.64125 s */
83% {
bottom: 2.6em;
width: 0em;
height: 0em;
border-bottom-right-radius: 0em;
opacity: 1;
}
 
98% {
bottom: 0.2em;
width: 20.6em;
height: 2.4em;
border-bottom-right-radius: 2em;
}
CSS
);
?>
 
.fade-in #bow-bottom {
<?php
Mixins::animation('-name', 'bow-bottom');
Mixins::animation('-duration', '0.75s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.875s */
<?php
Mixins::keyframes('elbo-bg', <<<CSS
from {
opacity: 0;
}
 
99% {
opacity: 0;
}
 
/* 0.75 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .upper .button,
.fade-in .multi-display .lower .bg
{
<?php
Mixins::animation('-name', 'elbo-bg');
Mixins::animation('-duration', '0.75s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.875 */
<?php
Mixins::keyframes('elbo', <<<CSS
from {
opacity: 0;
}
 
99% {
opacity: 0;
}
 
/* 0.875 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .elbo {
<?php
Mixins::animation('-name', 'elbo');
Mixins::animation('-duration', '0.875s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 1s */
<?php
Mixins::keyframes('elbo-border', <<<CSS
from {
opacity: 0;
}
 
/* 0.99 s */
99% {
opacity: 0;
}
 
/* 1 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .border {
<?php
Mixins::animation('-name', 'elbo-border');
Mixins::animation('-duration', '1s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 1.125s */
<?php
Mixins::keyframes('content', <<<CSS
from {
opacity: 0;
}
99% {
opacity: 0;
}
 
/* 1.125s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in #connectors,
.fade-in #content
{
<?php
Mixins::animation('-name', 'content');
Mixins::animation('-duration', '1.125s');
Mixins::animation('-timing-function', 'linear');
?>