THIS IS A THEME CREATED FOR HORSE REALITY
Frosty Mornings by skye
Details
Authorskye
LicenseNo Redistribution
CategoryHorse Reality
Created
Updated
Size93 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
DO NOT CLAIM IT AS YOUR OWN, USE ANY PARTS OF IT OR SELL IT
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Frosty Mornings
@version 20230422.14.39
@namespace userstyles.world/user/skye
@description THIS IS A THEME CREATED FOR HORSE REALITY
@author skye
@license No Redistribution
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
:root {
--light-sage: #55556dcc;
--picture-button: #8291bd;
--gold: #00000000;
--light-green: #55556dcc;
--gold-text: #ffffff69;
--light-text: #ffffff;
--sand: #716e89bd;
--body: #8c8ba68f;
--green-text: #ffffff69;
--gold-hover: #3b3b3c;
--green-hover: #545266;
--progress: #969ed3;
--button: #73728d;
--button-hover: #626178;
--boxes: #716e89bd;
--white: #ffffff;
--odd: #676f8bcc;
--even: #9b99a875;
--mine: #454558;
--select: #55556d;
--top-hover: #55556d;
--background: url(https://cdn.discordapp.com/attachments/731499395849388102/1098597897542582333/New_Project_46.png);
--map: url(https://cdn.discordapp.com/attachments/731499395849388102/1098599825123057684/Pearl_map_1_1.png);
--title-font: Cormorant SC;
--main-font: Cormorant SC;
--headers: url(https://cdn.discordapp.com/attachments/731499395849388102/1098601270970957835/Pearl_map_1_2.png);
}
.component.table .table {
background-color: #fff0;
margin: 0;
}
}
@-moz-document url-prefix("https://www.horsereality.com/") {
:root {
--light-sage: #55556dcc;
--picture-button: #8291bd;
--gold: #00000000;
--light-green: #55556dcc;
--gold-text: #ffffff69;
--light-text: #ffffff;
--sand: #716e89bd;
--body: #8c8ba68f;
--green-text: #ffffff69;
--gold-hover: #3b3b3c;
--green-hover: #545266;
--progress: #969ed3;
--button: #73728d;
--button-hover: #626178;
--boxes: #716e89bd;
--white: #ffffff;
--odd: #676f8bcc;
--even: #9b99a875;
--mine: #454558;
--select: #55556d;
--top-hover: #55556d;
--background: url(https://cdn.discordapp.com/attachments/731499395849388102/1098597897542582333/New_Project_46.png);
--horses: url(https://cdn.discordapp.com/attachments/731499395849388102/1098599424722206770/New_Project_47.png);
--map: url(https://cdn.discordapp.com/attachments/731499395849388102/1098599825123057684/Pearl_map_1_1.png);
--title-font: Cormorant SC;
--main-font: Cormorant SC;
}
}
@-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-hover);
}
.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%;
}
.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);
}
}
@-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;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 8px;
background: var(--odd);
}
.current-capacity:hover {
background: var(--button-hover);
}
.stall-tabs .stall-tab.active a {
color: var(--dark-text);
font-family: var(--title-font);
}
.stall-tabs .stall-tab.active {
background: var(--even);
font-family: var(--title-font);
}
.current-capacity {
padding: 3px 6px;
background: var(--button);
cursor: pointer;
border-radius: 8px;
text-align: center;
font-size: 12px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0;
color: var(--light-text);
display: -webkit-inline-box;
...