Skip to content

Third Alfries' Theme by Monet

Details

AuthorMonet

LicenseNo License

CategoryHorse Reality

Created

Updated

Size120 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

DO NOT USE OR DOWNLOAD - for Alfries use only

Notes

Do not use my code in any way

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Third Alfries' Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    11/15/2023, 10:30:24 PM
@author         Monet
==/UserStyle== */

    @import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
        :root {
            --background: url(https://cdn.discordapp.com/attachments/1130948199008436265/1175206589767090186/Untitled_Artwork.png?ex=656a636d&is=6557ee6d&hm=bb1f61d1f1f82311a39bd1cb892c6aaac2e356651dc84ec6d1f87bc9b04438b2&);
            --horsebackground: url(https://cdn.discordapp.com/attachments/1130948199008436265/1172124313504194580/Kawaiichan_MergedBkg.png?ex=655f2cd5&is=654cb7d5&hm=10048f5fb990cd69eb98bee29f2c4c19d6469ff9d4d78b6330d94cf171a12ce7&);
            --horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1134957597758324899/adopt_Alfries.jpg);
          /*  --font: 'Great Vibes', cursive;*/
            --font: 'Gilda Display', serif;
            --darkerestpurple: rgb(0, 0, 0);
            --darkestpurple: rgb(14, 19, 12);
            --green: rgb(121,118,83);
            --duskybrown: rgb(102, 119, 71);
            --cream: rgb(155, 164, 146);
            --opaqueduskydarkgreen: rgb(74, 82, 69);
            --moreopaqueduskydarkgreen: rgba(131, 140, 123, .5);
            --lessopaquecream: rgba(58, 73, 43, .5);
            --opaquecream: rgba(133, 153, 120, .5);
            --moreopaquecream: rgba(16, 17, 14, .55);
            --white: rgb(179, 184, 178);
            --opaquewhite: rgba(43, 49, 39, .5);
            --grey: rgb(25, 26, 24);
            --olive: rgb(21, 31, 11);
            --transparent: rgba(0, 0, 0, 0);
            }
@-moz-document url-prefix("https://v2.horsereality.com/user") {
    .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") {
    .header-menu .user-nav a span, .bluebar.user .hide-xs .user .arrow {
        font-family: var(--font) !important;
        font-weight: 700 !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 {
        font-family: var(--font) !important;
        color: var(--white) !important;
        }
    .infotext {
        font-family: var(--font) !important;
        }
    .row.sales-table-row {
        background-color: var(--opaquewhite);
        }
    .row.sales-table-row.odd-row {
        background-color: var(--lessopaquecream);
        }
    .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: rgb(78,89,70) !important;
        }
    .minimap {
        content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1174814348531748884/Third_Alfries_map.png?ex=6568f61f&is=6556811f&hm=d5eaf5f18447d33fc48ed7b27c7a549c0173a337958e6fab1de2f87931b83a85&");
        }
    .table {
        font-family: var(--font) !important;
        color: var(--white) !important;
        background-color: var(--opaquecream) !important;
        }
    .horse-item .content {
        font-family: var(--font) !important;
        color: var(--white) !important;
        background-color: var(--moreopaqueduskydarkgreen) !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(--font) !important;
        font-weight: 600 !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;
        }
    .form-control:disabled, .form-control[readonly], .horse-semen-vials {
        background-color: var(--moreopaqueduskydarkgreen) !important;
        }
    .bookmark-star {
        color: var(--cream) !important;
        }
    .current-capacity {
        color: var(--white) !important;
        background-color: var(--olive) !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;
        }
    .container.market-office-table {
        background-color: var(--green) !important;
        border: none !important;
        }
    .normalize {
        color: var(--darkestpurple);
        }
    .col-lg-10.main-content {
        font-family: var(--font);
        color: var(--white) !important;
        background-color: var(--moreopaquecream) !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(0, 0, 0, .4) 0 2px 4px, rgba(0, 0, 0, .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(0, 0, 0, .4) 0 4px 8px, rgba(0, 0, 0, .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 50% 0, var(--green), var(--darkestpurple) 100%) !important;
        border: 0 !important;
        b...

Reviews

No reviews yet.