forked from axiom-team/astroport
112 lines
1.8 KiB
CSS
112 lines
1.8 KiB
CSS
/**
|
|
Theme Name: Latest October revamp
|
|
Author: Joystick
|
|
Description: October 2019 revamp
|
|
Version: 20
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Text Domain: joystick-hbo-pied-piper
|
|
*/
|
|
|
|
body{
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
video {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
|
|
/* ANIMATIONS */
|
|
|
|
@keyframes fade-in {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(100px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in-element {
|
|
animation: fade-in 1.4s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.fade-in-element-first-delay {
|
|
animation: fade-in 1.4s 0.5s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.fade-in-element-second-delay {
|
|
animation: fade-in 1.4s 0.75s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.slide-up-animation-first-delay,
|
|
.slide-up-animation-second-delay{
|
|
opacity:0;
|
|
}
|
|
|
|
.hidden {
|
|
opacity: 0;
|
|
}
|
|
|
|
.slide-up-animation {
|
|
display: block;
|
|
}
|
|
|
|
@keyframes slide-in-left {
|
|
from {
|
|
opacity:0;
|
|
transform: translateX(-100vh);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in-right {
|
|
0% {
|
|
opacity:0;
|
|
transform: translateX(100vh);
|
|
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.slide-in-left{
|
|
animation: slide-in-left 1s ease-in 0.5;
|
|
}
|
|
|
|
.slide-in-left-first-delay{
|
|
animation: slide-in-left 1s ease-in 1s;
|
|
}
|
|
|
|
.slide-in-left-second-delay{
|
|
animation: slide-in-left 1s ease-in 1s;
|
|
}
|
|
|
|
.slide-in-right{
|
|
animation: slide-in-right 1s ease-in 0.5s;
|
|
}
|
|
|
|
.slide-in-right-first-delay{
|
|
animation: slide-in-right 1s ease-in 1s;
|
|
}
|
|
|
|
.slide-in-right-second-delay{
|
|
animation: slide-in-right 1s ease-in 1s;
|
|
}
|