Skip to content

greek summer 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

greek summer

Notes

greek summer

Source code

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

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

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

}


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

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


.horse-grid .horse-item .image {
    height: 150px;
    background-image: url(https://i.imgur.com/XBdCPrK.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;
    o...

Reviews

No reviews yet.