Authorhaleighsb
LicenseNo License
CategoryHR
Created
Updated
Size72 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Custom theme made by HaleighSB for Akumaju.
This code is mine and mine only. This theme is to only be used by the creator and the intended recipient. Anyone caught using my code or themes without permission will get their toes eaten (and banned from mine and other’s art sales).
Custom theme made by HaleighSB for Akumaju.
This code is mine and mine only. This theme is to only be used by the creator and the intended recipient. Anyone caught using my code or themes without permission will get their toes eaten (and banned from mine and other’s art sales).
/* ==UserStyle==
@name bWEUpIx
@namespace bWEUpIx
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Arima&display=swap');
:root {
--side-nav: #47428a;
--horse-care: #47428a;
--trim: #3e4a90;
--top-nav-bckg: #47428acc;
--profile-nav: #47428a;
--main-text: #8ca2ca;
--side-nav-text: #6a80a8;
--body-bckg: #423c50b5;
--detail-text: #8599c0;
--secondary-link-highlight: #dde6f6;
--link-highlight: #dde6f6;
--progress-bar: #d4e1fa;
--click-button: #47428a;
--button-highlight: #7f79c4;
--boxes: #7699c1;
--unknown-two: #000;
--management-text: #000;
--odd-boxes: #59568c;
--even-boxes: #616082;
--background: url(https://cdn.discordapp.com/attachments/932748751955697665/1004109700540940338/Untitled_design_72.png);
--title-font: "Arima";
--main-font: "Arima";
--headers: url(https://cdn.discordapp.com/attachments/893678070651846699/1004808097971327016/unknown.png);
--mini-map: url(https://cdn.discordapp.com/attachments/932748751955697665/1004808592194535444/unknown.png);
--horse-bckg: #605775
}
body.background.africa {
background-image: var(--background);
}
body.background.asia {
background-image: var(--background);
}
body.background.australia {
background-image: var(--background);
}
body.background.europe {
background-image: var(--background);
}
body.background.north-america {
background-image: var(--background);
}
body.background.south-america {
background-image: var(--background);
}
.minimap.asia,
.minimap.africa,
.minimap.south-america,
.minimap.australia,
.minimap.europe,
.minimap.north-america {
background-image: var(--mini-map);
}
.main-content {
background: var(--body-bckg);
padding: 15px;
}
.header-menu {
background: var(--top-nav-bckg);
border-bottom: 2px solid var(--top-nav-bckg);
z-index: 100;
}
.header-menu nav .main-menu .user-nav > a {
color: var(--main-text);
font-family: Arima;
font-weight: normal;
font-size: 14px;
text-transform: capitalize;
}
.header-menu nav .stats {
text-align: right;
color: var(--main-text);
font-family: arima;
font-size: 13px;
}
.header-menu nav .stats a {
color: var(--main-text);
}
.header-menu nav .main-menu ul li a {
font-size: 14px;
font-family: arima;
color: var(--main-text);
font-weight: normal;
}
.header-menu nav .main-menu ul li a:not(.btn):hover {
text-decoration: none;
color: var(--link-highlight);
}
.header-menu nav .main-menu .user-nav > a:hover {
color: var(--link-highlight);
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
left: -80px!important;
min-width: 12rem!important;
background: var(--top-nav-bckg);
border: 2px solid var(--trim);
border-radius: 0px 0px 20px 20px;
opacity: 100%;
}
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover {
background: 0 0;
color: var(--link-highlight);
}
.show-profile .profile-account h2 {
background-image: var(--headers);
border: 2px solid var(--trim);
border-radius: 10px 10px 10px 10px;
font-size: 20px;
opacity: 80%;
text-align: center;
font-family: var(--title-font);
color: var(--trim);
padding: 5px;
}
.milestones .milestone-title {
font-size: 14px;
font-weight: 500;
text-align: center;
color: var(--main-text);
}
.component.frame .wrapper .subheader {
background-image: var(--headers);
color: var(--trim);
font-weight: 600;
padding: 5px 10px;
}
.side-nav {
padding: 10px;
background: var(--side-nav);
opacity: 69%;
border: 2px solid var(--side-nav);
border-radius: 0px 0px 20px 20px;
width: 130px;
padding: 10px;
}
.side-nav ul .subtitle {
font-family: arima;
font-size: 18px;
margin-bottom: 5px;
line-height: 21px;
font-weight: 900;
text-transform: uppercase;
color: var(--main-text);
}
.side-nav ul a {
font-size: 14px;
font-family: arima;
font-weight: normal;
text-transform: capitalize;
color: var(--main-text);
padding: 0;
}
.side-nav ul a:hover {
color: var(--link-highlight);
text-decoration: none;
}
element.style {
background-color: var(--body-bckg);
}
.footer {
background: var(--side-nav);
font-family: arima;
color: var(--main-text);
padding-top: 10px;
padding-bottom: 10px;
vertical-align: middle;
margin-bottom: 50px;
}
.footer::after {
font-weight: normal;
float: left;
color: var(--main-text);
font-size: 18px;
font-family: arima;
font-weight: bold;
opacity: 65%;
content: "(C) HaleighSB";
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: var(--odd-boxes);
text-align: center;
font-family: arima;
white-space: nowrap;
background-color: var(--progress-bar);
}
.estate-item {
background-color: var(--odd-boxes);
border: 2px solid var(--odd--boxes);
border-radius: 20px 20px 20px 20px;
padding: 10px 15px;
width: 100%!important;
height: 100%;
}
.estate-item .estate-item-name {
font-size: 16px;
text-align: center;
font-family: arima;
font-weight: 700!important;
color: var(--detail-text);
margin-bottom: 15px;
}
.horse-grid .horse-item .content-wrapper {
background-color: var(--odd-boxes);
opacity: 90%
}
.horse-stats .horse-stat span {
display: block;
width: 22px;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0;
color: var(--detail-text);
}
.horse-filters-search input {
width: 100%;
height: 32px;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 8px;
background: var(--body-bckg);
}
button.normalize {
padding: 0;
color: #fff;
border: 0;
background: 0 0;
}
.stall-tabs .stall-tab > span,
.stall-tabs .stall-tab a {
font-size: 13px;
font-weight: 700;
line-height: 20px;
display: block;
padding: 6px 16px;
white-space: nowrap;
color: var(--main-text);
background-color: var(--body-bckg);
border-radius: 8px 8px 0px 0px
}
.stall-tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: var(--body-bckg);
}
.button.primary {
background: var(--click-button);
}
.current-capacity {
padding: 3px 6px;
background: var(--body-bckg);
cursor: pointer;
border-radius: 8px;
text-align: center;
font-size: 12px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0;
color: var(--detail-text);
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
}
.horse-list .horse-item .content-wrapper {
flex-direction: row;
background-color: var(--odd-boxes);
}
.horse-item h2 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: var(--main-text);
}
.horse-item .breed-and-age,
.horse-item .tagline {
font-size: 13px;
line-height: 21px;
display: block;
letter-spacing: 0;
color: var(--detail-text);
}
.estate-item .estate-item-buy button {
background-color: var(--click-button);
border: 1px solid var(--click-button);
font-family: arima;
font-weight: 600;
color: var(--main-text);
padding: 0.375rem 0.75rem;
line-height: 1.5;
border-radius: 20px 20px 20px 20px;
}
.estate-item .estate-item-buy button:hover {
background-color: var(--button-highlight);
text-decoration: none;
}
.fitting-room .horse-select-row {
background-color: var(--trim);
margin-top: 15px;
padding-top: 5px;
padding-bottom: 5px;
font-family: arima;
font-weight: 600;
color: var(--main-text);
font-size: 13px;
}
.component.frame .wrapper {
background: var(--subhdr);
font-family: arima;
font-weight: normal;
color: var(--detail-text);
font-size: 14px;
}
.component.table .table tbody tr:nth-of-type(odd) {
background-color: var(--odd-boxes);
}
.component.table .table tbody tr:nth-of-type(even) {
background-color: var(--even-boxes);
}
.fitting-room .fitting-room-bg-row:hover {
cursor: pointer;
background-color: var(--button-highlight)!important;
}
.fitting-room .fitting-room-bg-row h1 {
font-size: 18px!important;
font-family: arima;
color: var(--detail-text);
line-height: 21px;
margin-bottom: 0;
}
.fitting-room .rowIsSelected tr {
background-color: var(--progress-bar);
opacity: .5;
}
.fitting-room .selectedRow {
background-color: var(--progress-bar)!important;
opacity: 1!important;
}
.table {
width: 100%;
margin-bottom: 1rem;
color: var(--detail-text);
}
p {
font-family: arima;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: var(--detail-text);
}
.fitting-room .buy-row .buy-row-left .go-to-...