Skip to content

Alfries Theme by Monet

Details

AuthorMonet

LicenseNo License

CategoryHorse Reality

Created

Updated

Size59 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           Alfries Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    7/21/2023, 3:05:24 PM
@author         Monet
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com"), domain("www.horsereality.com") {
    @import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
        :root {
            --background: url(https://cdn.discordapp.com/attachments/1121255219041402960/1131452842864029726/profilebg_crosscountry_Alfries.png);
            --horsebackground: url(https://cdn.discordapp.com/attachments/1121255219041402960/1131452777575493733/profilebg_pinewoodchique.jpeg);
            --horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1134957597758324899/adopt_Alfries.jpg);
            --font: 'Gilda Display', serif;
            --duskydarkgreen: #202a1e;
            --darkgreen: #0a3e06;
            --green: rgba(42, 58, 41, .75);
            --duskybrown: #4c4034;
            --cream: #b8ab93;
            --opaqueduskydarkgreen: rgba(42, 58, 41, .5);
            --moreopaqueduskydarkgreen: rgba(42, 58, 41, .75);
            --lessopaquecream: rgba(181, 166, 148, .2);
            --opaquecream: rgba(181, 166, 148, .33);
            --moreopaquecream: rgba(169, 152, 131, .55);
            --opaquelightgreen: rgba(163, 187, 157, .75);
            --white: rgb(242, 238, 233);
            --grey: #817e7c;
            --olive: #7A7462;
            --transparent: rgba(0, 0, 0, 0);
            }
    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-avatar .navbar-avatar-container {
        border: none;
        /*border-radius: 5px;*/
        }
    .show-profile .navbar {
        background-color: var(--duskydarkgreen) !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/1132052605024075848/photo-1503221043305-f7498f8b7888_1.png");
        }
    .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;
        }
    .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(--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;
        }
    .normalize {
        color: var(--duskydarkgreen);
        }
    .col-lg-10.main-content {
        font-family: var(--font);
        color: var(--white) !important;
        background-color: var(--opaquecream) !important;
        border: 2px solid var(--cream) !important;
        /*border-radius: 5px;*/
        }
    p, h1 {
        font-family: var(--font) !important;
        color: var(--white) !important;
        /*border-radius: 5px;*/
        }
    h4, h2, h3 {
        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 {
        background-color: var(--olive) !important;
        border: 0px solid var(--moreopaquecream) !important;
        /*border-radius: 5px !important;*/
        box-shadow: none !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 {
        background-color: var(--duskybrown) !important;
        border: 1px solid var(--moreopaquecream) !important;
        color: var(--olive) !important;
        /*border-radius: 5px !important;*/
        box-shadow: none !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 {
        background-color: var(--olive) !important;
        border: 1px solid var(--duskybrown) !important;
        /*border-radius: 5px !important;*/
        box-shadow: none !important;
        }
    .yellow_btn, .form-control {
        background: var(--duskydarkgreen);
        border: 1px solid var(--green) !important;
        /*border-radius: 5px !important;*/
        box-shadow: none !important;
        }
    .header-cta {
        background-color: var(--olive);
        border-top: 2px solid var(--cream);
        }
    .header-cta .cta-text .cta-description {
        color: var(--duskydarkgreen) !important;
        }
    .header-cta .cta-timer {
        color: var(--duskydarkgreen) !important;
        }
  /*  img[src="https://www.horsereality.com/images/bottom-arrow-blue.png"] {
        content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1132092140663623770/cream_bottom-arrow-blue.png") !important;
        }*/
    .horse_arrows img:hover {
        transition: .2s;
        transform: scale(1.05);
        }
    .slidedownmenu li a.logout {
        background-image: url("https://cdn.discordapp.com/attachments/1121255219041402960/1132092140973981756/cream_cross-blue.png");
        }
    #bbmenu.user ul.slidedown li a.arrow {
        background-image: url("https://cdn.discordapp.com/attachments/1121255219041402960/1132092140663623770/cream_bottom-arrow-blue.png");
        }
    .slidedownmenu li a.logout:hover {
        background-image: url("https://cdn.discordapp.com/attachments/1121255219041402960/1132092141485707334/duskybrown_cross-blue.png") !important;
        }
    #bbmenu.user ul.slidedown li a.arrow:hover, #bbmenu.user ul.slidedown li a.arrow:active {
        background-image: url("https://cdn.discordapp.com/attachments/1121255219041402960/1132092141271789568/duskybrown_bottom-arrow-blue.png") !important;
        }
  /*  #worldlayers img.dblock {
        border-radius: 5px !important;
        }*/
    .dropdown-divider {
        border-top: 1px solid var(--cream);
        }
    .show-profile .main-content {
        background-color: var(--moreopaquecream) !important;
        border: 2px solid var(--cream) !important;
        /*border-radius: 5px;*/
        }
    .side-nav {
        background-color: var(--opaquecream) !important;
        border: 2px solid var(--cream) !important;
        height: 730px;
        /*border-rad...

Reviews

No reviews yet.