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 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('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('Content-Type: text/css; charset=UTF-8'); |
|
40,7 → 40,7 |
|
/* 0.0 to 0.6 s */ |
<?php |
Mixins::keyframes('empty-content', |
Mixins::keyframes('content', |
'from { |
opacity: 0; |
} |
53,33 → 53,12 |
|
.empty.fade-in #content { |
<?php |
Mixins::animation('-name', 'empty-content'); |
Mixins::animation('-name', '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', |
160,7 → 139,7 |
?> |
} |
|
/* 0.0 to 0.625s */ |
/* 0.0 to 0.625 s */ |
<?php |
Mixins::keyframes('bow-top-left', |
'from { |
167,7 → 146,7 |
height: 0; |
} |
|
/* at 0.5s */ |
/* at 0.5 s */ |
80% { |
height: 0; |
}'); |
181,7 → 160,7 |
?> |
} |
|
/* 0.0 to 0.63s */ |
/* 0.0 to 1.125 s */ |
<?php |
Mixins::keyframes('menu-container', |
'from { |
188,43 → 167,39 |
opacity: 0; |
} |
|
/* at ca. 0.61875s */ |
98% { |
/* at ca. 0.61875 s */ |
55% { |
opacity: 0; |
} |
|
to { |
56% { |
opacity: 1; |
}' |
); |
}'); |
?> |
|
.fade-in .menu-container { |
<?php |
Mixins::animation('-name', 'menu-container'); |
Mixins::animation('-duration', '0.63s'); |
Mixins::animation('-duration', '1.125s'); |
Mixins::animation('-timing-function', 'linear'); |
?> |
} |
|
/* 0.0 to 0.63s */ |
/* 0.0 to 1.125 s */ |
<?php |
Mixins::keyframes('menu', <<<CSS |
from { |
opacity: 0; |
} |
Mixins::keyframes('menu', |
'from { |
opacity: 0; |
} |
|
/* at ca. 0.61875 s */ |
98% { |
opacity: 0; |
} |
/* at ca. 0.61875 s */ |
55% { |
opacity: 0; |
} |
|
/* at ca. 0.63 s */ |
to { |
opacity: 1; |
} |
CSS |
); |
56% { |
opacity: 1; |
}'); |
?> |
|
.fade-in .menu |
231,157 → 206,6 |
{ |
<?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'); |
?> |