Skip to content

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

horsereality theme that transforms the background from the continental into the 5th anniversary.

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);
}
}

Reviews

No reviews yet.