354 lines
7.1 KiB
CSS
354 lines
7.1 KiB
CSS
|
/* Hide div with ID orgy-col */
|
||
|
|
div#orgy-col {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Optionally hide audio within div#orgy-col */
|
||
|
|
div#orgy-col audio {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide all group chat elements containing a link to @Baboomish */
|
||
|
|
/* .chat-group:has(a[href*="/@Baboomish"]) {
|
||
|
|
display: none !important;
|
||
|
|
} */
|
||
|
|
|
||
|
|
/* Remove Awards */
|
||
|
|
#awards-container, .bug
|
||
|
|
{
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
i.quote.btn.fas.fa-reply.ml-auto {
|
||
|
|
|
||
|
|
width: 21px!important;
|
||
|
|
|
||
|
|
background: #fff5!important;
|
||
|
|
|
||
|
|
border: 2px #fff solid!important;
|
||
|
|
|
||
|
|
height: 21px!important;
|
||
|
|
|
||
|
|
filter: drop-shadow(0px 0px 5px #fff)!important;
|
||
|
|
|
||
|
|
color: #0000!important;
|
||
|
|
|
||
|
|
transform: translateY(-50%)!important;
|
||
|
|
|
||
|
|
margin-right:10px!important;
|
||
|
|
|
||
|
|
padding:0px!important;
|
||
|
|
|
||
|
|
}i.quote.btn.fas.fa-reply.ml-auto:hover, textarea.form-control:hover {
|
||
|
|
|
||
|
|
border-color:lime!important;
|
||
|
|
|
||
|
|
filter: drop-shadow(0px 0px 5px lime)!important;
|
||
|
|
|
||
|
|
border-color: lime!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-group:nth-child(even) {
|
||
|
|
|
||
|
|
background: rgba(255,255,255, 0.09)!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-group:nth-child(odd) {
|
||
|
|
|
||
|
|
background: rgba(255,255,255, 0.09)!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-group{
|
||
|
|
|
||
|
|
border: 1px #fff8 solid!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
div#chat-window, .col.text-left.d-none.d-lg-block.pt-3.pb-5 {
|
||
|
|
|
||
|
|
border: 2px solid #fff5!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
*::-webkit-scrollbar{
|
||
|
|
|
||
|
|
display:block!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-group{
|
||
|
|
|
||
|
|
margin: 5px!important;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* a[href="/@G"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
} */
|
||
|
|
|
||
|
|
a[href="/@Vaporeon"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@LittleBeeBoy"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@greybae"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@TrueSpyCrap"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@prozacc"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@desaturated_yellow"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[href="/@MisterBear"] span.patron{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
background-color: #ffaa00 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comment div.user-info > a[href="/@Cognacc"] span,
|
||
|
|
.card a[href="/@Cognacc"],
|
||
|
|
span#header--username{
|
||
|
|
animation: lgbt 3s linear infinite !important;
|
||
|
|
color: #fa0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* holes */
|
||
|
|
.hole-flair:not(a[href="/h/highrollerclub"]) {
|
||
|
|
border: 2px solid !important;
|
||
|
|
color: var(--primary) !important;
|
||
|
|
background-color: #0000 !important;
|
||
|
|
border-color: var(--primary) !important;
|
||
|
|
margin-right: 3px !important;
|
||
|
|
font-weight: 700 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Notification Management */
|
||
|
|
|
||
|
|
/*Shared Style Consolidation*/
|
||
|
|
/*Since all use .notif-count, changes for consolidated style will affect all. */
|
||
|
|
.notif-count{
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
|
||
|
|
/* Comment background for retain boxed background */
|
||
|
|
/* background: transparent !important; */
|
||
|
|
|
||
|
|
}
|
||
|
|
/* Shared Style Consolidation End*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Chat/Group (Pink) Mention Block */
|
||
|
|
/* Block 1: "You have" */
|
||
|
|
.notif-chats\/.notif-count::before {
|
||
|
|
content: "You have ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-chats\/.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "unread mention(s)" */
|
||
|
|
.notif-chats\/.notif-count::after {
|
||
|
|
content: " unread mention(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Chat/Group Mention Block End */
|
||
|
|
|
||
|
|
|
||
|
|
/* Chat (Blue) Block */
|
||
|
|
/* Block 1: "You have" */
|
||
|
|
.notif-chats.notif-count::before {
|
||
|
|
content: "You have ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-chats.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "unread chat(s)" */
|
||
|
|
.notif-chats.notif-count::after {
|
||
|
|
content: " unread chat(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Chat Block End */
|
||
|
|
|
||
|
|
/* Offsite Mention Block */
|
||
|
|
./* Block 1: "WPD has" */
|
||
|
|
.notif-offsite.notif-count::before {
|
||
|
|
content: "WPD has ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-offsite.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "offsite mention(s)" */
|
||
|
|
.notif-offsite.notif-count::after {
|
||
|
|
content: " offsite mention(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Offsite Mention Block End */
|
||
|
|
|
||
|
|
/* Message (Yellow) Block */
|
||
|
|
/* Block 1: "You have" */
|
||
|
|
.notif-messages.notif-count::before {
|
||
|
|
content: "You have ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-messages.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "unread message(s)" */
|
||
|
|
.notif-messages.notif-count::after {
|
||
|
|
content: " unread message(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Message Block End */
|
||
|
|
|
||
|
|
/* Notification (Red) Block */
|
||
|
|
/* Block 1: "You have" */
|
||
|
|
.notif-.notif-count::before {
|
||
|
|
content: "You have ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "unread notification(s)" */
|
||
|
|
.notif-.notif-count::after {
|
||
|
|
content: " unread notification(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Notification Block End */
|
||
|
|
|
||
|
|
/* Post (Dark Blue) Block */
|
||
|
|
/* Block 1: "You have" */
|
||
|
|
.notif-posts.notif-count::before {
|
||
|
|
content: "You have ";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Block 2: The actual number */
|
||
|
|
.notif-posts.notif-count {
|
||
|
|
font-size: 10px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
/* Block 3: "unread post(s)" */
|
||
|
|
.notif-posts.notif-count::after {
|
||
|
|
content: " unread post(s)";
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
/* Post Block End */
|
||
|
|
|
||
|
|
/* Notification Management End */
|
||
|
|
|
||
|
|
/* Modify Downvoting Color */
|
||
|
|
:root {
|
||
|
|
--downvote-color: #ff0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CDMs Homoween CSS */
|
||
|
|
.srd {
|
||
|
|
font-size: 13px !important;
|
||
|
|
background-color: #ff8100;
|
||
|
|
}
|
||
|
|
|
||
|
|
a{
|
||
|
|
color: #ff8100;
|
||
|
|
filter: drop-shadow(0px 0px 3px #ff8100)
|
||
|
|
}
|
||
|
|
a:hover{
|
||
|
|
transform: scale(1.02);
|
||
|
|
color: white!important;
|
||
|
|
transition: all 1s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'spook';
|
||
|
|
src: url(https://files.catbox.moe/8539a0.ttf);
|
||
|
|
}
|
||
|
|
body{
|
||
|
|
font-family: 'spook';
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--secondary: #ff8100;
|
||
|
|
--white: #ff8100;
|
||
|
|
--black: #ff8100;
|
||
|
|
--light: #ff8100;
|
||
|
|
--muted: #ff8100;
|
||
|
|
--gray: #ff8100;
|
||
|
|
--gray-100:#ff8100;
|
||
|
|
--gray-200: #ff8100;
|
||
|
|
--gray-300: #ff8100;
|
||
|
|
--gray-400: #ff8100;
|
||
|
|
--gray-500: black;
|
||
|
|
--gray-600: black;
|
||
|
|
--gray-700: #ff8100;
|
||
|
|
|
||
|
|
--background: 0,0,0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.arrow-up {
|
||
|
|
background-image: url(https://files.catbox.moe/x6ir3j.png) !important;
|
||
|
|
background-repeat: no-repeat !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow-down {
|
||
|
|
background-image: url(https://files.catbox.moe/db6433.png) !important;
|
||
|
|
background-repeat: no-repeat !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow-up,.arrow-down {
|
||
|
|
background-size: contain !important;
|
||
|
|
width: 25px !important;
|
||
|
|
height: 25px;
|
||
|
|
opacity: .7;
|
||
|
|
filter: grayscale(100%)
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow-up::before,.arrow-up::after,.arrow-down::before,.arrow-down::after {
|
||
|
|
content: "" !important;
|
||
|
|
z-index: 1031;
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow-up.active,.arrow-down.active {
|
||
|
|
opacity: 1;
|
||
|
|
filter: grayscale(0);
|
||
|
|
z-index: 1031;
|
||
|
|
}
|