WPD-CSS-STUFF/users/Vario.css

/* Strip Bottom Nav of icons */
.text-lg {
    font-size: 0px;
    display: none !important;
}

.profile-pic-* {
    display: none !important;
}

@font-face {
    font-family: "GoogleSans";
    src: url("https://files.catbox.moe/0tkbd3.ttf");
}

. container-fluid {
    top: 2000px;
}

body {
    opacity: 0.95;
    position: relative;
    width: 100%;
    font-family: "GoogleSans";
}

/*FLOAT GROUP*/
#mobile-bottom-navigation-bar,
#profile-mobile--bio {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }
    50% {
        transform: translate(0, 15px);
    }
    100% {
        transform: translate(0, -0px);
    }
}

/* LGBTQ GROUP */
.header.mr-3,
*.notif-count:after,
#profile-mobile--bio,
#profile-mobile--name,
#profile--name,
.text-small-extra {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

.pt-0 {
    top: 3px;
    bottom: 0px;
}

.navbar-brand {
}

.navbar-nav {
}

.navbar,
#fixed-bar-mobile,
#header {
    position: absolute;
    width: 100%;
}

/*NAVBAR ITEMS*/
.fa-bell,
.fa-crown,
.fa-feather-alt,
.navbar-toggler-icon {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/* MAIN CONTENT*/
html,
#main-content-row,
.h-100,
.jumbotron-overlay,
#main-content-col {
    padding: 10px;
    border: 2px;
    opacity: 0.9;
}

#logo-WPD,
#header--icon {
}

#profile--name,
#profile-mobile--name {
}

#profile-mobile--pfp {
}

/* DIV */

/*MASTER PROFILE INFO*/
#profile--info,
#profile-mobile--info {
}

/*PROFILE INFO INDIVIDUAL*/
#profile-mobile--info--id,
#profile--info--id,
#profile-mobile--info--truescore,
#profile--info--truescore,
#profile-mobile--info--casino-winnings,
#profile--info--casino-winnings,
#profile-mobile--info--lottery-winnings,
#profile--info--lottery-winnings,
#profile-mobile--info--hats-owned,
#profile--info--hats-owned,
#profile-mobile--info--spent,
#profile--info--spent,
#profile-mobile--info--effortposts,
#profile--info--effortposts,
#profile-mobile--info--lifetime-donated,
#profile--info--lifetime-donated,
#profile-mobile--info--discount,
#profile--info--discount {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

#profile-mobile--info--lifetime-donated,
#profile--info--lifetime-donated {
    font-size: 0px;
}
#profile-mobile--info--lifetime-donated:after,
#profile--info--lifetime-donated:after {
    font-size: 14px !important;
    content: "Lifetime donated: -$100 (visible to everyone)";
    display: block;
}

#profile-mobile--info--discount,
#profile--info--discount {
    font-size: 0px;
}

#profile-mobile--info--discount:after,
#profile--info--discount:after {
    font-size: 14px !important;
    content: "Total award discount: 100% (visible to everyone)";
}

/*ALT LIST*/
#profile-mobile--alts,
#profile-mobile--alts-list,
#profile--alts,
#profile--alts-list {
    display: none !important;
}

/*PROFILE BADGES*/
#profile--badges,
#profile-mobile--badges {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*PROFILE AWARDS*/
#profile-mobile--awards,
#profile--awards,
#profile-mobile--awards--awards,
#profile--awards--awards {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*PROFILE FRIENDS*/
#profile-mobile--friends,
#profile--friends {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*PROFILE ENEMIES*/
#profile-mobile--enemies,
#profile--enemies {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*PROFILE GROUPS*/
#profile-mobile--groups,
#profile--groups {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*HIDE OVERRIDE*/
#profile-coins-amount,
#profilestuff-mobile,
#profile-bux-amount,
#profile-coins-amount-mobile,
#profile-bux-amount-mobile {
    display: none !important;
}

/*CHAT*/
.page-item,
.comment-box-wrapper,
.userpage-wall {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
    position: relative;
    top: 50px;
    width: 100%;
}

/*CHAT EFFECTS*/
.mr-2 {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*NAVBAR*/
#mobile-bottom-navigation-bar {
    border: 2px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 50px;
    top: 50px;
}

/*NAVBAR MOUSEOVER*/
#mobile-bottom-navigation-bar:hover {
    border: 2px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    opacity: 0.95;
}

/* UNUSED NAV ITEMS (text-lg addresses all) */
.fa-sparkles,
.fa-home-alt,
.fa-comment-dots,
#mobile-bottom-navigation-bar.fa-cards,
.fa-store {
}

/*NAV BAR ITEMS*/
.text-lg {
    animation: lgbt 3s linear infinite !important;
    color: #fa0 !important;
}

/*Notification Management*/

/*Chat/Group(Pink) Mention Block*/
.notif-chats\/.notif-count {
    font-size: 0px;
    background: transparent !important;
}
.notif-chats\/.notif-count:after {
    font-size: 10px !important;
    content: "You have unread mention(s)";
}
/*Chat/Group Mention Block End*/

/*Chat(Blue) Block*/
.notif-chats.notif-count {
    font-size: 0px;
    background: transparent !important;
}
.notif-chats.notif-count:after {
    font-size: 10px !important;
    height: 25px;
    content: "You have unread chat(s)";
}
/*Chat Block End*/

/*Message(Yellow) Block*/
.notif-messages.notif-count {
    font-size: 0px;
    background: transparent !important;
}
.notif-messages.notif-count:after {
    font-size: 10px !important;
    height: 25px;
    content: "You have unread message(s)";
}
/*Message Block End*/

/*Notification(Red) Block*/
.notif-.notif-count {
    font-size: 0px;
    background: transparent !important;
}
.notif-.notif-count:after {
    font-size: 10px !important;
    height: 25px;
    content: "You have unread notification(s)";
}
/*Notification Block End*/
/*Notification Management End*/

#profile-mobile--pronouns,
#profile--pronouns {
    font-size: 0 !important;
}

#profile--pronouns:before,
#profile-mobile--pronouns:before {
    animation: cyclepronoun 1.75s linear normal infinite;
    content: "Shit/At/CSS";
}

#profile--pronouns:after,
#profile-mobile--pronouns:after {
    animation: flicker 0.9s ease-in-out alternate infinite;
}

@keyframes flicker {
    0% {
        filter: opacity(0);
    }
    100% {
        filter: opacity(1);
    }
}

@keyframes cyclepronoun {
    0% {
        content: "detect/tive";
    }
    6% {
        content: "red/neck";
    }
    12% {
        content: "Snappy";
    }
    18% {
        content: "capy/bara";
    }
    24% {
        content: "";
    }
    30% {
        content: "";
    }
    36% {
        content: "grr/snap";
    }
    42% {
        content: "Shit/At/CSS";
    }
    48% {
        content: "The/Rap/Ist";
    }
    54% {
        content: "Fur/Fag";
    }
    60% {
        content: "";
    }
    66% {
        content: "DWHITED/YNAMITE";
    }
    72% {
        content: "she/her";
    }
    78% {
        content: "";
    }
    84% {
        content: "Femin/Ist/Bot";
    }
    90% {
        content: "red/neck";
    }
    96% {
        content: "Shit/At/CSS";
    }
}

#profile-mobile--pronouns:after,
#profile-mobile--pronouns:before,
#profile--pronouns:after,
#profile--pronouns:before {
    font-size: 12px;
}

body {
    background: url("https://i.watchpeopledie.tv/images/17289322810307174.webp")
        center center fixed;
    background-size: auto;
}