DO NOT USE OR DOWNLOAD - For Xionio's use only
Xionio's Theme by Monet
Details
AuthorMonet
LicenseNo License
CategoryHorse Reality
Created
Updated
Size142 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 Xionio's Theme
@namespace github.com/openstyles/stylus
@version 1.0.0
@description 10/3/2023, 4:05:41 PM
@author Monet
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Corinthia&display=swap');
:root {
--background: url(https://cdn.discordapp.com/attachments/1121255219041402960/1162121199564886057/Xio_BG-theme_FIREF_main_bg.png?ex=653ac8b5&is=652853b5&hm=404f26ca888e71055e4c5eb18373a4a079d1c391ed6132d0721b2a03c502134c&);
--horsebackground: url(https://cdn.discordapp.com/attachments/1121255219041402960/1162486297831682138/Xio_BG-theme_FIREF_horse_bg.png?ex=653c1cbb&is=6529a7bb&hm=c2b030c38db8c4c8258c015b18266d7e9604c9efc75e10b5a1692c91bafb929b&);
--horseadopt: url(https://cdn.discordapp.com/attachments/1121255219041402960/1162485251289915462/Xio_BG-theme_FIREF_horse_adopt_bg.png?ex=653c1bc1&is=6529a6c1&hm=a7bbeb6d79253db9cf46c3292c28a8f348440605f8426168439a5b01c223b2ea&);
--font: 'Gilda Display', serif;
--displayfont: 'Corinthia', cursive;
--darkestpurple: rgb(101,75,84);
--green: rgb(193, 177, 182);
--duskybrown: rgb(126, 115, 119);
--cream: rgb(165, 132, 157);
--opaqueduskydarkgreen: rgb(204, 184, 194);
--moreopaqueduskydarkgreen: rgba(105, 89, 100, .75);
--lessopaquecream: rgba(216, 167, 207, .2);
--opaquecream: rgba(65, 67, 55, .33);
--moreopaquecream: rgba(86, 40, 71, .55);
--white: rgb(249, 246, 246);
--grey: rgb(116, 114, 115);
--olive: rgb(142, 118, 135);
--row: rgba(143, 116, 134, .75);
--transparent: rgba(0, 0, 0, 0);
/* --darkestpurple: rgb(101,75,84);
--green: rgb(202, 185, 194);
--duskybrown: rgb(126, 115, 119);
--cream: rgb(178, 142, 169);
--opaqueduskydarkgreen: rgb(215, 194, 204);
--moreopaqueduskydarkgreen: rgba(105, 89, 100, .75);
--lessopaquecream: rgba(216, 167, 207, .2);
--opaquecream: rgba(65, 67, 55, .33);
--moreopaquecream: rgba(86, 40, 71, .55);
--white: rgb(249, 244, 244);
--grey: rgb(129, 124, 127);
--olive: rgb(142, 118, 135);
--row: rgba(143, 116, 134, .75);
--transparent: rgba(0, 0, 0, 0);*/
}
@-moz-document url-prefix("https://v2.horsereality.com") {
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
.header-menu .user-nav a span, .bluebar.user .hide-xs .user .arrow {
font-family: var(--displayfont) !important;
font-size: 20px !important;
font-weight: 700 !important;
padding-bottom: 0px !important;
overflow: visible !important;
}
.header-cta .cta-button button {
margin-top: -7px !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;
}
.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 {
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(--transparent) !important;
}
.minimap {
content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1162490768548708452/Xionio_Minimap_2.png?ex=653c20e5&is=6529abe5&hm=6e93065f90577a676238a6809bb4a2c844ad4f14314cb8fde9bbbc42efebed69&");
}
.table {
font-family: var(--font) !important;
color: var(--white) !important;
background-color: var(--green) !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 .horses-title-desktop {
color: var(--transparent) !important;
overflow: visible !important;
}
.horses-title .horses-title-desktop::before {
content: 'Foresty Ranch' !important;
font-size: 50px !important;
line-height: 50px !important;
font-family: var(--displayfont) !important;
font-weight: 400 !important;
margin-bottom: 15px !important;
color: var(--white) !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(--cream) !important;
}
.bookmark-star {
color: var(--cream) !important;
}
.current-capacity {
color: var(--white) !important;
background-color: var(--row) !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(--darkestpurple);
}
.col-lg-10.main-content {
font-family: var(--font);
color: var(--white) !important;
background-color: var(--opaquecream) !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(31, 19, 28, .4) 0 2px 4px, rgba(31, 19, 28, .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(31, 19, 28, .4) 0 4px 8px, rgba(31, 19, 28, .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-in...