DO NOT USE OR DOWNLOAD - for Firefoxx's use only
Phoenix_Fire's Theme by Monet
Details
AuthorMonet
LicenseNo License
CategoryHorse Reality
Created
Updated
Size123 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Firefoxx's Theme
@namespace github.com/openstyles/stylus
@version 1.0.0
@description 11/21/2023, 8:54:07 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/1121255219041402960/1178513952427212880/Firefoxx_Main_AI_Merged_BG.png?ex=65766ba5&is=6563f6a5&hm=203285683d774a436f1c08a41ca0a7fbe8d60db332758081fd6e962ae7275a29&);
--horsebackground: url(https://cdn.discordapp.com/attachments/1121255219041402960/1178930473272090664/Firefoxx_Horse_AI_Merged_BG.png?ex=6577ef90&is=65657a90&hm=c0d652e11a4beb4fcab7cf27d361ba7de79c618b9853930e2d82a40693df369e&);
--horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1134957597758324899/adopt_Alfries.jpg);
/* --font: 'Great Vibes', cursive;*/
--font: 'Gilda Display', serif;
--darkerestpurple: rgb(32, 9, 6);
--darkestpurple: rgb(62, 15, 12);
--green: rgb(174, 151, 135);
--duskybrown: rgb(189, 173, 159);
--lighterduskybrown: rgb(139, 100, 66);
--cream: rgb(142, 125, 109);
--opaqueduskydarkgreen: rgb(98, 82, 79);
--moreopaqueduskydarkgreen: rgba(16, 11, 7, .5);
--blue: rgb(4, 4, 4);
--lessopaquecream: rgba(48, 44, 43, .5);
--opaquecream: rgba(108, 90, 88, .5);
--moreopaquecream: rgba(20, 18, 18, .55);
--white: rgb(177, 162, 158);
--opaquewhite: rgba(131, 87, 66, .5);
--grey: rgb(54, 51, 50);
--olive: rgb(80, 23, 19);
--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(95,69,62) !important;
}
.minimap {
content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1178545161161146368/Firefoxx_Minimap.png?ex=657688b6&is=656413b6&hm=1a6ebe157a5cc8bbd86fbf74aa9bacaca2a12ea5cb2d7e9b32eff2ec74762e4d&");
}
.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(--lessopaquecream) !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(--blue) !important;
}
.form-control:disabled, .form-control[readonly], .horse-semen-vials {
background-color: var(--moreopaqueduskydarkgreen) !important;
}
.bookmark-star {
color: var(--blue) !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, .premium-cta button:active, .button.yellow button:active {
box-shadow: var(--blue) 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, .premium-cta button:focus, .button.yellow button:focus {
box-shadow: var(--blue) 0 0 0 1.5px inset, rgba(0, 0, 0, .4) 0 2px 4px, rgba(0, 0, 0, .3) 0 7px 13px -3px, var(--blue) 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, .premium-cta button:hover, .button.yellow button:hover {
box-shadow: rgba(0, 0, 0, .4) 0 4px 8px, rgba(0, 0, 0, .3) 0 7px 13px -3px, var(--blue) 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...