Sunflower 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.
Sunflower theme
Please don't use it without asking.
/* ==UserStyle==
@name Sunflowers
@version 10022024.1
@namespace userstyles.world/user/Sapple
@description Hreal Theme
@author Sapple
@license No License
==/UserStyle== */
@-moz-document domain("horsereality.com") {
:root {
--m-b-bg: url("https://i.imgur.com/sv5Tcly.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);
}
}