Skip to content

M Spring 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

M spring

Notes

M spring

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name       M Spring
@version    20240409.08.07
@namespace  ?
==/UserStyle== */

:root
{
	    --map: url(https://i.imgur.com/mtf6epN.png);
	    --map-hover: url(https://i.imgur.com/1mb1jmA.png);
}

/*Market*/
img[src="https://www.horsereality.com/images/market_explore.jpeg"]
{
content: url(https://i.imgur.com/aC22zGC.png); 
}
img[src="https://www.horsereality.com/images/market_office.jpeg"]
{
content: url(https://i.imgur.com/FbChImR.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/SYUjBxe.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/VpMUFbS.png);
    opacity: 100%;

}


.show-profile.green-garden .medium-color, .show-profile.green-garden .navbar, .show-profile.green-garden th {
    background: #505d42!important;
    border-radius: 20px;
	
}
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/SYUjBxe.png)!important;
    }

.main-content {
    background: #607E9E61 !important;
    padding: 15px;
}


.horse-grid .horse-item .image {
    height: 150px;
    background-image: url(https://i.imgur.com/VpMUFbS.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:#607e9e6;
	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%;
  order: overwrite;

}
.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: #607E9E70;
  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:hover {
    background-color: #FFFFFF70;
    border-color: #505d42;

}
.header-cta h2 span {
    color: #505d42;
    font-family: Roboto; 
}

.header-cta .cta-button {
    padding-top: 6px; 
}

.header-cta .cta-timer {
    padding-top: 9px; 
    color: #505d42; 
}

.header-cta {
    background-color: #505d42; 
    border-bottom: 2px solid #505d42;
    height: 38px; 
}

@-moz-document domain("www.horsereality.com") {
.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: 100%;
}

.header-menu .user-nav a:hover
{
	text-decoration:none;
	color:#ffffff7d
}

.header-menu .user-nav button
{
	background-color:#505d42;
	height:.4em;
	margin-left:.3em;
	display:inline-block
}
.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.dropdown-active,.header-menu .user-nav:hover
{
	background-color: #505d42;
}

  .show-profile .profile-name-and-estate .profile-username
  {
    font-size: 32px!important;
    opacity: 60%;
    font-family: Playfair Display SC;
    font-weight: 500!important;
    color: #ffffff;
    margin-bottom: 5px!important;
}
  .show-profile .profile-name-and-estate .profile-estate
  {
    font-size: 14px;
    font-family: Times New Roman;
    line-height: 21px;
    font-weight: 500;
    letter-spacing: 0.75px;
    color: #ffffff;
    opacity: 30%;
}
  .show-profile .profile-ranking...

Reviews

No reviews yet.