Skip to content

MountainTrail by Sapple

Details

AuthorSapple

LicenseNo License

CategorySam

Created

Updated

Size3.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

First try for an HR theme.

Please don't use it without asking.

Notes

Userstyle doesn't have notes.

Source code

/* ==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);
}
}

Reviews

No reviews yet.