Free fix, changes horse tabs to side bar instead of top bar. Removes gender tags.
HR side bar fix by whitthemes
Details
Authorwhitthemes
LicenseNo Redistribution
CategoryHR
Created
Updated
Size4.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name HR side bar fix
@version 20220921.15.06
@namespace userstyles.world/user/whitthemes
@description Free fix, changes horse tabs to side bar instead of top bar. Removes gender tags.
@author whitthemes
@license No Redistribution
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/horses") {
.horse-item h2 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: #151438;
}
.button.primary {
background: #081b28;
}
.button.primary:hover {
background: #030c12;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/horses") {
.horse-filters-search input {
width: 100%;
height: 32px;
position: relative;
left: 320px;
top: -420px;
margin-top: 120px;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 8px;
background: #e2ecf5;
}
.horses-header {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
.horse-list .horse-item .horse-stats {
padding: 0;
margin-left: -20px;
}
.horse-item .sex {
font-size: 11px;
font-weight: 600;
line-height: 14px;
position: absolute;
padding: 1px 4px;
text-align: left;
margin-top: 9px;
margin-right: 600px;
letter-spacing: .23px;
text-transform: uppercase;
color: #fafbff00;
border-radius: 3px;
background: #f17e6c00;
}
.stall-tabs {
display: -webkit-box;
display: block;
overflow-x: auto;
top: 50px;
width: 20%;
margin-bottom: 0;
margin-left: -18px;
padding: 0;
list-style: none;
-ms-overflow-style: none;
scrollbar-width: none;
}
.horse-list .horse-item .breed-and-age {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-left: -105px;
}
.horses-stall-left, .horses-stall-right {
display: none;
}
.stall-tabs .stall-tab {
position: relative;
z-index: 2;
margin-right: 3px;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 30px;
background: var(--select);
}
.horse-list .horse-item .content {
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
width: 80%;
position: relative;
left: 170px;
top: -430px;
}
button.normalize {
padding: 0;
color: #000;
border: 0;
background: 0 0;
position: relative;
top: -400px;
}
nav .pagination .page-item .page-link {
margin: 0 3px;
padding: 5px 10px;
text-align: center;
position: relative;
top: -420px;
border: none;
border-radius: 3px;
background: #eaf0f2;
}
.stall-tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: #e2ecf500;
}
.horse-item .horse-mini-status>* {
margin-right: 5px;
}
.horse-item .horse-mini-status>:last-child {
margin-right: 70px;
}
.stall-tabs-wrapper {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
top: 90px;
}
.horse-item .dam, .horse-item .foal {
font-size: 11px;
font-weight: 600;
line-height: 14px;
position: absolute;
top: 3px;
left: 3px;
padding: 1px 4px;
text-align: center;
letter-spacing: .23px;
text-transform: uppercase;
color: #0000;
border-radius: 3px;
background: #fff0;
}
.horse-item .sex-mare {
background: #db346e00;
}
.horse-item .sex {
font-size: 11px;
font-weight: 600;
line-height: 14px;
position: absolute;
z-index: 5;
right: 3px;
bottom: 3px;
padding: 1px 4px;
text-align: center;
letter-spacing: .23px;
text-transform: uppercase;
color: #fafbff00;
border-radius: 3px;
background: #f17e6c00;
}
.horse-list .horse-item .horse-mini-status {
margin-left: -5px;
}
}