This is a theme for a game called Horse Reality.
Pearl green by skye
Details
Authorskye
LicenseNo Redistribution
CategoryHorse Reality
Created
Updated
Size88 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
THIS IS NOT FREE TO USE. THIS WAS PURCHASED WITH IGN MONEY.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Pearl green
@version 20230411.19.22
@namespace userstyles.world/user/skye
@description This is a theme for a game called Horse Reality.
@author skye
@license No Redistribution
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
:root {
--light-sage: #42563aba;
--picture-button: #717b55;
--gold: #00000000;
--light-green: #717b55;
--gold-text: #ffffff69;
--light-text: #ffffff;
--sand: #42563aba;
--body: #bac3988c;
--green-text: #ffffff69;
--gold-hover: #a9a9a9;
--green-hover: #596043;
--progress: #474e37;
--button: #717b55;
--button-hover: #4d543a;
--boxes: #3c483878;
--white: #ffffff;
--odd: #535a40a1;
--even: #94a16f29;
--mine: #474e37;
--select: #6b7451;
--top-hover: #717b55;
--background: url(https://cdn.discordapp.com/attachments/1000132734636806145/1084918531574997032/pearl_fairytale_background.png);
--map: url(https://cdn.discordapp.com/attachments/1000132734636806145/1095027430386827370/Gold_Map.png);
--title-font: Garamond;
--main-font: Garamond;
--headers: url(https://cdn.discordapp.com/attachments/731499395849388102/1084920656052899918/New_Project_29.png);
}
.component.table .table {
background-color: #fff0;
margin: 0;
}
}
@-moz-document url-prefix("https://www.horsereality.com/") {
:root {
--light-sage: #42563aba;
--picture-button: #717b55;
--gold: #00000000;
--light-green: #717b55;
--gold-text: #ffffff69;
--light-text: #ffffff;
--sand: #42563aba;
--body: #bac3988c;
--green-text: #ffffff69;
--gold-hover: #a9a9a9;
--green-hover: #596043;
--progress: #474e37;
--button: #717b55;
--button-hover: #4d543a;
--boxes: #3c483878;
--white: #ffffff;
--odd: #535a40a1;
--even: #94a16f29;
--mine: #474e37;
--select: #6b7451;
--top-hover: #717b55;
--background: url(https://cdn.discordapp.com/attachments/1000132734636806145/1084918531574997032/pearl_fairytale_background.png);
--horses: url(https://cdn.discordapp.com/attachments/1000132734636806145/1095024272772169870/Pearl_fairytale_background_1.png);
--map: url(https://cdn.discordapp.com/attachments/1000132734636806145/1095027430386827370/Gold_Map.png);
--title-font: Garamond;
--main-font: Garamond;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/delta-store") {
.delta-store-item-content {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background: var(--even);
}
.button.primary {
background: var(--button);
}
.button.primary:hover{
background: var(--button-hover);
}
.delta-store-item-footer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 10px;
color: #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
background: var(--odd);
}
.delta-store-bonus {
font-size: 10px;
font-weight: 700;
line-height: 16px;
position: absolute;
z-index: 100;
top: 3px;
right: -3px;
padding: 2px 5px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
color: #fff;
border-radius: 3px;
background: var(--button);
}
.delta-store-tag {
font-size: 11px;
font-weight: 700;
padding: 2px 5px;
text-transform: uppercase;
color: #fff;
border-radius: 3px;
background: var(--button);
}
.delta-store-item-price-total {
font-size: 24px;
font-weight: 700;
line-height: 1;
color: #fff;
}
.notice.warning {
color: #ffffff;
border: 1px solid #ffeeba00;
background: var(--even);
}
.button.black, .button.secondary.active, .button.secondary:hover {
color: #fff;
background: var(--button);
}
.delta-store-service-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: center;
justify-content: center;
width: calc(100% + 30px);
margin-bottom: -15px;
margin-left: -15px;
padding: 30px 38px;
background: var(--even);
}
.delta-store-service header {
position: relative;
padding: 12px 15px 9px;
background: var(--even);
}
.delta-store-service header h3 .delta-store-tag.active {
background: var(--button);
}
.delta-store-service footer {
padding: 15px;
border-top: 1px solid #0000;
}
.delta-store-support {
margin-top: 15px;
margin-bottom: -15px;
opacity: 0%;
}
.delta-store-best-deal-yellow {
bottom: -40px;
opacity: 0%;
}
img[src="https://www.horsereality.com/images/dp-horse.png"]
{
content: url(https://cdn.discordapp.com/attachments/1000132734636806145/1095030570121175061/Unbenanntes_Projekt.png)
}
.delta-store-best-deal {
height: 200px;
border-radius: 6px;
background: var(--even);
}
.delta-store-item-icon:before {
position: absolute;
top: -10px;
display: block;
width: 80px;
height: 80px;
content: "";
border-radius: 50%;
background: #ffffff1f;
}
.delta-store-service {
overflow: hidden;
width: 100%;
max-width: 300px;
border-radius: 8px;
background: var(--even);
}
.delta-store-item-price-deltapoints {
font-size: 15px;
font-weight: 700;
line-height: 1;
text-decoration: line-through;
color: #ffffff8a;
}
.delta-store-service section ul li {
font-size: 13px;
font-weight: 700;
position: relative;
margin-bottom: 5px;
padding-left: 16px;
color: #ffffffa1;
}
.delta-store-best-deal-price-delta-points {
font-size: 18px;
text-decoration: line-through;
color: #ffffff94;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/foal-calendar") {
.button.primary {
background: var(--button);
}
.button.primary:hover {
background: var(--button-hover);
}
.tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: var(--even);
}
.info .info-icon {
font-size: 11px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-shrink: 0;
-webkit-box-pack: center;
justify-content: center;
width: 30px;
height: 100%;
margin-right: 8px;
color: #000000;
background: var(--odd);
}
.info {
font-weight: 700;
display: -webkit-box;
display: flex;
overflow: hidden;
-webkit-box-align: center;
align-items: center;
height: 20px;
padding-right: 8px;
border-radius: 4px;
background: var(--odd);
box-shadow: inset 0 0 0 1px #00000073;
}
img[src="https://www.horsereality.com/icon/sex-mare.png"] {
content: url(https://cdn.discordapp.com/attachments/993766176914153482/1032338320073699438/Sex_-_Mare_Small.png)
}
img[src="https://www.horsereality.com/icon/sex-stallion.png"] {
content: url(https://cdn.discordapp.com/attachments/993766176914153482/1032338320509902868/Sex_-_Stallion_Small.png)
}
.fa-filter:before {
content: "\F0B0";
color: var(--mine);
}
.foal-calendar-table .filter {
font-weight: 700;
cursor: pointer;
color: #000!important;
}
.modal-inner {
width: 80%;
max-width: 400px;
padding: 10px;
-webkit-transform: scale(.9);
transform: scale(.9);
border-radius: 8px;
background: var(--even);
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.tabs .tab.active {
background: var(--odd);
}
.tabs .tab {
position: relative;
z-index: 2;
margin-right: 3px;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 8px 8px 0 0;
background: var(--even);
}
.tabs .tab > span,
.tabs .tab a,
.tabs .tab input {
font-size: 13px;
font-weight: 700;
line-height: 20px;
color: #000;
}
.tabs .tab.active a {
color: #000;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/bookmarks") {
.foal-calendar-table .filter {
font-weight: 700;
cursor: pointer;
color: var(--even)!important;
}
.tabs .tab > span,
.tabs .tab a,
.tabs .tab button {
font-size: 13px;
font-weight: 700;
line-height: 20px;
display: block;
padding: 6px 16px;
white-space: nowrap;
color: var(--button);
}
.tabs .tab.active {
background: var(--odd);
}
.tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: var(--even);
}
.tabs .tab {
position: relative;
z-index: 2;
margin-right: 3px;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 8px 8px 0 0;
background: var(--even);
}
}
@-moz-document url-prefix("https://v2.horsereality.com/horses") {
.horse-list.alternate .horse-item:nth-child(2n) .content {
background: var(--odd);
}
.horse-item .content {
overflow: hidden;
border-radius: 8px;
background: var(--even);
border-radius: 50px 50px 50px 50px;
}
.button.primary {
background: var(--button);
}
.button {
font-size: 12px;
font-weight: 700;
line-height: 18px;
min-width: 100px;
padding: 4px 16px;
-webkit-transition: all .2s;
transition: all .2s;
text-align: center;
color: var(--light-text);
border: 0;
border-radius: 30px;
}
.stall-tabs .stall-tab > span,
.stall-tabs .stall-tab a {
font-size: 13px;
font-weight: 700;
line-height: 20px;
display: block;
padding: 6px 16px;
white-space: nowrap;
color: var(--dark-text);
}
.stall-tabs .stall-tab {
position: relative;
z-index: 2;
margin-right: 3px;
-webkit-transition: all .2s;
transition: all .2s;
border-radius: 8px 8px 0 0;
background: var(--select);
}
.button.primary:hover {
background: var(--button-hover);
}
.horse-filters-search input {
width: 100%;
height: 32px;
...