Skip to content

Symphony's Theme by skye

Homepage Write a review Install Get Stylus

Details

Authorskye

LicenseNo Redistribution

CategoryHorse Reality

Created

Updated

Size88 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is not a free to use theme, please do not use it if it wasn't made for you.

Notes

This was made in an auction for Symphony, this is her theme not yours.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Symphony's Theme
@version      20230129.14.03
@namespace    userstyles.world/user/skye
@description  This is not a free to use theme, please do *not* use it if it wasn't made for you. 
@author       skye
@license      No Redistribution
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/") {
:root {
 --light-sage: #d0977f47;
    --picture-button: #90547485;
    --gold: #ffffff00;
    --light-green: #d0977f47;
    --gold-text: #ffffff69;
    --light-text: #ffffff;
    --sand: #90547459;
    --body: #8d674a87;
    --green-text: #ffffff69;
    --gold-hover: #a9a9a9;
    --green-hover: #90547459;
    --progress: #905474;
    --button: #905474;
    --button-hover: #74435e;
    --boxes: #90547459;
   --white: #ffffff;
    --odd: #9f6b6e9e;
    --even: #70415a40;
    --mine: #905474;
    --select: #905474;
    --top-hover: #90547459;
    --background: url(https://cdn.discordapp.com/attachments/1060576691426164880/1062022745921159319/symphony1BG.png);
    --map: url(https://cdn.discordapp.com/attachments/995042732781350982/1064641005678235649/New_Project_89_5_1_2_1_2_2_1_1_6_3_2_4_2_2_1_1_1.png);
    --title-font: Cormorant SC;
    --main-font: Cormorant SC;
    --headers: url(https://cdn.discordapp.com/attachments/995042732781350982/1064640107673563227/New_Project_22.png);
}

.component.table .table {
    background-color: #fff0;
    margin: 0;
}
}

@-moz-document url-prefix("https://www.horsereality.com/") {
:root {
--light-sage: #d0977f47;
    --picture-button: #90547485;
    --gold: #ffffff00;
    --light-green: #d0977f47;
    --gold-text: #ffffff69;
    --light-text: #ffffff;
    --sand: #90547459;
    --body: #8d674a87;
    --green-text: #ffffff69;
    --gold-hover: #a9a9a9;
    --green-hover: #90547459;
    --progress: #905474;
    --button: #905474;
    --button-hover: #74435e;
    --boxes: #90547459;
  --white: #ffffff;
    --odd: #9f6b6e9e;
    --even: #70415a40;
    --mine: #905474;
    --select: #905474;
    --top-hover: #90547459;
    --background: url(https://cdn.discordapp.com/attachments/1060576691426164880/1062022745921159319/symphony1BG.png);
    --horses: url(https://cdn.discordapp.com/attachments/731499395849388102/1066807978981871616/profilebg_royalstables.jpg);
    --map: url(https://cdn.discordapp.com/attachments/995042732781350982/1064641005678235649/New_Project_89_5_1_2_1_2_2_1_1_6_3_2_4_2_2_1_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: #a77b82;
}

.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: #a77b82;
}

.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-item-price-deltapoints {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: line-through;
    color: #00000070;
}
.delta-store-best-deal-price-delta-points {
    font-size: 18px;
    text-decoration: line-through;
    color: #00000038;
}
.delta-store-service section ul li {
    font-size: 13px;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
    padding-left: 16px;
    color: #00000085;
}

.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(--picture-button);
}
.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: #5643367a;
    box-shadow: inset 0 0 0 1px var(--even);
}
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: #000;
}
.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: #fff0;
    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: #000!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(--...

Reviews

No reviews yet.