DO NOT USE OR DOWNLOAD - for lilsunkist's use only
lilsunkist's Theme by Monet
Details
AuthorMonet
LicenseNo License
CategoryHorse Reality
Created
Updated
Size127 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 lilsunkist's Theme
@namespace github.com/opedsnstyles/stylus
@version 1.0.0
@description 12/03/2023, 09:07:18 PM
@author Monet
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
:root {
--background: url(https://i.imgur.com/QA5UA2q.png);
--horsebackground: url(https://i.imgur.com/3HEGbZQ.png);
--horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1134957597758324899/adopt_Alfries.jpg);
--minimap: url(https://i.imgur.com/858fsaD.png);
--font: 'Petit Formal Script', cursive;
--font: 'Gilda Display', serif;
--darkerestpurple: rgb(113, 81, 112);
--darkestpurple: rgb(155,121,154);
--green: rgb(159,130,150);
--duskybrown: rgb(169, 105, 78);
--lighterduskybrown: rgb(231, 203, 235);
--cream: rgb(223, 174, 153);
--opaqueduskydarkgreen: rgb(163, 135, 153);
--moreopaqueduskydarkgreen: rgba(169, 142, 189, .5);
--blue: rgb(131,65,62);
--lessopaquecream: rgba(113, 81, 112, .5);
--opaquecream: rgb(173, 143, 157);
--moreopaquecream: rgba(155,121,154, .5);
--white: rgb(217, 202, 211);
--opaquewhite: rgba(188, 161, 177, .5);
--grey: rgb(116, 99, 111);
--olive: rgb(166, 122, 120);
--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;
}
.horse_photocon.foal {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
right: -150px;
}
.title-text {
color: var(--grey);
}
img[src="https://www.horsereality.com/icon/coin.png"] {
content: url("https://i.imgur.com/G3FLtwC.png");
}
img[src="https://www.horsereality.com/icon/deltapoints.png"] {
content: url("https://i.imgur.com/Dz9arkE.png");
}
img[src="https://www.horsereality.com/icon/ticket-foundation.png"] {
content: url("https://i.imgur.com/4p4PTNg.png");
}
img[src="https://www.horsereality.com/icon/ticket-wildlife.png"] {
content: url("https://i.imgur.com/DMVqlNa.png");
}
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: var(--opaqueduskydarkgreen) !important;
}
.minimap {
content: var(--minimap);
}
.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-size: 35px !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(--duskybrown) !important;
}
.form-control:disabled, .form-control[readonly], .horse-semen-vials {
background-color: var(--moreopaqueduskydarkgreen) !important;
}
.bookmark-star {
color: var(--duskybrown) !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(196, 187, 187, .4) 0 2px 4px, rgba(196, 187, 187, .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(196, 187, 187, .4) 0 4px 8px, rgba(196, 187, 187, .3) 0 7px 13px -3px, var(--blue) 0 -3px 0 inset !important;
transform: translateY(-2px) !important;
...