Skip to content

Ziri Autumn Theme by Monet

Details

AuthorMonet

LicenseNo License

CategoryHorse Reality

Created

Updated

Size151 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

9/7/2024, 2:33:18 PM

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Ziri Autumn Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    9/7/2024, 2:33:18 PM
@author         Monet
==/UserStyle== */

@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
@-moz-document url-prefix("https://v2.horsereality.com/user") {
        :root {
            --font: "Gilda Display", serif;
            --background: url(https://i.imgur.com/BxodMsa.jpeg);
            --horsebackground: url(https://i.imgur.com/BxodMsa.jpeg);
            --horseadopt: url(https://i.imgur.com/BxodMsa.jpeg);
            --minimap: url(https://i.imgur.com/ZT60LaJ.png);
            --secondarymain: rgb(81, 38, 11);
            --main: rgb(100, 48, 22);
            --spare: rgb(157, 97, 57);
            --icons: rgb(157, 83, 38);
            --text: rgb(210, 196, 187);
            --firstrow: rgb(168, 125, 92);
            --secondrow: rgb(119, 79, 47);
            --moreopaqueduskydarkgreen: rgba(172, 133, 96, .66);
            --shadowblue: rgb(106, 88, 69);
            --lessopaquecream: rgba(140, 100, 63, .66);
            --backdrop: rgba(83,53,39, .5);
            --themewhite: rgb(255, 250, 242);
            --playerprofilepagebackdrop: rgb(41, 27, 8);
            --minorbackdrop: rgba(77, 39, 13, .66);
            --grey: rgb(91, 84, 71);
            --subheader: rgb(70, 39, 6);
            --transparent: rgba(0, 0, 0, 0);
            --higher: rgb(185, 109, 60);
            --lower: rgb(47, 20, 0);
            --coin: url(https://i.imgur.com/oVAC4mK.png);
            --dp: url(https://i.imgur.com/RhtbIob.png);
            --ft: url(https://i.imgur.com/WI0qHRV.png);
            --wt: url(https://i.imgur.com/th9DnHD.png);
            --lock: url(https://i.imgur.com/x6O2Kkn.png);
            }
    .row.sales-table-row.odd-row {
        background-color: white !important;
        }
    .row.sales-table-row {
        background-color: whitesmoke !important;
        }
    }
@-moz-document url-prefix("https://v2.horsereality.com") {
        :root {
            --font: "Gilda Display", serif;
            --background: url(https://i.imgur.com/BxodMsa.jpeg);
            --horsebackground: url(https://i.imgur.com/BxodMsa.jpeg);
            --horseadopt: url(https://i.imgur.com/BxodMsa.jpeg);
            --minimap: url(https://i.imgur.com/ZT60LaJ.png);
            --secondarymain: rgb(81, 38, 11);
            --main: rgb(100, 48, 22);
            --spare: rgb(157, 97, 57);
            --icons: rgb(157, 83, 38);
            --text: rgb(210, 196, 187);
            --firstrow: rgb(168, 125, 92);
            --secondrow: rgb(119, 79, 47);
            --moreopaqueduskydarkgreen: rgba(172, 133, 96, .66);
            --shadowblue: rgb(106, 88, 69);
            --lessopaquecream: rgba(140, 100, 63, .66);
            --backdrop: rgba(83,53,39, .5);
            --themewhite: rgb(255, 250, 242);
            --playerprofilepagebackdrop: rgb(41, 27, 8);
            --minorbackdrop: rgba(77, 39, 13, .66);
            --grey: rgb(91, 84, 71);
            --subheader: rgb(70, 39, 6);
            --transparent: rgba(0, 0, 0, 0);
            --higher: rgb(185, 109, 60);
            --lower: rgb(47, 20, 0);
            --coin: url(https://i.imgur.com/oVAC4mK.png);
            --dp: url(https://i.imgur.com/RhtbIob.png);
            --ft: url(https://i.imgur.com/WI0qHRV.png);
            --wt: url(https://i.imgur.com/th9DnHD.png);
            --lock: url(https://i.imgur.com/x6O2Kkn.png);
            }
    .header-menu .user-nav a span, .bluebar.user .hide-xs .user .arrow {
        font-family: var(--font) !important;
        font-weight: 700 !important;
        }
    .social-media-container, .container.links-container {
        background: var(--transparent) !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;
        background-repeat: no-repeat;
        background-size: cover;
        }
    .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, .show-profile .profile-ranking-container .profile-rank-position, .show-profile .profile-ranking-container .profile-rank {
        font-family: var(--font) !important;
        color: var(--themewhite) !important;
        }
    .infotext {
        font-family: var(--font) !important;
        }
    .row.sales-table-row {
        background-color: whitesmoke;
        }
    .row.sales-table-row.odd-row {
        background-color: white;
        }
    .profile-account-title.padding-top-15, .profile-account-title {
        font-family: var(--font) !important;
        color: var(--text) !important;
        }
    .role-big {
        opacity: 0;
        }
    .show-profile .navbar {
        background-color: var(--main) !important;
        border-top: 2px solid var(--secondarymain) !important;
        border-bottom: 2px solid var(--secondarymain) !important;
        }
    .component.table .table tbody {
       background-color: var(--firstrow) !important;
        }
    .minimap {
        content: var(--minimap);
        }
    .table {
        font-family: var(--font) !important;
        color: var(--themewhite) !important;
        background-color: var(--secondrow) !important;
        }
    .horse-item .content {
        font-family: var(--font) !important;
        color: var(--themewhite) !important;
        background-color: var(--lessopaquecream) !important;
        }
    .horse-item .content h2 {
        color: var(--themewhite) !important;
        }
    .horse-item .breed-and-age, .horse-stats .horse-stat span, .horse-item .tagline, .breed, .age {
        color: var(--main) !important;
        font-family: var(--font) !important;
        font-weight: 600 !important;
        }
    .horses-title-desktop {
        font-family: var(--font) !important;
        font-size: 35px !important;
        overflow: visible !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(--icons) !important;
        }
     .fas.fa-user-circle, .fas.fa-star, .fas.fa-map, .fas.fa-comments, .fas.fa-bookmark, .fa.fa-user, .fa.fa-home {
        content: var(--leaf) !important;
        }
    .form-control:disabled, .form-control[readonly], .horse-semen-vials {
        background-color: var(--spare) !important;
        }
    .bookmark-star {
        color: var(--icons) !important;
        }
    .current-capacity {
        color: var(--themewhite) !important;
        background-color: var(--subheader) !important;
        }
    .header-section-icon.type-action {
        background-color: var(--text) !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(--themewhite) !important;
        }
    .container.market-office-table {
        background-color: var(--spare) !important;
        border: none !important;
        }
    .normalize {
        color: var(--main);
        }
    .col-lg-10.main-content {
        font-family: var(--font);
        color: var(--themewhite) !important;
        background-color: var(--backdrop) !important;
        border: 0px solid var(--text) !important;
        }
    p, p span, h1, h1 span {
        font-family: var(--font) !important;
        color: var(--themewhite) !important;
        }
    h4, h4 span, h2, h2 span, h3, h3 span, li span, ul span {
        font-family: var(--font) !important;
        color: var(--themewhite) !important;
        }
    .daily-rollover-content-wrapper {
        background-color: var(--spare) !important;
        font-family: var(--font);
        color: var(--themewhite) !important;
        }
    .daily-rollover-content {
        background-color: var(--spare) !important;
        font-family: var(--font);
        color: var(--themewhite) !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, .premium-cta button:active, .button.yellow button:active {
        box-shadow: var(--shadowblue) 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,...

Reviews

No reviews yet.