First try for an HR theme.
Please don't use it without asking.
AuthorSapple
LicenseNo License
CategorySam
Created
Updated
Size3.2 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
First try for an HR theme.
Please don't use it without asking.
/* ==UserStyle==
@name MountainTrail
@version 14012024.1
@namespace userstyles.world/user/Sapple
@description Horsereality Theme
@author Sapple
@license No License
==/UserStyle== */
@-moz-document domain("horsereality.com") {
:root {
--m-b-bg: url("https://i.imgur.com/y5EFavL.png");
}
.horse_banner.asia {
background-image: var(--m-b-bg);
}
.horse_banner.africa {
background-image: var(--m-b-bg);
}
.horse_banner.australia {
background-image: var(--m-b-bg);
}
.horse_banner.north-america {
background-image: var(--m-b-bg);
}
.horse_banner.south-america {
background-image: var(--m-b-bg);
}
.horse_banner.europe {
background-image: var(--m-b-bg);
}
.horse-list .horse-item .image {
display: flex;
align-items: flex-end;
justify-content: center;
width: 110px;
padding: 13px;
background-image: var(--m-b-bg)!important;
background-repeat: no-repeat;
background-position: -50px 100%;
background-size: 166%;
}
.horse-grid .horse-item .image {
height: 150px;
background-image: var(--m-b-bg)!important;
background-position: -50px 87%;
background-size: 130%;
}
.horse_photocon {
position: absolute;
height: 445px;
width: 550px;
margin-top: 80px;
margin-right: 130px;
margin-bottom: 10px;
margin-left: 120px;
top: 0;
right: 0;
}
.horse_photocon.foal {
width:500px;
margin-top:100px
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.horse_photocon.foal {
position: absolute;
height: 445px;
width: 550px;
margin-top: 100px;
margin-right: 17px;
margin-bottom: 10px;
margin-left: 132px;
top: 0;
right: 0;
}
body.background.africa {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.asia {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.australia {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.europe {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.north-america {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.south-america {
background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
content: var(--m-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
content: var(--m-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
content: var(--m-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
content: var(--m-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
content: var(--m-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
content: var(--m-b-bg);
}
}