forked from rDrama/rDrama
many seals (possibly invading ur beach)
parent
0b8abce409
commit
aa375fbc51
|
@ -34,6 +34,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.seal {
|
||||||
|
position:fixed;
|
||||||
|
z-index:9999;
|
||||||
|
pointer-events: none;
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes moveX {
|
@keyframes moveX {
|
||||||
from { left: 0; } to { left: 98%; }
|
from { left: 0; } to { left: 98%; }
|
||||||
}
|
}
|
||||||
|
@ -42,16 +50,9 @@
|
||||||
from { top: 0; } to { top: 98%; }
|
from { top: 0; } to { top: 98%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.seal {
|
.seal1 {
|
||||||
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
||||||
}
|
animation-delay:0s;
|
||||||
|
|
||||||
.seal {
|
|
||||||
position:fixed;
|
|
||||||
z-index:9999;
|
|
||||||
pointer-events: none;
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="seal seal1" height="100%" width="100%">
|
<div class="seal seal1" height="100%" width="100%">
|
||||||
|
@ -61,15 +62,9 @@
|
||||||
|
|
||||||
{% if p.award_count("wholesome") > 1 %}
|
{% if p.award_count("wholesome") > 1 %}
|
||||||
<style>
|
<style>
|
||||||
@keyframes wholesome2 {
|
|
||||||
0% {top:50%; left:98%;}
|
|
||||||
25% {top:98%; left: 50%}
|
|
||||||
50% {top:50%; left:0%;}
|
|
||||||
75% {top:0%; left: 50%;}
|
|
||||||
100% {top:50%; left:98%;}
|
|
||||||
}
|
|
||||||
.seal2 {
|
.seal2 {
|
||||||
animation-name: wholesome2 !important;
|
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:1s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="seal seal2" height="100%" width="100%">
|
<div class="seal seal2" height="100%" width="100%">
|
||||||
|
@ -79,15 +74,9 @@
|
||||||
|
|
||||||
{% if p.award_count("wholesome") > 2 %}
|
{% if p.award_count("wholesome") > 2 %}
|
||||||
<style>
|
<style>
|
||||||
@keyframes wholesome3 {
|
|
||||||
0% {top:50%; left:0%;}
|
|
||||||
25% {top:0%; left: 50%;}
|
|
||||||
50% {top:50%; left:98%;}
|
|
||||||
75% {top:98%; left: 50%}
|
|
||||||
100% {top:50%; left:0%;}
|
|
||||||
}
|
|
||||||
.seal3 {
|
.seal3 {
|
||||||
animation-name: wholesome3 !important;
|
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:2s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="seal seal3" height="100%" width="100%">
|
<div class="seal seal3" height="100%" width="100%">
|
||||||
|
@ -97,15 +86,9 @@
|
||||||
|
|
||||||
{% if p.award_count("wholesome") > 3 %}
|
{% if p.award_count("wholesome") > 3 %}
|
||||||
<style>
|
<style>
|
||||||
@keyframes wholesome4 {
|
|
||||||
0% {top:98%; left: 50%}
|
|
||||||
25% {top:50%; left:0%;}
|
|
||||||
50% {top:0%; left: 50%;}
|
|
||||||
75% {top:50%; left:98%;}
|
|
||||||
100% {top:98%; left: 50%}
|
|
||||||
}
|
|
||||||
.seal4 {
|
.seal4 {
|
||||||
animation-name: wholesome4 !important;
|
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
|
||||||
|
animation-delay:3s;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="seal seal4" height="100%" width="100%">
|
<div class="seal seal4" height="100%" width="100%">
|
||||||
|
|
Loading…
Reference in New Issue