rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

many seals (possibly invading ur beach)

remotes/1693045480750635534/spooky-22
beese_buck 2022-01-18 21:40:09 -08:00 committed by GitHub
parent 0b8abce409
commit aa375fbc51
1 changed files with 16 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
files/templates/submission.html
View File

@ -34,6 +34,14 @@
}
}
.seal {
position:fixed;
z-index:9999;
pointer-events: none;
width: 100% !important;
height: 100% !important;
}
@keyframes moveX {
from { left: 0; } to { left: 98%; }
}
@ -42,16 +50,9 @@
from { top: 0; } to { top: 98%; }
}
.seal {
.seal1 {
animation: moveX 4s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
}
.seal {
position:fixed;
z-index:9999;
pointer-events: none;
width: 100% !important;
height: 100% !important;
animation-delay:0s;
}
</style>
<div class="seal seal1" height="100%" width="100%">
@ -61,15 +62,9 @@
{% if p.award_count("wholesome") > 1 %}
<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 {
animation-name: wholesome2 !important;
animation: moveX 5s linear 0s infinite alternate, moveY 8s linear 0s infinite alternate !important;
animation-delay:1s;
}
</style>
<div class="seal seal2" height="100%" width="100%">
@ -79,15 +74,9 @@
{% if p.award_count("wholesome") > 2 %}
<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 {
animation-name: wholesome3 !important;
animation: moveX 4s linear 0s infinite alternate, moveY 5s linear 0s infinite alternate !important;
animation-delay:2s;
}
</style>
<div class="seal seal3" height="100%" width="100%">
@ -97,15 +86,9 @@
{% if p.award_count("wholesome") > 3 %}
<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 {
animation-name: wholesome4 !important;
animation: moveX 5s linear 0s infinite alternate, moveY 6.8s linear 0s infinite alternate !important;
animation-delay:3s;
}
</style>
<div class="seal seal4" height="100%" width="100%">