horsereality theme that transforms the background from the continental into the 5th anniversary.
HR 5th Anniversary BG by Ivy
Details
AuthorIvy
LicenseNo License
Categoryuserstyles
Created
Updated
Size2.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
V1 - F2U theme, CSS not f2U.
Source code
/* ==UserStyle==
@name HR 5th Anniversary BG
@version 20231005.15.44
@namespace userstyles.world/user/Ivy
@description horsereality theme that transforms the background from the continental into the 5th anniversary.
@author Ivy
@license No License
==/UserStyle== */
@-moz-document domain("horsereality.com") {
:root {
--m-b-bg: url("https://www.horsereality.com/images/profilebg_anniversary5.jpg");
}
.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%;
}
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);
}
}