forked from rDrama/rDrama
move all of wholesome award to translate
parent
712bb52392
commit
7387616100
|
@ -136,7 +136,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes moveX {
|
@keyframes moveX {
|
||||||
from { left: 0; } to { left: 98%; }
|
from {} to {transform: translateX(98vw)}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes moveY {
|
@keyframes moveY {
|
||||||
|
@ -144,18 +144,25 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.seal1 {
|
.seal1 {
|
||||||
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
animation: moveX 4s linear 0s infinite alternate !important;
|
||||||
animation-delay:0s;
|
animation-delay:0s;
|
||||||
}
|
}
|
||||||
|
.seal1 > img {
|
||||||
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="seal seal1" height="100%" width="100%">
|
<div class="seal seal1" height="100%" width="100%">
|
||||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
<img alt=":#marseywholesome:" class="sealimg seal1" src="{{wholesome}}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if p.award_count("wholesome") > 1 %}
|
{% if p.award_count("wholesome") > 1 %}
|
||||||
<style>
|
<style>
|
||||||
.seal2 {
|
.seal2 {
|
||||||
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
|
animation: moveX 5s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:1s;
|
||||||
|
}
|
||||||
|
.seal2 > img {
|
||||||
|
animation: moveY 8s linear 0s infinite alternate !important;
|
||||||
animation-delay:1s;
|
animation-delay:1s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -167,7 +174,11 @@
|
||||||
{% if p.award_count("wholesome") > 2 %}
|
{% if p.award_count("wholesome") > 2 %}
|
||||||
<style>
|
<style>
|
||||||
.seal3 {
|
.seal3 {
|
||||||
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
|
animation: moveX 4s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:2s;
|
||||||
|
}
|
||||||
|
.seal3 > img {
|
||||||
|
animation: moveY 5s linear 0s infinite alternate !important;
|
||||||
animation-delay:2s;
|
animation-delay:2s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -179,7 +190,11 @@
|
||||||
{% if p.award_count("wholesome") > 3 %}
|
{% if p.award_count("wholesome") > 3 %}
|
||||||
<style>
|
<style>
|
||||||
.seal4 {
|
.seal4 {
|
||||||
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
animation: moveX 5s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:3s;
|
||||||
|
}
|
||||||
|
.seal4 > img {
|
||||||
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||||
animation-delay:3s;
|
animation-delay:3s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -211,17 +226,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes moveX {
|
@keyframes moveX {
|
||||||
from { left: 0; } to { left: 98%; }
|
from {} to {transform: translateX(98vw)}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes moveY {
|
@keyframes moveY {
|
||||||
from {} to {transform: translateY(90vh)}
|
from {} to {transform: translateY(90vh)}
|
||||||
}
|
}
|
||||||
|
|
||||||
.toe1 {
|
.toe1 {
|
||||||
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
animation: moveX 4s linear 0s infinite alternate !important;
|
||||||
animation-delay:0s;
|
animation-delay:0s;
|
||||||
}
|
}
|
||||||
|
.toe1 > img {
|
||||||
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="toe toe1" height="100%" width="100%">
|
<div class="toe toe1" height="100%" width="100%">
|
||||||
<img alt="Blade's toe" class="toeimg" src="/assets/images/PCM/toe.webp?v=1">
|
<img alt="Blade's toe" class="toeimg" src="/assets/images/PCM/toe.webp?v=1">
|
||||||
|
@ -230,7 +248,11 @@
|
||||||
{% if p.award_count("toe") > 1 %}
|
{% if p.award_count("toe") > 1 %}
|
||||||
<style>
|
<style>
|
||||||
.toe2 {
|
.toe2 {
|
||||||
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
|
animation: moveX 5s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:1s;
|
||||||
|
}
|
||||||
|
.toe2 > img {
|
||||||
|
animation: moveY 8s linear 0s infinite alternate !important;
|
||||||
animation-delay:1s;
|
animation-delay:1s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -242,7 +264,11 @@
|
||||||
{% if p.award_count("toe") > 2 %}
|
{% if p.award_count("toe") > 2 %}
|
||||||
<style>
|
<style>
|
||||||
.toe3 {
|
.toe3 {
|
||||||
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
|
animation: moveX 4s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:2s;
|
||||||
|
}
|
||||||
|
.toe3 > img {
|
||||||
|
animation: moveY 5s linear 0s infinite alternate !important;
|
||||||
animation-delay:2s;
|
animation-delay:2s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -254,7 +280,11 @@
|
||||||
{% if p.award_count("toe") > 3 %}
|
{% if p.award_count("toe") > 3 %}
|
||||||
<style>
|
<style>
|
||||||
.toe4 {
|
.toe4 {
|
||||||
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
animation: moveX 5s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:3s;
|
||||||
|
}
|
||||||
|
.toe4 > img {
|
||||||
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||||
animation-delay:3s;
|
animation-delay:3s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue