A single style that combines all of the below Horse Overview tweaks for ease of use.
Huge thanks to Nofia for helping me get started with CSS!
HR Horse Overview Tweaks by nagapie
Details
Authornagapie
LicenseNo License
Categoryhttps://v2.horsereality.com/horses/
Created
Updated
Size1.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Update 13.10.2023
Removed button roundness changes. Fixed Unassigned tab button losing its bottom margin as of recent HR changes.
Source code
/* ==UserStyle==
@name HR Horse Overview Tweaks
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Changes the overall appearance of the HR Horse Overview page.
@author Nagapie & Nofia
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/horses/") {}
.stall-tabs .default {
margin-bottom: 3px;
}
.stall-tabs .stall-tab {
margin-bottom: 3px;
}
.stall-tabs {
display: flex;
flex-wrap: wrap !important;
overflow: visible;
}
.stall-tab-edit form {
padding-right: 36px;
}
.horses-stall-left,
.horses-stall-right {
display: none;
}
.horse-list li:nth-child(even) .content {
background: #fff !important;
}
.horse-list .horse-item {
margin-bottom: 0px;
}
.horse-item .content {
border-radius: 0px;
}
.horse-stats .horse-stat-energy i {
color: #030d27;
}
.horse-stats .horse-stat-fitness i {
color: #030d27;
}
.horse-stats .horse-stat-affection i {
color: #030d27;
}
.horse-stats .horse-stat--low span {
color: #030d27;
}