piranha
/
retarD
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

fix spider award on mobile

master
Aevann 2023-10-20 00:33:17 +03:00
parent 81d313424d
commit a4ee73ad6d
2 changed files with 55 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
files/assets/events/homoween/css/main_homoween.css
View File

@ -232,43 +232,19 @@ body::after {
.spider:nth-child(2) {
animation-delay: 250ms;
animation-duration: 2100ms;
left: 20%;
left: 30%;
}
.spider:nth-child(3) {
animation-delay: 300ms;
animation-duration: 1600ms;
left: 30%;
left: 50%;
}
.spider:nth-child(4) {
animation-delay: 400ms;
animation-duration: 1800ms;
left: 40%;
}
.spider:nth-child(5) {
animation-delay: 240ms;
animation-duration: 1900ms;
left: 50%;
}
.spider:nth-child(6) {
animation-delay: 250ms;
animation-duration: 2300ms;
left: 60%;
}
.spider:nth-child(7) {
animation-delay: 400ms;
animation-duration: 2100ms;
left: 70%;
}
.spider:nth-child(8) {
animation-delay: 4000ms;
animation-duration: 200ms;
left: 80%;
left: 70%;
}
.spider {
@ -283,6 +259,30 @@ body::after {
pointer-events: none;
}
@media (max-width: 768px) {
.spider {
zoom: 0.5;
}
}
@media (max-width: 768px) {
@supports (-moz-appearance:none) {
.spider {
left: 5%;
}
.spider:nth-child(2) {
left: 20%;
}
.spider:nth-child(3) {
left: 35%;
}
.spider:nth-child(4) {
left: 50%;
}
}
}
.spider:hover .body {
transform: rotate(20deg);
transition: 0.4s ease-in-out;
@ -327,19 +327,18 @@ body::after {
.spider .body .eye:after {
background: #222;
width: 7px;
height: 7px;
width: 16px;
height: 16px;
content: "";
display: block;
margin: 55%;
border-radius: 50%;
animation: look 4s infinite;
}
.spider:nth-child(8) .body .eye {
background-color: #FF0000;
background: radial-gradient(#FF9B9B, #FF0000);
.spider:nth-child(4) .body .eye {
background-color: #FF0000;
background: radial-gradient(#FF9B9B, #FF0000);
}
.spider:nth-child(odd) .body .eye:after {
@ -441,7 +440,7 @@ body::after {
position: fixed;
bottom:0;
left: 0;
width:100%;
width: 100%;
height: 100%;
z-index: 1031;
}
@ -724,11 +723,6 @@ body::after {
background-image: url('/assets/events/homoween/images/cursormarsey.webp?x=6') !important;
}
.spider .body .eye::after {
width: 16px;
height: 16px;
}
.post-flair {
padding-top: 5px !important;
}

27
files/templates/events/homoween/awards.html
View File

@ -16,11 +16,28 @@
{% endif %}
{% if p.award_count("spiders", v) %}
{% set spiders = p.award_count("spiders", v) %}
{% for i in range(spiders) %}
{% include "events/homoween/spider.html" %}
{% endfor %}
<div>
{% set spiders = p.award_count("spiders", v) %}
{% for i in range(spiders) %}
<div class="spider">
<div class="spiderweb"></div>
<div class="body">
<div class="eye left"></div>
<div class="eye right"></div>
</div>
<div class="legs left">
<div class="leg"></div>
<div class="leg"></div>
<div class="leg"></div>
</div>
<div class="legs right">
<div class="leg"></div>
<div class="leg"></div>
<div class="leg"></div>
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% if p.award_count("fog", v) %}