This is NOT free to use.
Chan, Vix, Skye Collab - Kiki by skye
Details
Authorskye
LicenseNo Redistribution
CategoryHorse Reality
Created
Updated
Size101 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Chan, Vix, Skye Collab - Kiki
@version 20240513.19.18
@namespace https://userstyles.world/user/skye
@description This is NOT free to use.
@author skye
@license No Redistribution
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
--light-sage: #ad977d8a;
--picture-button: #998666;
--gold: #00000000;
--light-green: #ad977d8a;
--gold-text: #ffffff;
--light-text: #ffffff;
--sand: #84735fc2;
--body: #9184687d;
--green-text: #ffffff5e;
--gold-hover: #5f5f53;
--green-hover: #e3d0a5;
--progress: #9d9878;
--button: #85775c;
--button-hover: #655a45;
--boxes: #84735fc2;
--white: #ffffff4a;
--odd: #71634947;
--even: #ab9a76a3;
--mine: #877252d4;
--select: #877252d4;
--top-hover: #82715dd1;
--background: url(https://i.imgur.com/sebed0X.jpeg);
--map: url(https://i.imgur.com/Mi88Y2H.png);
--title-font: 'Playfair Display';
--main-font: 'Playfair Display';
--headers: url(https://cdn.discordapp.com/attachments/995042732781350982/1170379317360992426/New_Project_-_2023-08-21T215725.703_1_1_2_1_1_1_1_2_1_1_1_1_1_1_1_1_1_1.png?ex=6558d3ad&is=65465ead&hm=2911753b06d1cca71bfe508da461bfe76229c5598f2caf07a88701ded7a28e84&);
}
.component.table .table {
background-color: #fff0;
margin: 0;
}
}
@-moz-document url-prefix("https://www.horsereality.com/") {
:root {
--light-sage: #ad977d8a;
--picture-button: #998666;
--gold: #00000000;
--light-green: #ad977d8a;
--gold-text: #ffffff;
--light-text: #ffffff;
--sand: #84735fc2;
--body: #9184687d;
--green-text: #ffffff5e;
--gold-hover: #5f5f53;
--green-hover: #e3d0a5;
--progress: #9d9878;
--button: #85775c;
--button-hover: #655a45;
--boxes: #84735fc2;
--white: #ffffff4a;
--odd: #71634947;
--even: #ab9a76a3;
--mine: #877252d4;
--select: #877252d4;
--top-hover: #82715dd1;
--background: url(https://i.imgur.com/sebed0X.jpeg);
--horses: url(https://i.imgur.com/95qkmJE.png);
--map: url(https://i.imgur.com/Mi88Y2H.png);
--title-font: 'Playfair Display';
--main-font: 'Playfair Display';
}
}
@-moz-document url-prefix("https://v2.horsereality.com/delta-store") {
.delta-store-service section ul li {
font-size: 13px;
font-weight: 700;
position: relative;
margin-bottom: 5px;
padding-left: 16px;
color: var(--light-text);
}
.delta-store-service section ul li:before {
position: absolute;
top: 50%;
left: 0;
width: 6px;
height: 6px;
content: "";
transform: translateY(-50%);
background: var(--mine);
}
.delta-store-service section p {
font-size: 13px;
font-weight: 700;
margin-bottom: 0;
color: var(--light-text);
}
.delta-store-history table thead {
color: #fff;
background: var(--even);
}
.delta-store-history table tbody tr:nth-child(odd) {
background: var(--odd);
}
.button.black.active, .button.black {
color: #fff;
background: var(--button);
}
.tag--red {
color: #fff;
background: #4d6062;
}
.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(--light-text);
}
.tabs .tab.active a {
color: var(--light-text);
}
.tabs .tab.active {
background: var(--odd);
}
.tabs .tab {
position: relative;
z-index: 2;
margin-right: 3px;
transition: all .2s;
border-radius: 8px 8px 0 0;
background: var(--even);
}
.tag--green {
color: #fff;
background: #394041;
}
.button.black, .button.secondary.active, .button.secondary{
color: #fff;
background: var(--button);
}
.delta-store-service header h3 .delta-store-tag {
position: absolute;
display: inline-block;
margin-left: 5px;
background: var(--button);
}
.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;
}
.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(--light-text);
}
.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...