forked from rDrama/rDrama
1
0
Fork 0

make pumpking award the same size as emoji award

master
Aevann 2023-10-11 19:03:26 +03:00
parent de50a9077b
commit 99d0bc06e4
2 changed files with 10 additions and 9 deletions

View File

@ -540,14 +540,6 @@ body::after {
} }
/* Pumpkin */ /* Pumpkin */
.fall-pumpkin {
color: #fff;
font-size: 1em;
font-family: Serif;
text-shadow: 0 0 1px #000;
pointer-events: none;
}
@keyframes fall-pumpkins-fall { @keyframes fall-pumpkins-fall {
0% { 0% {
top: -20% top: -20%
@ -570,6 +562,11 @@ body::after {
} }
.fall-pumpkin { .fall-pumpkin {
color: #fff;
font-size: 1em;
font-family: Serif;
text-shadow: 0 0 1px #000;
pointer-events: none;
position: absolute; position: absolute;
top: -20%; top: -20%;
z-index: 999; z-index: 999;
@ -583,6 +580,10 @@ body::after {
animation-play-state: running, running animation-play-state: running, running
} }
.fall-pumpkin img {
width: min(60px, 13vw) !important;
}
.fall-pumpkin:nth-of-type(0) { .fall-pumpkin:nth-of-type(0) {
left: 1%; left: 1%;
animation-delay: 0s, 0s animation-delay: 0s, 0s

View File

@ -45,7 +45,7 @@
<div class="fall-pumpkins"> <div class="fall-pumpkins">
{% for i in range(count) %} {% for i in range(count) %}
<div class="fall-pumpkin"> <div class="fall-pumpkin">
<img src="/e/marseypumpking.webp" class="animate-spin" style="width: 80px; height: 80px" alt="animate marsey pumpkin icon"> <img src="/e/marseypumpking.webp" class="animate-spin" alt="animate marsey pumpkin icon">
</div> </div>
{% endfor %} {% endfor %}
</div> </div>