2022-11-27 02:07:45 +00:00
|
|
|
/*confetti*/
|
|
|
|
#post-award-confetti {
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9998;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
pointer-events: none !important;
|
|
|
|
background-image: url(/assets/images/confetti2.webp);
|
|
|
|
background-repeat: repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*fireworks*/
|
|
|
|
.firework {
|
2022-07-16 21:00:02 +00:00
|
|
|
position:fixed;
|
2022-11-27 02:05:12 +00:00
|
|
|
z-index:9999;
|
2022-11-27 02:07:45 +00:00
|
|
|
pointer-events: none;
|
|
|
|
width: 100% !important;
|
|
|
|
height: 100% !important;
|
|
|
|
pointer-events: none !important;
|
2022-07-16 21:00:02 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.firework img {
|
|
|
|
max-width: 15rem;
|
2022-07-16 21:00:02 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
/*ricardo*/
|
|
|
|
.ricardo {
|
|
|
|
position: fixed;
|
|
|
|
z-index: 9997;
|
|
|
|
pointer-events: none !important;
|
2022-07-16 21:00:02 +00:00
|
|
|
}
|
2022-11-27 02:07:45 +00:00
|
|
|
|
|
|
|
.ricardo img {
|
|
|
|
max-height: 15rem !important;
|
|
|
|
max-height: min(30vw,15rem) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ricardoleft {
|
|
|
|
animation: ricardoleft 2.9s 2 alternate !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ricardoright {
|
|
|
|
animation: ricardoright 2.9s 2 alternate !important;
|
2022-09-29 05:43:29 +00:00
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
@keyframes ricardoleft {
|
|
|
|
from {}
|
|
|
|
to {transform: translateX(200px);}
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
@keyframes ricardoright {
|
|
|
|
from {transform: translateX(110vw);}
|
|
|
|
to {transform: translateX(95vw);}
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
#ricardo1 {
|
|
|
|
top:70%;
|
|
|
|
left:-10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#ricardo2 {
|
|
|
|
top:80%;
|
|
|
|
left:50%;
|
|
|
|
animation: ricardo2 1.7s linear infinite !important;
|
|
|
|
max-height:200px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#ricardo3 {
|
|
|
|
top:85%;
|
|
|
|
animation: ricardo3 10s linear infinite !important;
|
|
|
|
max-height:150px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes ricardo2 {
|
|
|
|
0% {opacity:20%}
|
|
|
|
50% {opacity:100%}
|
|
|
|
100% {opacity:0%}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes ricardo3 {
|
|
|
|
50% {transform: translateX(105vw);}
|
|
|
|
51% {transform: translate(105vw,-86vh) rotate(180deg);}
|
|
|
|
100% {transform: translate(-15vw,-86vh) rotate(180deg);}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
@keyframes ricardo3 {
|
|
|
|
50% {transform: translateX(105vw);}
|
|
|
|
51% {transform: translate(105vw,-86vh) rotate(180deg);}
|
|
|
|
100% {transform: translate(-70vw,-86vh) rotate(180deg);}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*glow*/
|
|
|
|
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
|
|
|
|
color:lightgreen !important;
|
|
|
|
text-shadow:1px 1px 1px darkgreen, 0 0 5px green;
|
|
|
|
}
|
|
|
|
|
|
|
|
.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before {
|
|
|
|
color: lime !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
2022-11-27 02:07:45 +00:00
|
|
|
|
|
|
|
.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before {
|
|
|
|
color: lime !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.glow .arrow-up::before, .glow .arrow-down::before, .glow .score {
|
|
|
|
color: lightgreen;
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.glow .post-body a, .glow .comment-text a {
|
|
|
|
text-decoration: underline;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:05:12 +00:00
|
|
|
/*train*/
|
2022-11-27 02:07:45 +00:00
|
|
|
.train {
|
|
|
|
position:fixed;
|
|
|
|
z-index:9999;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.trainimg {
|
2022-11-09 05:39:05 +00:00
|
|
|
width: 100px !important;
|
|
|
|
height: 51px !important;
|
|
|
|
}
|
2022-11-27 02:07:45 +00:00
|
|
|
|
2022-11-09 05:39:05 +00:00
|
|
|
@media (max-width: 992px) {
|
2022-11-27 02:07:45 +00:00
|
|
|
.trainimg {
|
2022-11-09 05:39:05 +00:00
|
|
|
width: 40px !important;
|
|
|
|
height: 20px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.train1 {
|
|
|
|
top: 10%
|
|
|
|
}
|
|
|
|
|
|
|
|
.train2 {
|
|
|
|
top: 35%
|
|
|
|
}
|
|
|
|
|
|
|
|
.train3 {
|
|
|
|
top: 60%
|
|
|
|
}
|
|
|
|
|
|
|
|
.train4 {
|
|
|
|
top: 85%
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
|
|
|
/*scooter*/
|
2022-11-27 02:07:45 +00:00
|
|
|
.scooterimg {
|
2022-11-09 05:39:05 +00:00
|
|
|
width: 100px !important;
|
|
|
|
height: 135px !important;
|
|
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
2022-11-27 02:07:45 +00:00
|
|
|
.scooterimg {
|
2022-11-09 05:39:05 +00:00
|
|
|
width: 40px !important;
|
|
|
|
height: 54px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
/*seal*/
|
|
|
|
.seal {
|
|
|
|
position:fixed;
|
|
|
|
z-index:9999;
|
|
|
|
pointer-events: none;
|
|
|
|
width: 100% !important;
|
|
|
|
height: 100% !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.sealimg {
|
|
|
|
width: 100px !important;
|
|
|
|
height: 89.5px !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
2022-11-27 02:07:45 +00:00
|
|
|
@media (max-width: 992px) {
|
|
|
|
.sealimg {
|
|
|
|
width: 30px !important;
|
|
|
|
height: 27px !important;
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
2022-11-27 02:07:45 +00:00
|
|
|
|
|
|
|
@keyframes moveX {
|
|
|
|
from {} to {transform: translateX(98vw)}
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
@keyframes moveY {
|
|
|
|
from {} to {transform: translateY(90vh)}
|
|
|
|
}
|
2022-11-09 05:39:05 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal1 {
|
|
|
|
animation: moveX 4s linear 0s infinite alternate !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal1 > img {
|
|
|
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal2 {
|
|
|
|
animation: moveX 5s linear 0s infinite alternate-reverse !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal2 > img {
|
|
|
|
animation: moveY 8s linear 0s infinite alternate-reverse !important;
|
|
|
|
}
|
2022-11-27 02:05:12 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal3 {
|
|
|
|
animation: moveX 4s linear 0s infinite alternate !important;
|
|
|
|
}
|
|
|
|
.seal3 > img {
|
|
|
|
animation: moveY 5s linear 0s infinite alternate-reverse !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|
2022-11-27 02:05:12 +00:00
|
|
|
|
2022-11-27 02:07:45 +00:00
|
|
|
.seal4 {
|
|
|
|
animation: moveX 5s linear 0s infinite alternate-reverse !important;
|
|
|
|
}
|
|
|
|
.seal4 > img {
|
|
|
|
animation: moveY 6.8s linear 0s infinite alternate !important;
|
2022-11-09 05:39:05 +00:00
|
|
|
}
|