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

Merge branch 'master' into marseyfx

pull/206/head
transbitch 2023-10-08 21:05:47 -04:00
parent 182ee41d6a 21a6f30697
commit 9f6e779b00
610 changed files with 21254 additions and 15984 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
env_template.env
View File

@ -13,8 +13,7 @@ export TURNSTILE_SECRET='blahblahblah'
export YOUTUBE_KEY='blahblahblah'
export VAPID_PUBLIC_KEY='blahblahblah'
export VAPID_PRIVATE_KEY='blahblahblah'
export DONATE_SERVICE='blahblahblah'
export DONATE_LINK='https://blahblahblah'
export DONATE_LINK='blahblahblah'
export CF_KEY='blahblahblah'
export CF_ZONE='blahblahblah'
export DEBIAN_FRONTEND='noninteractive'

259
files/assets/css/awards.css
View File

@ -1,3 +1,5 @@
/*generic*/
#awards-container {
position: absolute;
overflow: hidden;
@ -9,62 +11,107 @@
position: absolute;
}
.stackable-container div,
.stackable-container img, .ricardo {
.stackable-container div, .stackable-container img, .ricardo {
animation-iteration-count: infinite !important;
animation-timing-function: linear !important;
}
.scooter img {
width: min(7vw, 50px) !important;
/*emoji*/
.emoji-award img, .emoji-hz-award img {
width: min(10vw, 60px) !important;
}
.wholesome img {
width: min(8vw, 60px) !important;
.emoji-award:nth-child(even) {
animation-direction: alternate-reverse;
}
.train img {
width: min(10vw, 80px) !important;
.emoji-award:nth-child(2) img, .emoji-award:nth-child(3) img, .emoji-award:nth-child(6) img, .emoji-award:nth-child(7) img, .emoji-award:nth-child(10) img, .emoji-award:nth-child(11) img, .emoji-award:nth-child(14) img, .emoji-award:nth-child(15) img, .emoji-award:nth-child(18) img, .emoji-award:nth-child(19) img {
animation-direction: alternate-reverse;
}
.wholesome:nth-child(even),
.wholesome:nth-child(n+2):nth-child(n+3) img
{animation-direction: alternate-reverse}
@keyframes sealX {
100% {transform: translateX(98vw)}
@keyframes emojiX {
100% {
transform: translateX(98vw);
}
}
@keyframes emojiY {
100% {
transform: translateY(80vh);
}
@keyframes sealY {
100% {transform: translateY(80vh)}
}
.train:nth-child(1), .scooter:nth-child(1) {top:2%}
.train:nth-child(2), .scooter:nth-child(2) {top:27%}
.train:nth-child(3), .scooter:nth-child(3) {top:52%}
.train:nth-child(4), .scooter:nth-child(4) {top:77%}
.train:nth-child(odd) {animation-direction: reverse;}
.train:nth-child(odd) img {transform: scaleX(-1);}
@keyframes train {
from {transform: translateX(-10vw)}
to {transform: translateX(110vw)}
.emoji-award {
animation: emojiX 8s alternate;
}
.emoji-award img {
animation: emojiY 9s alternate;
}
.scooter:nth-child(even) {animation-direction: reverse;}
.scooter:nth-child(even) img {transform: scaleX(-1);}
.wholesome {animation: sealX 8s alternate}
.wholesome img {animation: sealY 9s alternate}
.train, .scooter {animation: train 12s;}
@media (max-width: 768px) {
.wholesome {animation: sealX 6s alternate}
.wholesome img {animation: sealY 7s alternate}
.train, .scooter {animation: train 6s;}
.emoji-award {
animation: emojiX 6s alternate;
}
.emoji-award img {
animation: emojiY 7s alternate;
}
}
.emoji-hz-award:nth-child(odd) {
animation-direction: reverse;
}
.emoji-hz-award:nth-child(odd) img {
transform: scaleX(-1);
}
.emoji-hz-award:nth-child(1), .emoji-hz-award:nth-child(5), .emoji-hz-award:nth-child(9), .emoji-hz-award:nth-child(13), .emoji-hz-award:nth-child(17) {
top: 2%;
}
.emoji-hz-award:nth-child(2), .emoji-hz-award:nth-child(6), .emoji-hz-award:nth-child(10), .emoji-hz-award:nth-child(14), .emoji-hz-award:nth-child(18) {
top: 27%;
}
.emoji-hz-award:nth-child(3), .emoji-hz-award:nth-child(7), .emoji-hz-award:nth-child(11), .emoji-hz-award:nth-child(15), .emoji-hz-award:nth-child(19) {
top: 52%;
}
.emoji-hz-award:nth-child(4), .emoji-hz-award:nth-child(8), .emoji-hz-award:nth-child(12), .emoji-hz-award:nth-child(16), .emoji-hz-award:nth-child(20) {
top: 77%;
}
@keyframes emoji-hz {
0% {
transform: translateX(-10vw);
}
100% {
transform: translateX(110vw);
}
}
.emoji-hz-award {
animation: emoji-hz 12s;
}
@media (max-width: 768px) {
.emoji-hz-award {
animation: emoji-hz 6s;
}
}
.animation-delay-1 {
animation-delay: 1s !important;
}
.animation-delay-2 {
animation-delay: 2s !important;
}
.animation-delay-3 {
animation-delay: 3s !important;
}
.animation-delay-4 {
animation-delay: 4s !important;
}
.emoji-award, .emoji-hz-award {
transform: translateX(-10vw);
}
/*confetti*/
@ -155,14 +202,132 @@
.tilt-comment-1 {
transform: rotate(1deg);
}
.tilt-comment-2 {
transform: rotate(2deg);
}
.tilt-comment-3 {
transform: rotate(3deg);
}
.tilt-comment-4 {
.tilt-comment-2 {
transform: rotate(4deg);
}
.tilt-comment-3 {
transform: rotate(6deg);
}
.tilt-comment-4 {
transform: rotate(8deg);
}
.rainbow-text:not(a), h1.rainbow-text.post-title a {
background: repeating-linear-gradient(
135deg,
violet,
#b25eee 20px,
lightblue 40px,
green 60px,
yellow 80px,
orange 100px,
#ff7f7f 120px
);
color: transparent !important;
font-weight: 700 !important;
background-clip: text !important;
-webkit-background-clip: text !important;
animation: 60s linear 0s infinite move-colors;
}
.gold-text:not(a), h1.gold-text.post-title a, :not(td) > a[href="/h/highrollerclub"]:not(.hole-flair) {
font-family: open sans,sans-serif !important;
background: repeating-linear-gradient(
45deg,
gold,
#debd00 20px,
#cdae00 60px
);
color: transparent !important;
font-weight: 700 !important;
background-clip: text !important;
-webkit-background-clip: text !important;
animation: 60s linear 0s infinite move-colors;
}
.queen:not(a) img, .emoji-award:not(.ectoplasm), h1.queen.post-title a {
color: hotpink !important;
font-weight: 700 !important;
text-transform: lowercase !important;
}
.sharpen:not(a), h1.sharpen.post-title a {
color: red !important;
font-weight: bold !important;
font-style: italic !important;
}
.sharpen-0:after {
background: url("/i/sharpen/0.webp?x=6");
}
.sharpen-1:after {
background: url("/i/sharpen/1.webp?x=6");
}
.sharpen-2:after {
background: url("/i/sharpen/2.webp?x=6");
}
.sharpen-3:after {
background: url("/i/sharpen/3.webp?x=6");
}
.sharpen-4:after {
background: url("/i/sharpen/4.webp?x=6");
}
.sharpen-5:after {
background: url("/i/sharpen/5.webp?x=6");
}
.sharpen-6:after {
background: url("/i/sharpen/6.webp?x=6");
}
.sharpen-7:after {
background: url("/i/sharpen/7.webp?x=6");
}
.sharpen-8:after {
background: url("/i/sharpen/8.webp?x=6");
}
.sharpen-9:after {
background: url("/i/sharpen/9.webp?x=6");
}
.rainbow-text:not(a) > p, .gold-text:not(a) > p {
color: transparent !important;
}
.rainbow-text del, .gold-text del {
color: var(--black);
font-weight: 400;
}
@keyframes move-colors {
from {background-position: 0px;}
to {background-position: 1000px;}
}
@keyframes lgbt {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(360deg); }
}
.zozbot, [pride_username], :not(td) > a[href="/h/countryclub"]:not(.hole-flair) {
color: red;
animation: lgbt 3s linear infinite;
}
[pride_username].patron, :not(td) > a[href="/h/countryclub"].hole-flair {
background-color: red;
animation: lgbt 2s linear infinite;
}
:not(td) > a[href="/h/highrollerclub"].hole-flair {
font-family: open sans,sans-serif !important;
background: repeating-linear-gradient(
45deg,
gold,
#debd00 20px,
#cdae00 60px
);
font-weight: 700 !important;
background-clip: text !important;
animation: 60s linear 0s infinite move-colors;
}

2
files/assets/css/casino/blackjack_screen.css
View File

@ -6,8 +6,6 @@
max-width: 470px;
overflow: auto;
box-shadow: 1px 1px 5px 1px rgba(60, 60, 60, 0.81) inset;
-webkit-box-shadow: 1px 1px 5px 1px rgba(60, 60, 60, 0.81) inset;
-moz-box-shadow: 1px 1px 5px 1px rgba(60, 60, 60, 0.81) inset;
}
.blackjack-cardset__PLAYING {

10
files/assets/css/casino/game_screen.css
View File

@ -13,7 +13,6 @@
#casinoGameResult {
visibility: hidden;
margin-top: 1rem;
}
#casinoGameFeedList {
@ -42,8 +41,6 @@
position: relative;
z-index: 3;
box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
-webkit-box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
-moz-box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
}
.flipped-playing-card {
@ -67,8 +64,6 @@
border: 1px solid #21262C;
background-color: #FFF;
box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
-webkit-box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
-moz-box-shadow: -5px 5px 5px 0px rgba(60, 60, 60, 0.56);
}
.playing-card_red {
@ -177,3 +172,8 @@
font-weight: 700;
}
}
#casinoGameResult:empty {
margin: 0 !important;
padding: 0 !important;
}

25
files/assets/css/chat.css
View File

@ -21,7 +21,6 @@
}
#chat-window {
-ms-overflow-style: none;
scrollbar-width: none;
}
@ -80,7 +79,6 @@ p {
}
.chat-line {
overflow: hidden;
padding: 0 0 0 10px;
margin: 0 0 0 15px;
}
@ -152,7 +150,6 @@ img[alt^="![]("], .img {
}
* {
-ms-overflow-style: none;
scrollbar-width: none;
}
@ -173,3 +170,25 @@ img[alt^="![]("], .img {
padding-top: 1px !important;
}
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
@media (max-width: 768px) {
h1, h2, h3, h4, h5, h6 {
margin-top: 0.5rem;
margin-bottom: 0.3rem;
}
}
@media (min-width: 768px) {
#chatsend, #shrink .format .fas {
font-size: 1.3rem !important;
}
}
#message * {
vertical-align: middle;
}

474
files/assets/css/main.css
View File

@ -68,7 +68,7 @@
.fa-smile-beam:before{content:"\f5b8"}
.fa-feather-alt:before{content:"\f56b"}
.fa-file-signature:before{content:"\f573"}
.fa-filter:before{content:"\f0b0"}
.fa-cogs:before{content:"\f085"}
.fa-fire:before{content:"\f06d"}
.fa-fireplace:before{content:"\f79a"}
.fa-fish:before{content:"\f578"}
@ -214,6 +214,8 @@
.fa-ankh:before{content:"\f644"}
.fa-quotes:before{content:"\e234"}
.fa-tv:before{content:"\f26c"}
.fa-heart:before{content:"\f004"}
.fa-coin:before{content:"\f85c"}
/* do not remove - fixes hand, talking, marsey-love components
from breaking out of the comment box
@ -396,10 +398,6 @@ button, [type=button], [type=reset], [type=submit] {
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio], input[type=checkbox] {
box-sizing: border-box;
padding: 0;
@ -696,20 +694,6 @@ pre code {
background-clip: padding-box;
border: 1px solid var(--gray-400);
border-radius: 0.35rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control:focus {
color: #495057;
@ -726,10 +710,6 @@ pre code {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
@ -799,12 +779,6 @@ textarea.form-control {
font-size: 1rem;
line-height: 1.5;
border-radius: 0.35rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
@ -976,14 +950,6 @@ input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
@ -994,12 +960,6 @@ input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup, .dropdown {
position: relative;
@ -1273,12 +1233,6 @@ input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].
width: calc(1rem - 4px);
height: calc(1rem - 4px);
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
@ -1287,14 +1241,6 @@ input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-control-label::before {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before {
transition: none;
}
}
.nav {
display: flex;
flex-wrap: wrap;
@ -1335,7 +1281,6 @@ nav
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
transition: border-bottom .2s;
}
.navbar-active
{
@ -1645,12 +1590,6 @@ nav
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.35rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none;
}
}
a.badge:hover, a.badge:focus {
text-decoration: none;
@ -1876,14 +1815,8 @@ button.close {
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
@ -2129,12 +2062,6 @@ button.close {
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
@ -2172,12 +2099,6 @@ button.close {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
@ -3320,6 +3241,9 @@ a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus
}
@media (min-width: 992px) {
.pt-lg-3 {
padding-top: 1rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
}
@ -3493,16 +3417,12 @@ body {
color: var(--black);
background-color: rgb(var(--background));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
font-size: 14px;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
#settings, #submit {
@ -3823,13 +3743,11 @@ label.color-radio span {
#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--primary);
background-color: transparent;
transition: ease 0.25s;
border-bottom: 2px solid var(--primary);
}
#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link {
color: var(--primary);
background-color: transparent;
transition: ease 0.25s;
border-bottom: 2px solid var(--primary);
}
.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus {
@ -3845,27 +3763,14 @@ label.color-radio span {
.form-inline.search .form-control::placeholder {
color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
color: var(--black);
}
.form-control {
color: var(--muted);
border-color: var(--muted);
border-width: 2px;
background: #dee2e6;
transition: none;
}
.form-control:disabled, [readonly] {
background-color: var(--dark) !important;
@ -3887,12 +3792,6 @@ label.color-radio span {
.form-control::placeholder {
color: var(--black);
}
.form-control::-ms-input-placeholder {
color: var(--black);
}
.form-control::-ms-input-placeholder {
color: var(--black);
}
label {
font-weight: 600;
font-size: 12px;
@ -3919,7 +3818,6 @@ label.terms {
padding: 0.5rem 1rem;
border-radius: 0.35rem;
color: var(--black);
transition: background .1s, transform .2s;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
color: var(--black);
@ -3938,10 +3836,6 @@ small, .small {
font-size: 12px;
}
.fa-rotate--45 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon::before {
@ -4029,6 +3923,7 @@ small, .small {
.score {
color: var(--black);
font-size: 1.1rem;
word-break: initial !important;
}
.score-up {
color: var(--primary);
@ -4259,14 +4154,14 @@ small, .small {
color: var(--muted);
font-size: 12px;
width: 100%;
overflow-x: auto;
overflow: hidden;
}
.posts .ghost-post .post-meta {
min-height: 30px;
}
.sub-flair {
.hole-flair {
padding: 3px 5px 2px 5px;
border-radius: 5px;
color: white;
@ -4274,7 +4169,7 @@ small, .small {
margin-right: 3px;
font-weight: bold;
}
.sub-flair:hover {
.hole-flair:hover {
color: var(--white);
text-decoration: none;
}
@ -4625,7 +4520,7 @@ ul.comment-section {
padding: 0.5rem 0.75rem;
min-height: 84px;
}
.comment-format, .ghostdiv {
.format-btns, .ghostdiv {
display: flex;
align-items: center;
bottom: 0;
@ -4638,6 +4533,8 @@ ul.comment-section {
padding: 0.3rem 0.4rem;
font-size: 1rem;
color: var(--gray-200);
margin-top: auto !important;
margin-bottom: auto !important;
}
.format:hover {
color: var(--black);
@ -4901,18 +4798,9 @@ ul.comment-section {
height: calc(1.5rem - 4px);
background-color: #000;
border-radius: 2rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: var(--white);
-webkit-transform: translateX(1.25rem);
transform: translateX(1.25rem);
}
pre code {
@ -5105,6 +4993,9 @@ pre .com, code .com {
padding-left: 0;
margin-top: 1.5rem;
}
.comment:first-child {
margin-top: 1rem;
}
.comment.collapsed .user-info {
padding-top: 0.5rem;
}
@ -5158,7 +5049,6 @@ pre .com, code .com {
}
textarea, input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
@ -5435,42 +5325,34 @@ textarea {
}
.mirrored {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
span[alt^=":"][alt*="!"] {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
span[alt^=":"][alt*="!!"] {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
span[alt^=":"][alt*="!!"][alt*="pat"] {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
img[alt^=":"][alt*="!!"] {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
img[alt^=":"][alt*="!"] {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
span[alt^=":"][alt*="!"] > img[alt^=":"][alt*="!"] {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
span[alt^=":"][alt*="!!"] > img[alt^=":"][alt*="!"] {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
@media (max-width: 768px) {
@ -5593,7 +5475,6 @@ span > img[src$="/i/love-foreground.webp"]+img[src$="/i/love-background.webp"]+i
bottom: -2%;
left: 33%;
transform: scaleX(-1) rotate(-10deg);
-webkit-transform: scaleX(-1) rotate(-10deg);
}
span > img[src$="/i/love-foreground.webp"] {
@ -5680,7 +5561,6 @@ lite-youtube::before {
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-youtube::after {
@ -5708,7 +5588,6 @@ lite-youtube > .lty-playbtn {
z-index: 1;
background-color: transparent;
background-image: url('/i/youtube.webp?x=6');
transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
@ -5794,39 +5673,14 @@ span > img[src$="/i/hand.webp"]+img[party]:not([data-src]) {
pat-pfp-anim .3s infinite;
}
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
.glow, .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;
}
.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before {
color: lime !important;
}
.glow .arrow-up::before, .glow .arrow-down::before, .glow .score {
color: lightgreen;
}
.glow .post-body a, .glow .comment-text a {
.glow a:not(h1.post-title > a) {
text-decoration: underline;
}
@keyframes rb {
10% { color: red; }
20% { color: orange; }
30% { color: yellow; }
40% { color: green; }
50% { color: cyan; }
70% { color: blue; }
80% { color: indigo; }
90% { color: violet; }
}
.zozbot {
font-weight: bold;
animation: rb 8s linear infinite;
}
.text-black {
color: var(--black);
}
@ -5933,8 +5787,7 @@ html {
padding: 2px 5px 3px 5px;
border-radius: 5px;
color:white!important;
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet );
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
@ -6368,20 +6221,20 @@ audio, video {
font-size: 0.95rem;
}
.sidebar-wpd--flairs {
.sidebar-wpd--holes {
display: grid;
align-items: center;
grid-gap: 1px;
}
.sidebar-wpd--flairs--3 {
.sidebar-wpd--holes--3 {
grid-template-columns: repeat(3, 1fr);
}
.sidebar-wpd--flairs--2 {
.sidebar-wpd--holes--2 {
grid-template-columns: repeat(2, 1fr);
}
.sidebar-wpd--flairs a {
.sidebar-wpd--holes a {
padding: 5px 5px 4px 5px;
text-align: center;
color: var(--muted);
@ -6389,7 +6242,7 @@ audio, video {
box-shadow: 0 0 0 1px var(--primary);
}
.sidebar-wpd--flairs a:hover {
.sidebar-wpd--holes a:hover {
color: #fff;
text-decoration: none;
}
@ -6484,69 +6337,69 @@ g {
font-style:normal;
font-weight:400;
font-display:block;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype")
src:url(/assets/fonts/fa-regular-400.woff2) format("woff2"),
url(/assets/fonts/fa-regular-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 6 Pro";
font-style:normal;
font-weight:900;
font-display:block;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
src:url(/assets/fonts/fa-solid-900.woff2) format("woff2"),
url(/assets/fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Brands";
font-display:block;
font-weight:400;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype")
src:url(/assets/fonts/fa-brands-400.woff2) format("woff2"),
url(/assets/fonts/fa-brands-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:900;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
src:url(/assets/fonts/fa-solid-900.woff2) format("woff2"),
url(/assets/fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:400;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype")
src:url(/assets/fonts/fa-regular-400.woff2) format("woff2"),
url(/assets/fonts/fa-regular-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:300;
src:url(../fonts/fa-light-300.woff2) format("woff2"),
url(../fonts/fa-light-300.ttf) format("truetype")
src:url(/assets/fonts/fa-light-300.woff2) format("woff2"),
url(/assets/fonts/fa-light-300.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Duotone";
font-display:block;
font-weight:900;
src:url(../fonts/fa-duotone-900.woff2) format("woff2"),
url(../fonts/fa-duotone-900.ttf) format("truetype")
src:url(/assets/fonts/fa-duotone-900.woff2) format("woff2"),
url(/assets/fonts/fa-duotone-900.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
src:url(/assets/fonts/fa-solid-900.woff2) format("woff2"),
url(/assets/fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype")
src:url(/assets/fonts/fa-brands-400.woff2) format("woff2"),
url(/assets/fonts/fa-brands-400.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype");
src:url(/assets/fonts/fa-regular-400.woff2) format("woff2"),
url(/assets/fonts/fa-regular-400.ttf) format("truetype");
unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,
u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,
u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,
@ -6558,8 +6411,8 @@ g {
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-v4compatibility.woff2) format("woff2"),
url(../fonts/fa-v4compatibility.ttf) format("truetype");
src:url(/assets/fonts/fa-v4compatibility.woff2) format("woff2"),
url(/assets/fonts/fa-v4compatibility.ttf) format("truetype");
unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,
u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,
u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a;
@ -6569,22 +6422,22 @@ g {
font-style:normal;
font-weight:300;
font-display:block;
src:url(../fonts/fa-light-300.woff2) format("woff2"),
url(../fonts/fa-light-300.ttf) format("truetype");
src:url(/assets/fonts/fa-light-300.woff2) format("woff2"),
url(/assets/fonts/fa-light-300.ttf) format("truetype");
}
@font-face{
font-family:"Font Awesome 6 Brands";
font-style:normal;font-weight:400;
font-display:block;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype");
src:url(/assets/fonts/fa-brands-400.woff2) format("woff2"),
url(/assets/fonts/fa-brands-400.ttf) format("truetype");
}
@font-face{
font-family:"Font Awesome 6 Duotone";
font-style:normal;font-weight:900;
font-display:block;
src:url(../fonts/fa-duotone-900.woff2) format("woff2"),
url(../fonts/fa-duotone-900.ttf) format("truetype");
src:url(/assets/fonts/fa-duotone-900.woff2) format("woff2"),
url(/assets/fonts/fa-duotone-900.ttf) format("truetype");
}
:root{
@ -6618,7 +6471,6 @@ g {
opacity:var(--fa-secondary-opacity,.4);
}
.fa,.fab,.fad,.fal,.far,.fas{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:var(--fa-display,inline-block);
font-style:normal;
@ -6631,7 +6483,7 @@ g {
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-fw{text-align:center;width:1.25em}
.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.fa-flip-horizontal{transform:scaleX(-1)}
.fa-stack{
display:inline-block;
height:2em;
@ -6685,8 +6537,7 @@ g {
margin: 5px 1px;
border-radius: 5px;
color:white!important;
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet );
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
font-weight: 600;
border: 2px solid var(--primary);
@ -6753,65 +6604,9 @@ g {
margin-right: 10px;
}
.rainbow-text:not(a) {
background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important;
color: transparent !important;
background-clip: text !important;
-webkit-background-clip: text !important;
font-weight: 700 !important;
}
.queen:not(a) {
color: hotpink !important;
font-weight: 700 !important;
text-transform: lowercase !important;
}
.sharpen:not(a) {
color: red !important;
font-weight: bold !important;
font-style: italic !important;
}
.sharpen-0:after {
background: url("/i/sharpen/0.webp?x=6");
}
.sharpen-1:after {
background: url("/i/sharpen/1.webp?x=6");
}
.sharpen-2:after {
background: url("/i/sharpen/2.webp?x=6");
}
.sharpen-3:after {
background: url("/i/sharpen/3.webp?x=6");
}
.sharpen-4:after {
background: url("/i/sharpen/4.webp?x=6");
}
.sharpen-5:after {
background: url("/i/sharpen/5.webp?x=6");
}
.sharpen-6:after {
background: url("/i/sharpen/6.webp?x=6");
}
.sharpen-7:after {
background: url("/i/sharpen/7.webp?x=6");
}
.sharpen-8:after {
background: url("/i/sharpen/8.webp?x=6");
}
.sharpen-9:after {
background: url("/i/sharpen/9.webp?x=6");
}
.rainbow-text:not(a) > p {
color: transparent !important;
}
.btn-rainbow {
color:white !important;
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important;
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important;
background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet ) !important;
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important;
}
@ -6933,14 +6728,14 @@ div.markdown {
}
.popover-bio {
overflow: scroll;
overflow: auto;
position: relative;
display: inline-block;
height: 100%;
}
.popover-badges-div {
max-height: 10vh !important;
max-height: 119px;
overflow: auto;
}
@ -6980,13 +6775,13 @@ div.markdown {
margin-bottom: 0 !important;
}
#desktop-expanded-image {
#expanded-image {
max-width: 90%;
max-height: 100vh;
border: 5px white solid;
}
@media (max-width: 768px) {
#desktop-expanded-image {
#expanded-image {
max-width: 100%;
max-height: 65vh;
}
@ -7029,7 +6824,6 @@ div.markdown {
.modlog-action {
display: flex;
flex-wrap: wrap;
background: var(--gray-600) !important;
position: relative;
align-items: center;
justify-content: space-between;
@ -7070,7 +6864,7 @@ div.markdown {
}
}
.sub-banner-update-section .sub-settings-subsection {
.hole-banner-update-section .hole-settings-subsection {
margin-bottom: 1em;
}
@ -7112,9 +6906,6 @@ div.markdown {
max-width: 500px;
margin-top: 5px;
}
.btn:not(.format) {
overflow: hidden;
}
.giphy {
overflow: hidden;
@ -7130,11 +6921,6 @@ div.markdown {
border-radius: 0.35rem;
width: 200px;
margin: 10px 10px;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
cursor: pointer;
}
.gif-categories .card img {
@ -7153,11 +6939,6 @@ div.markdown {
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0.35rem;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
cursor: pointer;
}
.gif-categories .card:hover .gif-cat-overlay {
@ -7179,14 +6960,6 @@ div.markdown {
font-weight: bold;
}
body * {
-ms-overflow-style: none;
scrollbar-width: none;
}
body *::-webkit-scrollbar {
display: none;
}
.shop-tabs {
padding-top: 50px;
}
@ -7358,10 +7131,6 @@ input::-webkit-inner-spin-button {
margin: 0 !important;
}
input[type=number] {
-moz-appearance: textfield !important;
}
.has_header {
padding-top: 81.55px !important
}
@ -7416,15 +7185,16 @@ input[type=number] {
min-height: 100px;
}
#note {
#note, #coin-transfer-reason, #bux-transfer-reason, #coin-transfer-reason-mobile, #bux-transfer-reason-mobile {
min-height: 60px;
}
#notelabel {
#notelabel, #emoji_behavior_label {
font-size: 16px;
}
@media (max-width: 768px) {
#note, #notelabel {
#note, #notelabel, #emoji_behavior_label {
font-size: 14px !important;
}
}
@ -7481,10 +7251,6 @@ button, .btn {
color: var(--black) !important;
}
:not(td) > a[href="/h/countryclub"] {
animation: rb 8s linear infinite;
}
.chud-img:after {
content: "";
display: inline-block;
@ -7579,7 +7345,6 @@ button, .btn {
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
@ -7709,11 +7474,6 @@ body {
overflow-x: hidden;
}
.rainbow-text del {
color: var(--black);
font-weight: 400;
}
.toggle-reply-mobile > i {
margin-top: 0.35rem !important;
}
@ -7744,6 +7504,112 @@ body {
}
}
p { /* DO NOT REMOVE */
overflow: hidden !important;
}
#hole-name {
font-size: max(14px, 1.2vw);
}
@media (min-width: 768px) {
#hole-name {
font-size: 1.5vw;
}
}
ul {
padding-inline-start: 20px;
}
.hide-scrollbar {
scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
*:target {
scroll-margin-top: 100px;
}
@media (min-width: 768px) {
.modal-open {
padding-right: 10px;
}
.modal-open nav {
padding-right: 10px;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #555;
}
::-webkit-scrollbar-thumb:hover {
background: #3d3d3d;
}
}
@media (max-width: 768px) or (min-width: 992px) {
#sidebar-btn {
display: none !important;
}
}
p { /* DO NOT REMOVE */
overflow: hidden !important;
}
#hole-name {
font-size: max(14px, 1.2vw);
}
@media (min-width: 768px) {
#hole-name {
font-size: 1.5vw;
}
}
ul {
padding-inline-start: 20px;
}
.hide-scrollbar {
scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
*:target {
scroll-margin-top: 100px;
}
@media (min-width: 768px) {
.modal-open {
padding-right: 10px;
}
.modal-open nav {
padding-right: 10px;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #555;
}
::-webkit-scrollbar-thumb:hover {
background: #3d3d3d;
}
}
@media (max-width: 768px) or (min-width: 992px) {
#sidebar-btn {
display: none !important;
}
}
/* ~~~ marseyfx ~~~ */

1
files/assets/css/offline.css
View File

@ -11,7 +11,6 @@ body {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

12
files/assets/css/orgy.css
View File

@ -1,5 +1,8 @@
lite-youtube {
max-width: min(20vw,500px) !important;
@media (min-width: 768px) {
lite-youtube { /* fix overflow */
max-width: 25vw !important;
}
}
.orgy-top-container {
@ -21,12 +24,13 @@ lite-youtube {
}
#orgy-file-container {
width: 70vw;
width: 65vw;
max-height: 80vh !important;
max-width: 100vw !important;
}
#orgy-file-container > * {
max-height: 70vh !important;
max-height: 80vh !important;
margin: 0 !important;
height: 98% !important;
width: 98% !important;

5
files/assets/css/4chan.css → files/assets/css/themes/4chan.css
View File

@ -1,5 +1,4 @@
@charset "UTF-8";
:root {
--dark: #3E2C18;
--secondary: #FFE;
@ -148,8 +147,8 @@ blockquote a {
color: #949494 !important;
}
.comment-actions > * {
color: var(--gray-500);
.comment-actions > *, .post-actions > * {
color: var(--gray-500) !important;
}
.spoiler, spoiler {

13
files/assets/css/classic.css → files/assets/css/themes/classic.css
View File

@ -3,7 +3,7 @@
--muted: #666;
--black: #444;
--primary: #b40457 !important;
--grey: #888;
--gray: #888;
--upvote: #ff8b60;
--downvote: #9393ff;
--sticky: #228822;
@ -98,7 +98,7 @@ a {
}
.spoiler, spoiler {
background-color: var(--grey) !important;
background-color: var(--gray) !important;
}
.spoiler:hover, spoiler:hover {
@ -141,7 +141,7 @@ a.btn-block[href~="/submit"] {
}
.card {
border-color: var(--grey) !important;
border-color: var(--gray) !important;
}
.modal-content {
@ -169,7 +169,7 @@ a.btn-block[href~="/submit"] {
}
blockquote {
background-color: var(--grey);
background-color: var(--gray);
color: white;
}
@ -184,9 +184,8 @@ blockquote a {
background: rgba(var(--primary_rgb), 0.2) !important;
}
/*userpage*/
.jumbotron {
color: var(--grey);
.jumbotron, button.close {
color: var(--gray);
}
/*casino*/

5
files/assets/css/classic_dark.css → files/assets/css/themes/classic_dark.css
View File

@ -1,4 +1,5 @@
:root {
color-scheme: dark;
--muted: #999;
--black: #999;
--background: 34, 34, 34;
@ -15,3 +16,7 @@
.unread {
background-color: #3d3d3d !important;
}
lite-youtube, iframe {
color-scheme: light !important;
}

8
files/assets/css/coffee.css → files/assets/css/themes/coffee.css
View File

@ -5,7 +5,7 @@
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(../fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
src: url(/assets/fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -13,7 +13,7 @@
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(../fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
src: url(/assets/fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@ -21,7 +21,7 @@
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(../fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
src: url(/assets/fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -29,7 +29,7 @@
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url(../fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
src: url(/assets/fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

5
files/assets/css/dark.css → files/assets/css/themes/dark.css
View File

@ -1,6 +1,7 @@
@charset "UTF-8";
:root {
color-scheme: dark;
--dark: #383838;
--secondary: #383838;
--white: #E1E1E1;
@ -103,3 +104,7 @@ pre {
*:target {
background: rgba(var(--primary_rgb), 0.2) !important;
}
lite-youtube, iframe {
color-scheme: light !important;
}

7
files/assets/css/dramblr.css → files/assets/css/themes/dramblr.css
View File

@ -1,4 +1,5 @@
:root {
color-scheme: dark;
--white: #E1E1E1;
--black: #94a3b8;
--primary: #0284c7;
@ -79,7 +80,7 @@ blockquote {
color: var(--gray-400) !important
}
#frontpage div#expandImageModal.modal.desktop-expanded-image-modal {
#frontpage div#expandImageModal.modal.expanded-image-modal {
background-color: transparent !important;
}
@ -156,3 +157,7 @@ color: var(--gray-700);
.unread {
background: #ffffff22 !important;
}
lite-youtube, iframe {
color-scheme: light !important;
}

0
files/assets/css/light.css → files/assets/css/themes/light.css
View File

7
files/assets/css/midnight.css → files/assets/css/themes/midnight.css
View File

@ -1,6 +1,7 @@
@charset "UTF-8";
:root {
color-scheme: dark;
--dark: #505961;
--secondary: #505961;
--white: #c9d1d9;
@ -20,8 +21,6 @@
--background: 33, 38, 45;
}
body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea, #root > div.App {
background-color: var(--gray-600) !important;
}
@ -73,3 +72,7 @@ body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textare
.unread {
background: #ffffff22 !important;
}
lite-youtube, iframe {
color-scheme: light !important;
}

49
files/assets/css/tron.css → files/assets/css/themes/tron.css
View File

@ -5,7 +5,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@ -13,7 +13,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@ -21,7 +21,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@ -29,7 +29,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@ -37,7 +37,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -45,7 +45,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@ -53,7 +53,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@ -61,7 +61,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@ -69,7 +69,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@ -77,7 +77,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@ -85,7 +85,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -93,7 +93,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 600;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@ -101,7 +101,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0mf0h.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@ -109,7 +109,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0mf0h.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@ -117,7 +117,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0mf0h.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@ -125,7 +125,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0mf0h.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@ -133,7 +133,7 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0mf0h.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -141,11 +141,12 @@
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 700;
src: url(../fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
src: url(/assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0mQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
color-scheme: dark;
--dark: #00001f;
--secondary: var(--primary);
--white: #f0f0f0;
@ -198,10 +199,6 @@
background-color: var(--gray-300);
}
.comment-actions .score {
color: var(--white);
}
.transparent {
background: None !important;
}
@ -233,3 +230,11 @@
.visited, h5.post-title a:visited, a[href^="https://"]:not([href^="https://rdrama.net" i], [href^="https://watchpeopledie.tv" i], .dropdown-item, .nav-link, .no-visited):visited {
color: #b0b0b0 !important;
}
lite-youtube, iframe {
color-scheme: light !important;
}
.sidebar-wpd--holes a {
font-size: 0.85rem;
}

4
files/assets/css/win98.css → files/assets/css/themes/win98.css
View File

@ -185,3 +185,7 @@ blockquote {
.modal-content {
background-color: var(--gray-500);
}
button.close i {
color: var(--light) !important;
}

2
files/assets/events/DKD/js/music.js
View File

@ -1,4 +1,4 @@
const song = document.getElementById('DKD-song').value;
const song = document.getElementById('event-song').value;
const audio = new Audio(song);
audio.loop = true;

14
files/assets/events/fistmas/css/candycane.css
View File

@ -1,22 +1,22 @@
#post-title, #post-content p {
--color2: #cc4145;
--color1: rgb(12, 128, 101);
--color2: ;
font-family: "Open Sans", sans-serif;
background: repeating-linear-gradient(
45deg, var(--color2), var(--color2) 10px,
var(--color1) 11px, var(--color1) 30px
45deg,
#cc4145,
#0c8065 11px
);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
animation: 45s linear 0s infinite candycorn-move;
animation: 45s linear 0s infinite move-colors;
}
#post-title a {
color: transparent !important;
}
@keyframes candycorn-move {
from {background-position: 0px;}
to {background-position: 1000px;}
#post-title:hover, #post-content p:hover {
animation-duration: 10s;
}

62
files/assets/events/fistmas/css/fistmas.css → files/assets/events/fistmas/css/main_fistmas.css
View File

@ -51,7 +51,7 @@ body {
border-color: var(--primary) !important;
}
.btn {
.btn:not(.award-tab, .shop-tab) {
background: var(--primary) !important;
border-color: var(--primary) !important;
border-width: 2px;
@ -263,30 +263,6 @@ body {
pointer-events: none;
}
@-webkit-keyframes fall-snowflakes-fall {
0% {
top: -20%
}
100% {
top: 100%
}
}
@-webkit-keyframes fall-snowflakes-shake {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px)
}
50% {
-webkit-transform: translateX(80px);
transform: translateX(80px)
}
100% {
-webkit-transform: translateX(0px) rotate(360deg);
transform: translateX(0px) rotate(360deg);
}
}
@keyframes fall-snowflakes-fall {
0% {
top: -20%
@ -313,15 +289,8 @@ body {
top: -20%;
z-index: 9999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
-webkit-animation-name: fall-snowflakes-fall, fall-snowflakes-shake;
-webkit-animation-duration: 10s, 4s;
-webkit-animation-timing-function: linear, ease-in-out;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-play-state: running, running;
animation-name: fall-snowflakes-fall, fall-snowflakes-shake;
animation-duration: 10s, 4s;
animation-timing-function: linear, ease-in-out;
@ -331,107 +300,86 @@ body {
.fall-snowflake:nth-of-type(0) {
left: 1%;
-webkit-animation-delay: 0s, 0s;
animation-delay: 0s, 0s
}
.fall-snowflake:nth-of-type(1) {
left: 10%;
-webkit-animation-delay: 1s, 1s;
animation-delay: 1s, 1s
}
.fall-snowflake:nth-of-type(2) {
left: 20%;
-webkit-animation-delay: 6s, .5s;
animation-delay: 6s, .5s
}
.fall-snowflake:nth-of-type(3) {
left: 30%;
-webkit-animation-delay: 4s, 2s;
animation-delay: 4s, 2s
}
.fall-snowflake:nth-of-type(4) {
left: 40%;
-webkit-animation-delay: 2s, 2s;
animation-delay: 2s, 2s
}
.fall-snowflake:nth-of-type(5) {
left: 50%;
-webkit-animation-delay: 8s, 3s;
animation-delay: 8s, 3s
}
.fall-snowflake:nth-of-type(6) {
left: 60%;
-webkit-animation-delay: 6s, 2s;
animation-delay: 6s, 2s
}
.fall-snowflake:nth-of-type(7) {
left: 70%;
-webkit-animation-delay: 2.5s, 1s;
animation-delay: 2.5s, 1s
}
.fall-snowflake:nth-of-type(8) {
left: 80%;
-webkit-animation-delay: 1s, 0s;
animation-delay: 1s, 0s
}
.fall-snowflake:nth-of-type(9) {
left: 90%;
-webkit-animation-delay: 3s, 1.5s;
animation delay: 3s, 1.5s
}
.fall-snowflake:nth-of-type(10) {
left: 100%;
-webkit-animation-delay: 3s, 2s;
animation-delay: 3s, 2s
}
.fall-snowflake:nth-of-type(11) {
left: 5%;
-webkit-animation-delay: 1s, 4s;
animation-delay: 1s, 4s
}
.fall-snowflake:nth-of-type(12) {
left: 15%;
-webkit-animation-delay: 1s, 1.5s;
animation-delay: 1s, 1.5s
}
.fall-snowflake:nth-of-type(13) {
left: 25%;
-webkit-animation-delay: 6s, 2.5s;
animation-delay: 6s, 2.5s
}
.fall-snowflake:nth-of-type(14) {
left: 35%;
-webkit-animation-delay: 4s, 1s;
animation-delay: 4s, 1s
}
.fall-snowflake:nth-of-type(15) {
left: 45%;
-webkit-animation-delay: 2s, 4s;
animation-delay: 2s, 4s
}
.fall-snowflake:nth-of-type(16) {
left: 55%;
-webkit-animation-delay: 8s, 3s;
animation-delay: 8s, 3s
}
.fall-snowflake:nth-of-type(17) {
left: 65%;
-webkit-animation-delay: 6s, 3s;
animation-delay: 6s, 3s
}
.fall-snowflake:nth-of-type(18) {
left: 75%;
-webkit-animation-delay: 2.5s, 4s;
animation-delay: 2.5s, 4s
}
.fall-snowflake:nth-of-type(19) {
left: 85%;
-webkit-animation-delay: 2s, 0s;
animation-delay: 2s, 0s
}
.fall-snowflake:nth-of-type(20) {
left: 95%;
-webkit-animation-delay: 3s, 1.5s;
animation delay: 3s, 1.5s
}
@ -470,7 +418,6 @@ body {
}
/* asdf */
blockquote {
background-color: var(--gray-300);
}
@ -482,3 +429,10 @@ blockquote {
#profile--bio {
color: white !important;
}
/* Eyes */
.eye {
position: relative;
width: 26px;
height: 26px;
}

0
files/assets/events/fistmas/images/sidebar/2.webp → files/assets/events/fistmas/images/sidebar/1.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 113 KiB

6
files/assets/events/fistmas/js/vendor/snow.js vendored
View File

@ -267,9 +267,9 @@ function snow(flakesMax) {
};
this.resizeHandler = function () {
if (window.innerWidth || window.innerHeight) {
screenX = window.innerWidth - 16 - storm.flakeRightOffset;
screenY = storm.flakeBottom || window.innerHeight;
if (innerWidth || innerHeight) {
screenX = innerWidth - 16 - storm.flakeRightOffset;
screenY = storm.flakeBottom || innerHeight;
} else {
screenX =
(document.documentElement.clientWidth ||

BIN
files/assets/events/homoween/audio/haunted/thunder1.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/haunted/thunder2.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/jumpscares/Ambush jumpscare but animated.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/jumpscares/Doors Rush jumpscare.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/jumpscares/Fnaf 2 jumpscare sound effect.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/jumpscares/dancing rat jumpscare.mp3 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/audio/jumpscares/scream_test_1.mp3 100644
View File

Binary file not shown.

26
files/assets/events/homoween/css/awards_poor.css 100644
View File

@ -0,0 +1,26 @@
.poor {
position: fixed;
background-repeat: no-repeat;
width: 100%;
height: 100%;
pointer-events:none;
}
#fog-effect-poor {
background-image: url(/assets/events/homoween/images/poor/fog.webp);
background-size: cover;
z-index: 9998;
opacity:0.7;
}
#stab-effect-poor {
background-image: url(/assets/events/homoween/images/poor/blood.webp);
z-index: 9997;
}
#flashlight-effect-poor {
background-image: url(/assets/events/homoween/images/poor/flashlight.webp);
z-index: 9995;
background-size: cover;
background-position: center;
}

231
files/assets/events/homoween/css/banner.css 100644
View File

@ -0,0 +1,231 @@
/* text */
#banner-homoween-title.life > tspan {
opacity: 1;
}
#banner-homoween-title {
text-shadow: 0 4px 10px #ff000060;
}
#banner-homoween-title.life > #banner-homoween-title {
animation: blinker 0.5s forwards;
}
@media (max-width: 767.98px) {
#banner-homoween-title {
transform: scale(1.4) translate(-90px, -120px);
animation:none !important;
}
#banner-homoween-presenting {
transform: scale(1.4) translate(-90px, -120px);
}
#banner-homoween-bats {
display:none;
}
}
@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-6px);
}
100% {
transform: translateY(0px);
}
}
@keyframes blinker {
10% {
opacity: 0;
}
,
30% {
opacity: 0.4;
}
,
60% {
opacity: 0.2;
}
,
85% {
opacity: 0.5;
}
,
100% {
opacity: 0.9;
}
}
/*days*/
:root {
/*sky*/
--sky-gradient-day1: radial-gradient(at bottom, #d43a27 25%, #761ab3 100%);
--sky-gradient-day2: radial-gradient(at bottom, #bf055c 25%, #6b007d 70%);
--sky-gradient-day3: radial-gradient(at bottom, #bf0583 5%, #560272 60%);
--sky-gradient-day4: radial-gradient(at bottom, #930184 -15%, #490272 60%);
--sky-gradient-day5: radial-gradient(at bottom, #800073 -55%, #400179 60%);
--sky-gradient-day6: radial-gradient(at bottom, #69017a 25%, #390271 70%);
--sky-gradient-day7: radial-gradient(at bottom, #69017a 25%, #2d005b 70%);
--sky-gradient-day8: radial-gradient(at bottom, #af00a6 -20%, #270146 70%);
--sky-gradient-day9: radial-gradient(at bottom, #69047b -10%, #1e0037 70%);
--sky-gradient-day10: radial-gradient(at bottom, #59047b 10%, #150026 70%);
/*moon*/
--moon-fill-day1:gold;
--moon-fill-day2:gold;
--moon-fill-day3:goldenrod;
--moon-fill-day4:none;
--moon-fill-day5:none;
--moon-fill-day6:#e4e4e4;
--moon-fill-day7:#e4e4e4;
--moon-fill-day8:#e4e4e4;
--moon-fill-day9:#e4e4e4;
--moon-fill-day10:#e4e4e4;
--moon-shadow-day1:drop-shadow(0px 0px 20px yellow);
--moon-shadow-day2:drop-shadow(0px 0px 20px yellow);
--moon-shadow-day3:drop-shadow(0px 0px 20px gold);
--moon-shadow-day4:none;
--moon-shadow-day5:none;
--moon-shadow-day6:drop-shadow(0px 0px 5px #deddcf);
--moon-shadow-day7:drop-shadow(0px 0px 10px #deddcf);
--moon-shadow-day8:drop-shadow(0px 0px 10px #deddcf);
--moon-shadow-day9:drop-shadow(0px 0px 10px #deddcf);
--moon-shadow-day10:drop-shadow(0px 0px 10px #deddcf);
--moon-position-day1:303px;
--moon-position-day2:308px;
--moon-position-day3:320px;
--moon-position-day4:350px;
--moon-position-day5:350px;
--moon-position-day6:322px;
--moon-position-day7:312px;
--moon-position-day8:308px;
--moon-position-day9:303px;
--moon-position-day10:300px;
/*ground*/
--ground-shadow-day1:#5818bd;
--ground-shadow-day2:#5818bd;
--ground-shadow-day3:#5818bd;
--ground-shadow-day4:#5818bd;
--ground-shadow-day5:#5818bd;
--ground-shadow-day6:#5818bd;
--ground-shadow-day7:#4e16a6;
--ground-shadow-day8:#51009a;
--ground-shadow-day9:#4b028c;
--ground-shadow-day10:#41017b;
--house-shadow-day1:#5818bd;
--house-shadow-day2:#5818bd;
--house-shadow-day3:#5818bd;
--house-shadow-day4:#5818bd;
--house-shadow-day5:#5818bd;
--house-shadow-day6:#5818bd;
--house-shadow-day7:#5818bd;
--house-shadow-day8:#4a149f;
--house-shadow-day9:#431290;
--house-shadow-day10:#3a1476;
--object-fill-day1:#240441;
--object-fill-day2:#240441;
--object-fill-day3:#240441;
--object-fill-day4:#240441;
--object-fill-day5:#240441;
--object-fill-day6:#240441;
--object-fill-day7:#240441;
--object-fill-day8:#1e0538;
--object-fill-day9:#18042c;
--object-fill-day10:#18042c;
--star-opacity-day1: 0;
--star-opacity-day2: 0;
--star-opacity-day3: 0;
--star-opacity-day4: 0.2;
--star-opacity-day5: 0.3;
--star-opacity-day6: 0.4;
--star-opacity-day7: 0.5;
--star-opacity-day8: 0.5;
--star-opacity-day9: 0.6;
--star-opacity-day10: 0.7;
}
/* stars */
.star {
animation: linear infinite alternate twinkle;
}
.star1 {
animation-duration: 3s;
}
.star2 {
animation-duration: 4s;
}
.star3 {
animation-duration: 3.5s;
}
.star4 {
animation-duration: 2s;
}
.star5 {
animation-duration: 4s;
}
.star1 circle {
r: 0.5px;
}
.star2 circle {
r: 0.75px;
}
.star3 circle {
r: 1.0px;
}
.star4 circle {
r: 1.2px;
}
.star5 circle {
r: 1.5px;
}
@media (max-width: 767.98px) {
.star {
animation: none;
fill-opacity: 0.5;
}
.star1 circle {
r: 1px;
}
.star2 circle {
r: 1.5px;
}
.star3 circle {
r: 2px;
}
.star4 circle {
r: 2px;
}
.star5 circle {
r: 2.5px;
}
}
@keyframes twinkle {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#banner-homoween-title {
animation: float infinite 8s ease-in-out;
}
#banner-homoween-title > tspan {
opacity: 0;
}

4
files/assets/events/homoween/css/ectoplasm.css 100644
View File

@ -0,0 +1,4 @@
#banner-homoween-title {
text-shadow: 0 0 40px #3AE63A;
fill: #90ee90;
}

40
files/assets/events/homoween/css/flashlight.css 100644
View File

@ -0,0 +1,40 @@
#flashlight-effect {
--Xpos: 50vw;
--Ypos: 50vh;
position: fixed;
width:100%;
height:100%;
z-index:1061;
pointer-events:none;
opacity:0.8;
/*looks better but is too expensive to justify :(*/
backdrop-filter: brightness(1.5);
background-color: rgba(256,256,256,0.06);
}
#flashlight-effect:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
background: radial-gradient(
circle 30vmax at var(--Xpos) var(--Ypos),
rgba(0,0,0,0) 0%,
rgba(0,0,0,.5) 70%,
rgba(0,0,0,.93) 100%
);
z-index: 1061;
}
@media (max-width: 767.98px) {
#flashlight-effect::before {
background: radial-gradient(
circle 20em at 50% var(--Ypos),
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 80%,
rgba(0,0,0,.93) 100%
);
opacity:0.9;
pointer-events: none;
}
}

21
files/assets/events/homoween/css/haunted.css 100644
View File

@ -0,0 +1,21 @@
#haunted-effect {
position: fixed;
width:100%;
height:100%;
pointer-events:none;
}
#haunt-bg {
position: fixed;
background-repeat: no-repeat;
width: 100%;
height: 100%;
pointer-events:none;
background-color: var(--background);
z-index:0;
}
#banner-homoween-title {
opacity: 0;
}
#banner-homoween-text-evil {
opacity: 1 !important;
}

3
files/assets/events/homoween/css/haunted2.css 100644
View File

@ -0,0 +1,3 @@
img {
filter: invert(1);
}

809
files/assets/events/homoween/css/main_homoween.css 100644
View File

@ -0,0 +1,809 @@
@charset "UTF-8";
/* Fonts */
@font-face {
font-family: 'Creepster';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/events/homoween/fonts/Creepster.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "DoubleFeature";
src: url("/assets/events/homoween/fonts/DoubleFeature.woff") format("woff");
}
@font-face {
font-family: "Jo_wrote_a_lovesong";
src: url("/assets/events/homoween/fonts/Jo_wrote_a_lovesong.woff") format("woff");
}
@font-face {
font-family: "XTypewriter-Regular";
src: url("/assets/events/homoween/fonts/XTypewriter-Regular.woff") format("woff");
}
@font-face {
font-family: "SpecialElite-Regular";
src: url("/assets/events/homoween/fonts/SpecialElite-Regular.woff") format("woff");
}
/* Homoween Theming */
:root {
--primary: #F66A3C !important;
--dark: #140224;
--secondary: #820263;
--white: #E1E1E1;
--black: #CFCFCF;
--light: #170535;
--muted: #E1E1E1;
--gray: #383838;
--gray-100: #E1E1E1;
--gray-200: #E1E1E1;
--gray-300: #291720;
--gray-400: #303030;
--gray-500: var(--dark);
--gray-600: var(--dark);
--gray-700: var(--dark);
--gray-800: var(--dark);
--gray-900: var(--dark);
--background: var(--dark);
}
body {
overflow-x: hidden;
}
#header--icon {
height: 33px;
width: 33px;
object-fit: contain;
}
* {
border-color: var(--primary);
}
a:hover.user-name {
cursor: url('/assets/events/homoween/images/machete.webp'), auto !important;
}
.border {
border-color: var(--primary) !important;
}
.form-control {
background: transparent;
border-color: var(--primary) !important;
}
.btn {
background: transparent;
border-color: var(--primary) !important;
border-width: 2px;
}
.form-control:disabled, .form-control[readonly] {
background: transparent;
border-color: var(--primary) !important;
}
.btn-success {
border-color: #38A169 !important;
}
.btn-danger {
border-color: #E53E3E !important;
}
#frontpage .pseudo-submit-form.card .card-body .form-control {
border-color: transparent !important;
}
.btn-lg {
border-color: transparent !important;
}
pre {
color: #CFCFCF;
}
.transparent {
background: None !important;
}
#frontpage .post-title a:visited {
color: #7a7a7a !important;
}
.post-title a, h1.post-title {
font-family: 'SpecialElite-Regular';
font-size: 1.25rem;
}
.arrow-up::before, .arrow-down::before {
content: '\f720';
width: 20px;
}
.arrow-down::before {
display: inline-block;
transform: rotate(180deg);
}
#thread .arrow-up::before, #thread .arrow-down::before {
content: '\f720';
width: 17px;
}
/* Cob Webs */
body::before {
content: '';
position: fixed;
background-image: url('/assets/events/homoween/images/cobweb-bl.webp');
background-size: contain;
background-repeat: no-repeat;
left: -1.5rem;
bottom: -1.5rem;
width: 170px;
height: 230px;
z-index: 10001;
pointer-events: none;
transform: rotate(180deg);
opacity: .5;
}
body::after {
content: '';
position: fixed;
background-image: url('/assets/events/homoween/images/cobweb-tr.webp');
background-size: contain;
background-repeat: no-repeat;
right: -1.5rem;
top: -1.5rem;
width: 160px;
height: 160px;
z-index: 10001;
pointer-events: none;
opacity: .45;
}
/* Blood Effect */
.blood::before {
content: '';
position: absolute;
background-image: url('/assets/events/homoween/images/blood-anim.webp');
width: 100%;
height: 55px;
background-repeat: repeat-x;
top: 0;
left: 0;
}
.blood {
position: relative;
}
.blood {
color: #dc3545 !important;
font-family: 'DoubleFeature';
}
.sketch {
z-index: 10000;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
}
/* Haunted Effect */
.haunt > div:not(.modal) {
animation: haunted 10s infinite;
}
@keyframes haunted {
0% {
backdrop-filter: brightness(20%);
}
1% {
backdrop-filter: brightness(20%);
}
2% {
backdrop-filter: sepia(0.8) contrast(1.5) brightness(200%);
}
3% {
backdrop-filter: sepia(0.8) contrast(1.5) brightness(20%);
}
4% {
backdrop-filter: brightness(300%);
}
7% {
backdrop-filter: brightness(1);
}
100% {
backdrop-filter: brightness(1);
}
}
@keyframes haunted-upsidedown {
0% {
backdrop-filter: brightness(20%) sepia(1) saturate(3) hue-rotate(180deg);
}
1% {
backdrop-filter: brightness(20%) sepia(1) saturate(3) hue-rotate(180deg);
}
2% {
backdrop-filter: sepia(1) contrast(1.5) brightness(200%) saturate(3) hue-rotate(180deg);
}
3% {
backdrop-filter: sepia(1) contrast(1.5) brightness(20%) saturate(3) hue-rotate(180deg);
}
4% {
backdrop-filter: brightness(300%) sepia(1) saturate(3) hue-rotate(180deg);
}
7% {
backdrop-filter: brightness(1) sepia(1) saturate(3) hue-rotate(180deg);
}
100% {
backdrop-filter: brightness(1) sepia(1) saturate(3) hue-rotate(180deg);
}
}
/* Spiders */
.spider:nth-child(odd) {
animation-name: swingFast;
}
.spider:nth-child(2) {
animation-delay: 250ms;
animation-duration: 2100ms;
left: 20%;
}
.spider:nth-child(3) {
animation-delay: 300ms;
animation-duration: 1600ms;
left: 30%;
}
.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%;
}
.spider {
z-index: 10;
position: fixed;
display: inline-block;
top: 0;
left: 10%;
animation: swing 2s infinite;
transform-origin: top;
transition: 0.8s ease-in-out;
pointer-events: none;
}
.spider:hover .body {
transform: rotate(20deg);
transition: 0.4s ease-in-out;
}
.spider:nth-child(odd):hover .body {
transform: rotate(-10deg);
transition: 0.2s ease-in-out;
}
.spider .spiderweb {
width: 2px;
height: 200px;
margin-left: 49px;
background: rgba(255, 255, 255, 0.7);
}
.spider .body {
width: 100px;
height: 80px;
background: #222;
position: relative;
border-radius: 50%;
}
.spider .body .eye {
width: 28px;
height: 28px;
position: absolute;
bottom: 24px;
background: #fff;
border-radius: 50%;
}
.spider .body .eye.left {
left: 20px;
}
.spider .body .eye.right {
right: 20px;
}
.spider .body .eye:after {
background: #222;
width: 7px;
height: 7px;
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(odd) .body .eye:after {
animation-delay: 1400ms;
animation-duration: 3600ms;
}
.spider .legs .leg {
width: 80px;
height: 40px;
margin-top: -20px;
border: 5px solid transparent;
border-top-color: #333;
border-radius: 40px 40px 0 0;
}
.spider .legs {
position: absolute;
bottom: -10%;
z-index: -1;
}
.spider .legs.left {
left: -70%;
}
.spider .legs.right {
right: -60%;
}
.legs.left .leg:nth-child(1) {
transform: rotate(10deg);
margin-left: 10px;
}
.legs.right .leg:nth-child(1) {
transform: rotate(-10deg);
margin-left: -10px;
}
.legs.left .leg:nth-child(2) {
transform: rotate(-20deg);
margin-left: 20px;
}
.legs.right .leg:nth-child(2) {
transform: rotate(20deg);
margin-left: -20px;
}
.legs.left .leg:nth-child(3) {
transform: rotate(-50deg);
margin-left: 30px;
}
.legs.right .leg:nth-child(3) {
transform: rotate(50deg);
margin-left: -30px;
}
@keyframes look {
0%,
40%,
100% {
transform: translateX(0);
}
45%,
95% {
transform: translateX(-100%);
}
}
@keyframes swing {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-24px);
}
}
@keyframes swingFast {
0%,
100% {
transform: translateY(0);
}
55% {
transform: translateY(-36px);
}
}
/* Fog effect */
.fog-effect {
opacity: 0.35;
}
#fog-effect {
pointer-events: none;
position:fixed;
bottom:0;
left: 0;
width:100%;
height: 100%;
z-index: 1031;
}
/* Eyes */
.eye {
position: relative;
width: 26px;
height: 26px;
}
/* Candy Corn */
.candy-corn, h1.candy-corn.post-title a {
--color1: #FDFBDA;
--color2: #F66A3C;
--color3: #FBED21;
font-family: "Open Sans", sans-serif !important;
background: repeating-linear-gradient(
45deg,
#fdfbda,
#f66a3c 20px,
#fbed21 60px
);
background-clip: text;
color: transparent !important;
-webkit-background-clip: text;
animation: 32s linear 0s infinite move-colors;
}
.candy-corn:hover, h1.candy-corn.post-title a:hover {
animation-duration: 10s;
}
/* Ectoplasm */
.ectoplasm, h1.ectoplasm.post-title a {
text-shadow: 0 0 20px #3AE63A;
font-family: 'Creepster' !important;
color: #90ee90 !important;
letter-spacing: 0.15em;
}
.ectoplasm.candy-corn {
--color1: rgb(131, 255, 131);
--color2: rgb(0, 111, 0);
--color3: rgb(140, 255, 0);
text-shadow: none;
}
.ectoplasm.blood {
font-family: 'DoubleFeature';
letter-spacing: initial;
}
.ectoplasm.rainbow-text {
color: #90ee90 !important;
font-weight: initial;
}
/* Upsidedown */
#canvas {
position:absolute;
pointer-events:none;
}
/* Bones */
#animate{
margin-left:45%;
margin-top:-5%;
position: fixed;
z-index:999;
pointer-events: none;
opacity:0.9;
}
/* Pumpkin */
.fall-pumpkin {
color: #fff;
font-size: 1em;
font-family: Serif;
text-shadow: 0 0 1px #000;
pointer-events: none;
}
@keyframes fall-pumpkins-fall {
0% {
top: -20%
}
100% {
top: 100%
}
}
@keyframes fall-pumpkins-shake {
0% {
transform: translateX(0px)
}
50% {
transform: translateX(80px)
}
100% {
transform: translateX(0px) rotate(360deg);
}
}
.fall-pumpkin {
position: fixed;
top: -20%;
z-index: 999;
-webkit-user-select: none;
user-select: none;
cursor: default;
animation-name: fall-pumpkins-fall, fall-pumpkins-shake;
animation-duration: 10s, 4s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running
}
.fall-pumpkin:nth-of-type(0) {
left: 1%;
animation-delay: 0s, 0s
}
.fall-pumpkin:nth-of-type(1) {
left: 10%;
animation-delay: 1s, 1s
}
.fall-pumpkin:nth-of-type(2) {
left: 20%;
animation-delay: 6s, .5s
}
.fall-pumpkin:nth-of-type(3) {
left: 30%;
animation-delay: 4s, 2s
}
.fall-pumpkin:nth-of-type(4) {
left: 40%;
animation-delay: 2s, 2s
}
.fall-pumpkin:nth-of-type(5) {
left: 50%;
animation-delay: 8s, 3s
}
.fall-pumpkin:nth-of-type(6) {
left: 60%;
animation-delay: 6s, 2s
}
.fall-pumpkin:nth-of-type(7) {
left: 70%;
animation-delay: 2.5s, 1s
}
.fall-pumpkin:nth-of-type(8) {
left: 80%;
animation-delay: 1s, 0s
}
.fall-pumpkin:nth-of-type(9) {
left: 90%;
animation delay: 3s, 1.5s
}
.fall-pumpkin:nth-of-type(10) {
left: 100%;
animation-delay: 3s, 2s
}
.fall-pumpkin:nth-of-type(11) {
left: 5%;
animation-delay: 1s, 4s
}
.fall-pumpkin:nth-of-type(12) {
left: 15%;
animation-delay: 1s, 1.5s
}
.fall-pumpkin:nth-of-type(13) {
left: 25%;
animation-delay: 6s, 2.5s
}
.fall-pumpkin:nth-of-type(14) {
left: 35%;
animation-delay: 4s, 1s
}
.fall-pumpkin:nth-of-type(15) {
left: 45%;
animation-delay: 2s, 4s
}
.fall-pumpkin:nth-of-type(16) {
left: 55%;
animation-delay: 8s, 3s
}
.fall-pumpkin:nth-of-type(17) {
left: 65%;
animation-delay: 6s, 3s
}
.fall-pumpkin:nth-of-type(18) {
left: 75%;
animation-delay: 2.5s, 4s
}
.fall-pumpkin:nth-of-type(19) {
left: 85%;
animation-delay: 2s, 0s
}
.fall-pumpkin:nth-of-type(20) {
left: 95%;
animation delay: 3s, 1.5s
}
.animate-spin {
animation: spin 5600ms linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Trick or Treat */
#trick-or-treat {
font-family: Jo_wrote_a_lovesong;
font-size: 2rem;
letter-spacing: 0.5rem;
border-color: var(--primary) !important;
}
#trick-or-treat::before {
content:"";
background-image:url('/e/marseyface.webp'); ;
background-size: cover;
height:28px;
width:32px;
display:inline-block;
}
#trick-or-treat::after {
content:"";
background-image:url('/e/marseytrickortreat.webp'); ;
background-size: cover;
height:28px;
width:32px;
display:inline-block;
}
#jump-scare-img {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 9999;
object-fit: cover;
pointer-events: none;
}
/* progressbar */
.progress {
background-color: #1d9bf0;
background-image: linear-gradient(0deg, #1d9bf0 0%, #59b1ec 100%);
width: 270px;
height: 24px;
border-radius: 4px;
box-shadow: inset 0px 12px 2px #ffffff10;
backdrop-filter: blur(2px) brightness(101%);
margin-bottom: 40px;
}
.progress::before {
content: "\f48e";
font-family: "Font Awesome 6 Pro";
position: absolute;
left: 6px;
top: 2px;
font-size: 13px;
color: #fff;
}
.progress::after {
content: "\f780";
font-family: "Font Awesome 6 Pro";
position: absolute;
right: 6px;
top: 2px;
font-size: 13px;
color: #fff;
}
.progress > .legend {
display: flex;
justify-content: space-between;
margin-top: 6px;
padding: 0 6px;
color: #dc3545;
font-family: -apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
font-size: 12px;
font-weight: bold;
}
.progress > .legend span:nth-child(1) {
color: #d3bc00;
}
.bar-left {
display: inline-block;
width: var(--width);
height: 24px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #d3bc00;
background-image: linear-gradient(180deg, #d3bc00 50%, #877800 100%);
box-shadow: inset 0px 12px 2px #ffffff20;
color: white;
text-align: center;
}
.bar-right {
display: inline-block;
width: var(--width);
height: 24px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #dc3545;
background-image: linear-gradient(180deg, #dc3545 50%, #9e1b32 100%);
box-shadow: inset 2px 12px 0px #ffffff20;
color: white;
text-align: center;
position: absolute;
right: 0;
}
#cursormarsey {
background-image: url('/assets/events/homoween/images/cursormarsey.webp?x=6') !important;
}
.spider .body .eye::after {
width: 16px;
height: 16px;
}

3
files/assets/events/homoween/css/stab.css 100644
View File

@ -0,0 +1,3 @@
canvas.sketch {
opacity: calc(0.1*{{ stab }});
}

56
files/assets/events/homoween/css/upsidedown.css 100644
View File

@ -0,0 +1,56 @@
/* <body> tag 'background-color' is boilerplate here. We only care about the box-shadow and filter effects. We can add a woods background-image for added effect. */
body {
background-size: cover;
background-attachment: fixed;
background-color: #000;
filter: sepia(100%) hue-rotate(180deg) saturate(300%);
box-shadow: 0 0 900px rgba(0, 0, 0, 0.9) inset;
overflow-x: hidden;
}
canvas.particles {
pointer-events: none;
position: fixed;
left: 0;
top: 0;
z-index: 1;
filter: blur(1.5px);
animation: flicker 4s infinite;
}
@keyframes flicker {
0% {
filter: brightness(30%);
}
48% {
filter: brightness(30%);
}
50% {
filter: contrast(1.5) brightness(40%);
}
60% {
filter: contrast(1.5) brightness(40%);
}
62% {
filter: brightness(30%);
}
78% {
filter: brightness(20%);
}
84% {
filter: brightness(40%);
}
88% {
filter: brightness(30%);
}
96% {
filter: brightness(80%);
}
98% {
filter: brightness(30%);
}
100% {
filter: brightness(90%);
}
}

BIN
files/assets/events/homoween/fonts/Creepster.woff2 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/fonts/DoubleFeature.woff 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/fonts/Jo_wrote_a_lovesong.woff 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/fonts/SpecialElite-Regular.woff 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/fonts/Unutterable.woff 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/fonts/XTypewriter-Regular.woff 100644
View File

Binary file not shown.

BIN
files/assets/events/homoween/images/blood-anim.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
files/assets/events/homoween/images/chud/1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
files/assets/events/homoween/images/chud/10.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
files/assets/events/homoween/images/chud/11.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
files/assets/events/homoween/images/chud/12.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
files/assets/events/homoween/images/chud/13.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
files/assets/events/homoween/images/chud/14.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
files/assets/events/homoween/images/chud/15.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
files/assets/events/homoween/images/chud/16.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
files/assets/events/homoween/images/chud/17.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
files/assets/events/homoween/images/chud/18.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
files/assets/events/homoween/images/chud/19.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
files/assets/events/homoween/images/chud/2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
files/assets/events/homoween/images/chud/3.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
files/assets/events/homoween/images/chud/4.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
files/assets/events/homoween/images/chud/5.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
files/assets/events/homoween/images/chud/6.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
files/assets/events/homoween/images/chud/7.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
files/assets/events/homoween/images/chud/8.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
files/assets/events/homoween/images/chud/9.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
files/assets/events/homoween/images/cobweb-bl.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
files/assets/events/homoween/images/cobweb-tr.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
files/assets/events/homoween/images/cursormarsey.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
files/assets/events/homoween/images/jumpscares/1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
files/assets/events/homoween/images/jumpscares/2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
files/assets/events/homoween/images/logo/WPD.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB

BIN
files/assets/events/homoween/images/logo/rDrama.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
files/assets/events/homoween/images/machete.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 514 B

BIN
files/assets/events/homoween/images/poor/blood.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
files/assets/events/homoween/images/poor/flashlight.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
files/assets/events/homoween/images/poor/fog.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
files/assets/events/homoween/images/ricardo1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

BIN
files/assets/events/homoween/images/ricardo2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 127 KiB

BIN
files/assets/events/homoween/images/ricardo3.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 334 KiB

BIN
files/assets/events/homoween/images/sidebar/1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
files/assets/events/homoween/images/sidebar/2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
files/assets/events/homoween/images/sidebar/3.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
files/assets/events/homoween/images/sidebar/4.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
files/assets/events/homoween/images/sidebar/5.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
files/assets/events/homoween/images/sidebar/6.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton3.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton4.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton5.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

BIN
files/assets/events/homoween/images/skeletons/skeleton6.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB

BIN
files/assets/events/homoween/images/smoke.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 802 B

BIN
files/assets/events/homoween/images/zombies/1.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
files/assets/events/homoween/images/zombies/10.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
files/assets/events/homoween/images/zombies/2.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
files/assets/events/homoween/images/zombies/3.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
files/assets/events/homoween/images/zombies/4.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
files/assets/events/homoween/images/zombies/5.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
files/assets/events/homoween/images/zombies/6.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
files/assets/events/homoween/images/zombies/7.webp 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

Some files were not shown because too many files have changed in this diff Show More