403 lines
7.4 KiB
CSS
403 lines
7.4 KiB
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;
|
|
}
|