Harlsey's Theme by Monet

/* ==UserStyle==
@name           Harlsey's Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    9/15/2023, 3:10:03 PM
@author         Monet
==/UserStyle== */

@import url('https://fonts.googleapis.com/css2?family=Corinthia&display=swap');
:root {
            --background: url(https://cdn.discordapp.com/attachments/1121255219041402960/1155254766541230140/lukasz-szmigiel-2ShvY8Lf6l0-unsplash_1.jpg);
            --horsebackground: url(https://cdn.discordapp.com/attachments/1141691024339632158/1155610789055578194/Untitled263_20230924230425.png);
            --horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1155613961291575346/Harlsey_Adopt.png);
            --font: 'Gilda Display', serif;
            --displayfont: 'Corinthia', cursive;
            --darkestpurple: rgb(107,87,52);
            --green: rgba(172, 154, 122, .5);
            --duskybrown: rgb(181, 149, 97);
            --cream: rgb(241, 229, 193);
            --opaqueduskydarkgreen: rgba(225, 214, 186, .5);
            --moreopaqueduskydarkgreen: rgba(137, 111, 60, .75);
            --lessopaquecream: rgba(216, 205, 167, .2);
            --opaquecream: rgba(141, 126, 82, .33);
            --moreopaquecream: rgba(86, 70, 40, .55);
            --white: rgb(236, 233, 224);
            --grey: rgb(152, 125, 71);
            --olive: rgb(159, 134, 97);
            --row: rgb(168 150 118);
            --transparent: rgba(0, 0, 0, 0);
 /*   --darkestpurple: rgb(37, 25, 6);
            --green: rgb(105,87,30);
            --duskybrown: rgb(166, 134, 58);
            --cream: rgb(173, 157, 97);
            --opaqueduskydarkgreen: rgb(123, 100, 49);
            --moreopaqueduskydarkgreen: rgba(41, 29, 7, .75);
            --lessopaquecream: rgba(180, 151, 59, .2);
            --opaquecream: rgba(113, 93, 34, .33);
            --moreopaquecream: rgba(40, 27, 3, .55);
            --white: rgb(217, 210, 188);
            --grey: rgb(139, 129, 109);
            --olive: rgb(63, 47, 7);
            --gold: rgb(64, 43, 0);
            --transparent: rgba(0, 0, 0, 0);*/
            }

@-moz-document url-prefix("https://v2.horsereality.com") {
    @import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
    .header-menu .user-nav a span, .bluebar.user .hide-xs .user .arrow {
        font-family: var(--displayfont) !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        padding-bottom: 0px !important;
        overflow: visible !important;
        }
    .header-cta .cta-button button {
        margin-top: -7px !important;
        }
    body.background.europe, body.background.north-america, body.background.south-america, body.background.asia, body.background.africa, body.background.australia {
       background-image: var(--background) !important;
        }
    .show-profile, .profile-rank, .profile-rank-position, .profile-account, .nav-item.nav-link, .row, .tags-outer.tag-player, .col-sm-3, .profile-estate, .profile-username {
        font-family: var(--font) !important;
        color: var(--white) !important;
        }
    .infotext {
        font-family: var(--font) !important;
        }
    .profile-account-title.padding-top-15, .profile-account-title {
        font-family: var(--font) !important;
        color: var(--cream) !important;
        }
    .role-big {
        opacity: 0;
        }
    .show-profile .navbar {
        background-color: var(--darkestpurple) !important;
        border-top: 2px solid var(--cream) !important;
        border-bottom: 2px solid var(--cream) !important;
        }
    .component.table .table tbody {
       background-color: var(--transparent) !important;
        }
    .minimap {
        content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1155587990610001920/Harley_Minimap.png");
        }
    .table {
        font-family: var(--font) !important;
        color: var(--white) !important;
        background-color: var(--transparent) !important;
        }
    .horse-item .content {
        font-family: var(--font) !important;
        color: var(--white) !important;
        background-color: var(--green) !important;
        }
    .horse-item .content h2 {
        color: var(--white) !important;
        }
    .horse-item .breed-and-age, .horse-stats .horse-stat span, .horse-item .tagline {
        color: var(--cream) !important;
        }
    .horses-title-desktop {
        font-family: var(--displayfont) !important;
        font-size: 50px !important;
        overflow: visible !important;
        }
    .level {
        font-size: 15px !important;
        }
    .header-menu .user-nav #user-nav-dropdown {
        min-width: 13em;
        padding: 0.5em 1em 1em;
        }
    .fas.fa-user-circle, .fas.fa-star, .fas.fa-map, .fas.fa-comments, .fas.fa-bookmark, .fa.fa-user, .fa.fa-home, .fa-solid.fa-bolt-lightning, .fa-solid.fa-dumbbell, .fa-solid.fa-heart, .fa-circle-plus:before, .fa-xmark-large, .fa-magnifying-glass, .fa-solid.fa-star.bookmarked, .fa-stopwatch, .fa-users, .fa-plus:before, .info .info-icon>span, .fa-vial, .fa-box-open, .fa-horse-head, .fa-shipping-fast, .fa-filter::before, .total-horses i, .total-items i, .total-vials i, .fa-arrows-up-down-left-right, .fa-solid.fa-cog, .fa-square-check {
        color: var(--cream) !important;
        }
    .bookmark-star {
        color: var(--cream) !important;
        }
    .current-capacity {
        color: var(--white) !important;
        background-color: var(--row) !important;
        }
    .header-section-icon.type-action {
        background-color: var(--cream) !important;
        }
    .market-office-table .market-office-table-row-autobuy, .market-office-table .market-office-table-row-timer, .market-office-table .market-office-table-row-highestbid, .market-office-table .market-office-table-row-offers {
        color: var(--cream) !important;
        }
    .normalize {
        color: var(--darkestpurple);
        }
    .col-lg-10.main-content {
        font-family: var(--font);
        color: var(--white) !important;
        background-color: var(--opaquecream) !important;
        border: 0px solid var(--cream) !important;
        }
    p, p span, h1, h1 span {
        font-family: var(--font) !important;
        color: var(--white) !important;
        }
    h4, h4 span, h2, h2 span, h3, h3 span, li span, ul span {
        font-family: var(--font) !important;
        color: var(--white) !important;
        }
    .daily-rollover-content-wrapper {
        background-color: var(--green) !important;
        font-family: var(--font);
        color: var(--white) !important;
        }
    .daily-rollover-content {
        background-color: var(--green) !important;
        font-family: var(--font);
        color: var(--white) !important;
        }
    .btn.btn-cta:active, btn.btn-warning.btn-cta:active, .btn-primary.btn:active, .button.primary:active, .form-control.btn.go-to-inventory-btn:active, .button.yellow, input[type=submit].yellow:active, .yellow.action-enterwp:active, button.yellow:active, button.dark:active, .card-item-action button.black:active, .card-item-action button:active, .yellow_btn:active, .exchange_actions_window_buttons button:active, .button.black:active, .button.secondary:active, .cms-page .cms-page-button:active, .header-cta .cta-button button:active, .estate-item .estate-item-buy button:active {
        box-shadow: var(--cream) 0 3px 7px inset !important;
        transform: translateY(2px) !important;
        min-height: 35px !important;
        }
.btn.btn-cta:focus, btn.btn-warning.btn-cta:focus, .btn-primary.btn:focus, .button.primary:focus, .form-control.btn.go-to-inventory-btn:focus, .button.yellow, input[type=submit].yellow:focus, .yellow.action-enterwp:focus, button.yellow:focus, button.dark:focus, .card-item-action button.black:focus, .card-item-action button:focus, .yellow_btn:focus, .exchange_actions_window_buttons button:focus, .button.black:focus, .button.secondary:focus, .cms-page .cms-page-button:focus, .header-cta .cta-button button:focus, .estate-item .estate-item-buy button:focus {
  box-shadow: var(--cream) 0 0 0 1.5px inset, rgba(31, 29, 19, .4) 0 2px 4px, rgba(31, 28, 19, .3) 0 7px 13px -3px, var(--cream) 0 -3px 0 inset !important;
        min-height: 35px !important;
}
    .btn.btn-cta:hover, btn.btn-warning.btn-cta:hover, .btn-primary.btn:hover, .button.primary:hover, .form-control.btn.go-to-inventory-btn:hover, .button.yellow, input[type=submit].yellow:hover, .yellow.action-enterwp:hover, button.yellow:hover, button.dark:hover, .card-item-action button.black:hover, .card-item-action button:hover, .yellow_btn:hover, .exchange_actions_window_buttons button:hover, .button.black:hover, .button.secondary:hover, .cms-page .cms-page-button:hover, .header-cta .cta-button button:hover, .estate-item .estate-item-buy button:hover {
        box-shadow: rgba(31, 28, 19, .4) 0 4px 8px, rgba(31, 29, 19, .3) 0 7px 13px -3px, var(--cream) 0 -3px 0 inset !important;
        transform: translateY(-2px) !important;
        min-height: 35px !important;
        }
    .btn.btn-cta, .btn-primary.btn, btn.btn-warning.btn-cta, .button.primary, .form-control.btn.go-to-inventory-btn, .button.yellow, input[type=submit].yellow, .yellow.action-enterwp, button.yellow, button.dark, .card-item-action button.black, .card-item-action button, .exchange_actions_window_buttons button, .button.black, .button.secondary, .cms-page .cms-page-button, .header-cta .cta-button button, .estate-item .estate-item-buy button {
        align-items: center !important;
        appearance: none !important;
        background-image: radial-gradient(100% 100% at 100% 0, rgb(172, 154, 122), var(--darkestpurple) 100%) !important;
        border: 0 !important;
        border-radius: 6px !important;
        box-shadow: rgba(31, 27, 19, .4) 0 2px 4px,rgba(31, 29, 19, .3) 0 7px 13px -3px,rgba(111, 104, 58, .5) 0 -3px 0 inset !important;
        box-sizing: border-b...