Skip to content

2024 spring - S green by cappynnyoo

Write a review Install Get Stylus

Details

Authorcappynnyoo

LicenseNo License

Categoryhreality

Created

Updated

Size28 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

hreality

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         2024 spring - S green
@version      20240630.19.26
@namespace    https://userstyles.world/user/cappynnyoo
@description  hreality
@author       cappynnyoo
@license      No License
==/UserStyle== */

:root {
	--map: url(https://i.imgur.com/Mc5dj6U.png);
	--map-hover: url(https://i.imgur.com/06QRWpC.png);
}

img[src="https://www.horsereality.com/images/dp-horse.png"] {
	content: url(https://i.imgur.com/6fraaQb.png);
}




.fitting-room .fitting-room-bg-row img.background-preview-image {
	border: 0px solid #FFF;
	border-radius: 50px;
	box-shadow: 5px 5px 10px 0px rgba(.65, .65, .65, .65);
}
/*DAILY ROLLOVER BANNER*/
img[src="https://v2.horsereality.com/img/caroll-rollover.jpg"] {
	content: url(https://i.imgur.com/bOufJ02.png);
}

.foal-pastures .miniature-block.asia,
.foal-pastures .miniature-block.africa,
.foal-pastures .miniature-block.europa,
.foal-pastures .miniature-block.australia,
.foal-pastures .miniature-block.north-america,
.foal-pastures .miniature-block.south-america {
	background: url(https://i.imgur.com/HFuRDV2.png) no-repeat;
}

/*AIRPORT*/
.airport .component.npc.airport-npc .left {
	height: unset!important;
	background-position: 5%;
	background-image: url(https://i.imgur.com/83aOriQ.png)!important;
}
.component.npc.airport-npc {
	background: rgba(219, 219, 219, 0);
	height: 264px!important;
}


/*RIDING SCHOOL*/
.component.npc .left {
	min-width: 200px;
	max-width: 200px;
	background-size: cover;
	background-image: url(https://i.imgur.com/MN58tjX.png)!important;
}


/*FOAL PASTURE*/
.component.npc-center .left {
	min-width: 150px;
	max-width: 150px;
	background-size: cover;
	background-image: url(https://i.imgur.com/mM9GN5F.png)!important;
}

/*FOUNDATION*/
img[src="https://www.horsereality.com/images/npc-id6-caroll.jpg"] {
	content: url(https://i.imgur.com/d9kcjqk.png)!important;
	border-radius: 0px
}


.adopt_blockimg.asia,
.adopt_blockimg.europe,
.adopt_blockimg.africa,
.adopt_blockimg.australia,
.adopt_blockimg.south-america,
.adopt_blockimg.north-america {
	background: url(https://i.imgur.com/HFuRDV2.png) no-repeat;
	background-size: 210px;
}

/*Market*/
img[src="https://www.horsereality.com/images/market_explore.jpeg"] {
	content: url(https://i.imgur.com/TLO9cqb.png);
}
img[src="https://www.horsereality.com/images/market_office.jpeg"] {
	content: url(https://i.imgur.com/1HV3xhB.png);
}

/*V2 Images*/
.fade-in-image {
	opacity: 100%;
}

.fade-in-image:hover {
	opacity: 100%;
	transition: opacity 4s;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]:hover {
	content: var(--map-hover);
	-webkit-animation: fadeIn 4s;
	-moz-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
	-ms-animation: fadeIn 2s;
}

/*V1 Images*/
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
	content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
	content: var(--map);
}

/*Horse Info*/
.horse_left {
	position: absolute;
	top: 0;
	margin: 20px 0 20px 20px;
	width: 220px;
	padding: 10px;
	background-color: #FFFFFF70;
	border-radius: 30px;
	opacity: 75%;
}
/* width */
::-webkit-scrollbar {
	width: 18px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #607E9E70;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #FFFFFF70;
	border-radius: 10px 10px 10px 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #FFFFFF70;
	border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-corner {
	background: #607E9E70;
}
/* BACKGROUND */
body.background.north-america,
body.background.south-america,
body.background.europe,
body.background.australia,
body.background.asia,
body.background.africa {
	background-image: url("https://i.imgur.com/1ANp5n6.png");
	background-size: cover;
	background-position: 100%;
}
.horse_banner.europe,
.horse_banner.australia,
.horse_banner.africa,
.horse_banner.asia,
.horse_banner.south-america,
.horse_banner.north-america {
	background-image: url(https://i.imgur.com/HFuRDV2.png);
	opacity: 100%;
}


.show-profile.green-garden .medium-color,
.show-profile.green-garden .navbar,
.show-profile.green-garden th {
	background: #505d42!important;
	border-radius: 8px;
}
element.style,
body.background.africa,
body.background.asia,
body.background.australia,
body.background.europe,
body.background.north-america,
body.background.south-america {
	background-image: url(https://i.imgur.com/1ANp5n6.png)!important;
}

.main-content {
	background: #212A2275 !important;
	padding: 15px;
}


.horse-grid .horse-item .image {
	height: 150px;
	background-image: url(https://i.imgur.com/HFuRDV2.png)!important;
}
.header-menu .user-nav a {
	vertical-align: middle;
	font-size: 13px;
	color: #ffffff;
}
.header-menu .user-nav a:hover {
	text-decoration: none;
	color: #ffffff;
}

.header-menu .user-nav button {
	background-color: #505d42;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: .4em;
	margin-left: .3em;
	display: inline-block
}
.header-menu .user-nav button:focus-visible {
	outline-style: auto;
	outline-offset: 2px
}
.header-menu .user-nav button:after {
	content: "";
	border-top: .3em solid #ffffff9e;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
.header-menu .user-nav #user-nav-dropdown {
	color: #505d42;
	display: none;
	position: absolute;
	top: 100%;
	bottom: auto;
	left: 0;
	padding: 1em 1.5em 1.5em;
	background-color: #505d42;
	opacity: 75%;
	border-radius: 0px 0px 30px 30px;
}
.header-menu .user-nav.dropdown-active,
.header-menu .user-nav:hover {
	background-color: #505d42;
}

.show-profile .navbar-avatar .navbar-avatar-container {
	border: 3px;
	border-radius: 25px;
	padding: 20px;
}
.show-profile .profile-name-and-estate .profile-username {
	font-size: 24px!important;
	opacity: 60%;
	font-family: WindSong;
	font-weight: 500!important;
	color: #ffffff;
	margin-bottom: 5px!important;
}
.show-profile .profile-name-and-estate .profile-estate {
	font-size: 16px;
	font-family: Times New Roman;
	line-height: 21px;
	font-weight: 500;
	letter-spacing: 0.75px;
	color: #ffffff;
	opacity: 30%;
}
.show-profile .profile-ranking-container .profile-rank {
	text-align: left;
	margin-bottom: 0;
	font-size: 12px;
	font-family: Times New Roman;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	opacity: 30%;
}
.show-profile .profile-ranking-container .profile-rank-position {
	font-size: 20px!important;
	font-family: Times New Roman;
	text-align: right;
	font-weight: 500!important;
	color: #ffffff);
	letter-spacing: 0.75px;
	margin-bottom: 5px!important;
	opacity: 60%;
}

/*Navigation bar on profile*/
.show-profile .navbar {
	background-color: #FFFFFF70;
	opacity: 100%;
	width: 925px;
	margin-left: 15px;
	margin-right: 35px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5px;
	margin-bottom: 10px;

	height: 20px!important;
}
.show-profile .navbar .nav-link {
	padding: 8px 20px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1.75px;
	font-family: Times New Roman;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
}

.show-profile .navbar/* PROFILE NAV BAR BACKGROUND COLOUR */
{
	background-color: #505d42;
	opacity: 100%;
}
.component.frame .wrapper/* TABLE BORDERS COLOUR */
{
	background: #505d42;
}
.footer/* FOOTER BACKGROUND COLOUR */
{
	background: #505d42;
	opacity: 100%;
}
/* 3RD COLOUR FFF6EB */
.side-nav/* SIDE NAV BAR BACKGROUND COLOUR */
{
	background: #B5A1A11F;
	opacity: 50%;
}
.show-profile .profile-account/* INFORMATION BOX BACKGROUND COLOUR */
{
	background-color: #FFFFFF70;
	opacity: 50%;
	border-radius: 20px 20px 20px 20px;
}

.component.table .table tbody tr:nth-of-type(odd)/* HORSE ROW BACKGROUND / HORSE TAB */
{
	background-color: #FFF6EB;
	opacity: 100%;
}
.component .odd-row/* HORSE ROW BACKGROUND COLOUR / SALES TAB */
{
	background-color: #FFF6EB;
	opacity: 100%;
}

.header-menu nav .main-menu .user-nav > button:...

Reviews

No reviews yet.