DO NOT USE OR DOWNLOAD - for Domina's use only
Domina's Theme by Monet
Details
AuthorMonet
LicenseNo License
CategoryHorse Reality
Created
Updated
Size129 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 Domina's Theme
@namespace github.com/opedsnstyles/stylus
@version 1.0.0
@description 12/03/2023, 08:18:00 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/8UpkYgw.png);
--horsebackground: url(https://i.imgur.com/KFA0xbt.png);
--horseadopt: url(https://i.imgur.com/K1un7sk.png);
/*--minimap: url(https://cdn.discordapp.com/attachments/1121255219041402960/1184980321108754532/Dominas_Minimap.png?ex=658df1ec&is=657b7cec&hm=56f69125902ce6a84acb1efa956b3784b15921dc5392caad0255c56a5babb249&);*/
--displayfont: 'Petit Formal Script', cursive;
--font: 'Gilda Display', serif;
--darkerestpurple: rgb(4, 6, 43);
--darkestpurple: rgb(18, 30, 54);
--green: rgb(89, 94, 127);
--duskybrown: rgb(122, 197, 220);
--lighterduskybrown: rgb(72, 99, 150);
--cream: rgb(163, 211, 235);
--opaqueduskydarkgreen: rgb(103, 116, 156);
--moreopaqueduskydarkgreen: rgba(113, 131, 173, .25);
--blue: rgb(149,224,225);
--lessopaquecream: rgba(58, 65, 89, .5);
--opaquecream: rgb(89, 99, 134);
--moreopaquecream: rgba(26, 29, 59, .5);
--white: rgb(231, 237, 255);
--greenwhite: rgba(134, 142, 166, .75);
--opaquewhite: rgba(85, 91, 106, .5);
--grey: rgb(47, 48, 54);
--olive: rgb(51, 64, 97);
--transparent: rgba(0, 0, 0, 0);
--higher: rgb(136, 199, 230);
--lower: rgb(52, 96, 142);
}
@-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;
}
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);
}
[alt="Europe"] {
content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1185990943896240158/continent_europe_snow.jpg?ex=65919f23&is=657f2a23&hm=b3cc9e249ce83bc4a685a4cd9138784841fc0fb71ea0aaac1c00329553b252e8&");
border-radius: 5px;
}
#worldlayers img.dblock {
content: url("https://cdn.discordapp.com/attachments/1121255219041402960/1185990944303095839/world.jpg?ex=65919f23&is=657f2a23&hm=8337a1a0ad99c8b06cc0cbb75e216b25df8742a3f3df2c3bfcfd3fc02a05aa76&") !important;
border-radius: 5px !important;
}
.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(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...