Pithee Reskin by masp005

/* ==UserStyle==
@name         Pithee Reskin
@version      20240413.00.47
@namespace    https://userstyles.world/user/masp005
@description  Overall improvements on pithee.com's main page
@author       masp005
@license      CC0
==/UserStyle== */

@-moz-document url-prefix("https://pithee.com/game") {
:root {
    --q-secondary: #0d0e11;
}
* {
    color: #aaa;
}
.q-toolbar {
    background: #12151e;
}
.my-card,
.card-container .post-card {
    /* Color scheme on all post cards */
    background: #1a1a22 !important;
    box-shadow: none;
}
.card-container .post-card {
    /* Post Picker Posts */
    cursor: pointer;
}
.card-container .post-card .q-card__section {
    /* Post Picker Text Wrapping */
    word-break: break-word;
}

.gt-xs > .q-btn {
    /* Realign Shuffle Button */
    background: #1a1a22 !important;
    width: calc(100% - 16px) !important;
    margin-top: 8px;
    margin-left: 8px !important;
}
.gt-xs > .q-btn::before {
    box-shadow: none;
}

.q-pb-sm {
    /* Widen horizontal gap in post picker to equal vertical gap */
    margin-bottom: 8px;
}

.q-linear-progress__model {
    /* Winner progressbar color */
    background: #62a6b1;
    transition: transform 1s linear;
}
/* Make winner progressbar one-sided */
.q-linear-progress--reverse {
    display: none;
}
.q-linear-progress {
    max-width: 100% !important;
}
}