@scope (#body-scope) {/*|||||||||| Global text styling ||||||||||*/
@font-face {
font-family: "Alliance";
src: url(https://watchpeopledie.tv/fonts/17836255836Yn20XW-ONSl8Q.woff2);
font-feature-settings:
"ss01" 1,
"ss02" 1,
/* "ss03" 1, 'tis a bit gay */
"ss04" 1,
"ss05" 1,
"ss06" 1,
"ss07" 1,
"ss08" 1,
"ss09" 1,
"swsh" 1,
"liga" 1,
"tnum" 1,
"salt" 1,
"case" 1;
}
* {
/* font-family: "Pixeloid Sans", "Lucida Console", "Courier New", Courier, monospace; */
font-family: "Alliance", monospace;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
color: #689c7e;
--primary: #689c7e;
}
a {
color: #8ecf8c;
text-decoration: none;
background-color: transparent;
}
/*|||||||||| Logo/Header shit ||||||||||*/
#logo-WPD {
filter: hue-rotate(165deg)!important;
}
#header--icon {
opacity: 1;
content: url("https://i.watchpeoplelive.tv/images/lain+9jt5wia.webp");
width: 38px;
height: 38px;
}
/*||||||||| Hover shit |||||||||*/
.btn, img, {
transition: all 0.3s ease;
}
.btn:hover, img:hover {
animation: glow-pulse 0.6s ease-out;
}
@keyframes glow-pulse {
0% {
box-shadow: 0 0 0px #4e734d; }
50% {
box-shadow: 0 0 20px #4e734d; }
100% {
box-shadow: 0 0 0px #4e734d; }
}
/*||||||||| EXCEPTIONS |||||||||*/
.patron, .notif-groups, .notif-count {
text-shadow: none !important;
}
#navbar, #mobile-bottom-navigation-bar { background-color:rgba(0,0,0, 0.75) !important;
}
/*||||||||| Backgrounds |||||||||*/
div.card.border-0.mt-3.px-3 { background-color:rgba(0,0,0,0) !important; }
div#desktopUserBanner{
background-size: cover !important;
background-repeat: no-repeat !important;
background-attachment: fixed;
background: none !important; background-color: transparent!important;
}
.jumbotron-guild .jumbotron-overlay, div#profile--awards, div#profile--groups{ background-color: transparent !important; }
.jumbotron *{ text-align: center !important; }
.body { --background: transparent !important; }
/*||||||||| Centering |||||||||*/
div.nobackground, div.text-md-left, #profilestuff {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100%;
margin: auto;
text-align: center !important;
flex-grow: 1;
}
#profile--pfp{
margin-left: 20px;
}
/*||||||||| SRD (Header) shit 8ecf8c ||||||||| */
.srd {
font-size: 0 !important;
background-color: #689c7e;
}
.srd::before {
content: "Enjoy life while you can";
font-size: initial!important;
}
.gold-text * {
text-shadow:none;
}
/* #header--dropdown { background: none !important; background-color: red !important; }
.dropdown-item {
background-color: rgb(0 0 0 / 50%);
}
*/
#header--dropdown-menu {
background: none;
background-color: rgb(0 0 0 / 50%) !important;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
/*|||||||| audio player shit ||||||||| */
audio {
border-radius: 8px !important;
background: #689c7e;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
#event-song-canvas { background: none !important;
background-color: rgb(0 0 0 / 50%) !important;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
}
.btn {
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
overflow: hidden;
background-color: rgb(0 0 0 / 50%) !important;
}
.navbar .container-fluid {
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0);
}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\ Revamped Audio player */
#event-song-name {
filter: drop-shadow(0 0 4px #689c7e);
}
#event-song-section {
border-radius: 8px;
border: 0px ridge #689c7e;
/* box-shadow: 2px 2px #3c5c49 !important; */
filter: none !important;
-webkit-filter: none !important;
margin: 15px auto !important;
padding: 12px !important;
width: 350px;
max-width: 350px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
box-sizing: border-box !important;
background: rgb(0 0 0 / 50%) !important;
}
#event-song-canvas {
background-color: rgb(0 0 0 / 75%);
color: #689c7e !important;
}
audio {
width: 100%;
border-radius: 8px;
background-color: rgb(0 0 0 / 75%);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
outline: none;
padding: 4px 8px;
margin: 20px 0;
}
audio::-webkit-media-controls-enclosure {
background-color: transparent;
border-radius: 8px;
}
audio::-webkit-media-controls-panel {
background-color: rgb(0 0 0 / 75%);
border-radius: 8px;
padding: 4px 12px;
}
audio::-webkit-media-controls-play-button {
color: #00ffcc;
filter: drop-shadow(0 0 4px #689c7e);
}
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-volume-slider {
color: #aaa;
filter: drop-shadow(0 0 4px #689c7e);
}
audio::-webkit-media-controls-timeline {
background-color: rgba(255,255,255,0.15);
height: 5px;
border-radius: 8px;
}
audio::-webkit-media-controls-progress {
background-color: #00ffcc;
box-shadow: 0 0 8px #00ffcc;
}
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
color: #ddd;
font-family: Courier New;
font-size: 13px;
padding: 0px 4px 0px 0px;
}
audio:hover {
/*
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
transform: translateY(-2px);
transition: all 0.3s ease;
*/
animation: glow-pulse 0.6s ease-out;
}
audio {
accent-color: #00ffcc;
}
/* Annnnddddd Finally fixing the background admiggers broke*/
#body {
background: url("https://i.watchpeoplelive.tv/images/1783400671OM8bwIQSUJnFRQ.webp");
background-attachment: fixed !important;
background-position: top center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
div.card.border-0.mt-3.px-3, #profile--historical-levels, #profile--spouse { background-color: rgba(0, 0, 0, 0.5) !important; }
div#desktopUserBanner{ /*background: none !important; */ background-color: rgba(0, 0, 0, 0.5) !important; }
.jumbotron-guild, .jumbotron-overlay, div#profile--awards, div#profile--holes, div#profile--groups { background-color: rgba(0, 0, 0, 0.5) !important; }
#body { --background: rgba(0, 0, 0, 0.5); }}