Skip to content

Spring by Sapple

Write a review Install Get Stylus

Details

AuthorSapple

LicenseNo License

CategorySam

Created

Updated

Size3.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

My 2nd attempt for a custom theme. Will be edited later.
Please don't use it without asking.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Spring
@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/0CeqJcd.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);
}
}

Reviews

No reviews yet.