Skip to content

Spring by Ivy

Write a review Install Get Stylus

Details

AuthorIvy

LicenseNo License

Categoryuserstyles

Created

Updated

Size84 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme and CSS not free to use.

Notes

V1

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Spring
@version      20231031.15.45
@namespace    userstyles.world/user/Ivy
@description  Theme and CSS not free to use.
@author       Ivy
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         General
@version      20230929.18.57
@namespace    ?
==/UserStyle== */
/* ==UserStyle==
@name         General
@version      20230926.15.47
@namespace    userstyles.world/user/Ivy
@description  CSS Code and theme are NOT free to use.
@author       Ivy
@license      No License
==/UserStyle== */

@-moz-document domain("horsereality.com") {
/* ==UserStyle==
@name           General
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    DO NOT USE
@author         Ivy
==/UserStyle== */
}

@-moz-document domain("horsereality.com") {
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&family=Quicksand:wght@300&display=swap');

:root {
    /* text colors */
    --t1: #e5e7b94f;
    --t2: #ac98795c;
    --t3: #111e305c;
    --t1-s: #e5e7b9;
    --t2-s: #7992ac;
    --t3-s: #252c3d;
    /* solid colors */
    --color1: #e5e7b94f;
    --color2: #ac98795c;
    --color3: #111e305c;
    --color1-s: #b9cbe7;
    --color2-s: #7992ac;
    --color3-s: #111e30;
    /* backgrounds */
    --h-bg: url("https://i.imgur.com/Zdj7Ofl.png");
    --m-bg: url("https://i.imgur.com/oVgxbEc.png");
    --m-b-bg: url("https://i.imgur.com/sN5ckeC.png");
    --img: url("https://i.imgur.com/YNoIUzR.png");
    /* fonts */
    --m-font: 'Quicksand';
    --t-font: 'Cormorant SC';
    /*currencies*/
    --dp: url("https://i.imgur.com/3ADDP2l.png");
    --hrc: url("https://i.imgur.com/P29KHKK.png");
    --ft: url("https://i.imgur.com/IY8s8xt.png");
    --wt: url("https://i.imgur.com/JPewQN0.png");
}

/* backgrounds */
body.background.africa {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.asia {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.australia {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.europe {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.north-america {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.south-america {
    background: var(--m-b-bg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

.horse-list .horse-item .image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 110px;
    padding: 13px;
    background-image: var(--h-bg)!important;
    background-repeat: no-repeat;
    background-position: -50px 100%;
    background-size: 166%;
}

.button.primary {
    background: var(--color3);
}

.button.primary:hover {
    background: var(--color3-s);
    color: var(--t1);
}

img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
    content: var(--m-bg);
}

img[src="https://www.horsereality.com/images/continent_europe.jpg"] {
    content: var(--mrk-bg);
}

img[src="https://www.horsereality.com/icon/deltapoints.png"] {
    content: var(--dp);
}

img[src="https://www.horsereality.com/icon/coin.png"] {
    content: var(--hrc);
}

img[src="https://www.horsereality.com/icon/ticket-foundation.png"] {
    content: var(--ft);
}

img[src="https://www.horsereality.com/icon/ticket-wildlife.png"] {
    content: var(--wt);
}

/* containers */
.city .main-content .world-map img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.market-office-table {
    margin-bottom: 10px;
    border: 2px solid var(--color3);
    max-width: 900px;
}

.daily-rollover-content-wrapper {
    position: relative;
    z-index: 500;
    padding: 10px;
    border-radius: 5px;
    background: var(--color3);
}

.mobile-menu-container {
    display: none!important;
    position: fixed;
    min-height: calc(100% - 49px);
    max-height: 100%;
    background: var(--color3-s);
    padding: 15px;
    overflow-y: scroll;
    z-index: 100;
    color: var(--t2);
}

.market .breadcrumbs {
    font-family: "Quicksand";
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    float: left;
    width: auto;
    margin: 15px;
    padding: 8px 15px;
    color: var(--t1);
    border-radius: 3px;
    background-color: var(--color3);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: var(--t3-s);
    background-color: var(--color1);
    border-color: var(--color1);
}

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

.current-capacity:hover {
    background: var(--color3-s);
}

.header-menu {
    background: var(--color3-s);
}

.cta {
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: var(--color3);
}

.button.black,
.button.secondary.active,
.button.secondary:hover {
    color: var(--t1);
    background: var(--color3);
}

.button.black.active,
.button.black:hover {
    color: var(--t1-s);
    background: var(--color3);
}

.button.secondary {
    transition: all .2s;
    color: var(--t1);
    background: var(--color3);
}

.market-filters .filters-and-sort-by .filters,
.market-filters .filters-and-sort-by .sort-by {
    font-size: 14px;
    font-weight: 600;
    display: grid;
    height: 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: var(--t1);
    border: 0;
    border-radius: 5px;
    background-color: var(--color3);
    place-items: center;
}

.market-office-table {
    margin-bottom: 10px;
    border: 2px solid var(--color3);
}
.market-office-table .market-office-table-header {
    margin-right: -15px;
    margin-left: -15px;
    padding: 5px 10px 0;
    background: var(--color3);
}

.link-table-row-outer:nth-child(2n),
.market-office-table-row-outer:nth-child(2n) {
    background-color: var(--color3);
}

.header-section-icon.type-action {
    background-color: var(--color3);
}

.side-nav {
    padding: 10px;
    background: var(--color3);
}
.main-content {
    padding: 15px;
    background: var(--color3);
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
    left: -135px!important;
    min-width: 12rem!important;
    background: var(--color3-s);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: var(--color3-s);
    text-align: left;
    list-style: none;
    background-color: #fff0;
    background-clip: padding-box;
    border-radius: 5px;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid var(--color1);
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: var(--color1);
    border-radius: 5px;
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--color3);
    transition: width .6s ease;
}
.tabs-wrapper:after {
    position: absolute;
    z-index: 1;
    right: -15px;
    bottom: 0;
    left: -15px;
    height: 1px;
    content: "";
    background: #fff0;
}
.tabs {
    display: flex;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    color: #fff0
}
.tabs .tab.active {
    background: #fff0;
}

.tabs .tab {
    position: relative;
    z-index: 2;
    margin-right: 3px;
    transition: all .2s;
    border-radius: 5px;
    background: var(--color3);
}
.tabs .tab a:hover {
    background-color: var(--color3-s);
    border-radius: 5px;
    color: var(--t1-s)
}
.current-capacity {
    font-size: 12px;
    font-weight: 700;
    font-family: "Quicksand";
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    color: var(--t1);
    border-radius: 8px;
    background: var(--color3);
}
.horse-filters-search input {
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 30px;
    border: 0;
    border-radius: 8px;
    background: var(--color3);
}
.horse-item .content {
    overflow: hidden;
    border-radius: 8px;
    background: var(--color3);
}
.horse-list.alternate .horse-item:nth-child(2n) .content {
    background: var(--color3);
}
.horse-item .dam,
.horse-item .foal {
    font-size: 11px;
    font-weight: 600;
    font-family: "Quicksand";
    line-height: 14px;
    position: absolute;
    z-index: 5;
    bottom: 3px;
    left: 3px;
    padding: 1px 4px;
    text-align: center;
    letter-spacing: .23px;
    text-transform: uppercase;
    color: var(--t1);
    border-radius: 3px;
    background: var(--color3-s);
}
.show-profile .navbar {
    min-height: 40px!important;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 2px solid var(--color3);
    border-bottom: 2px solid var(--color3);
    ;
    background-color: var(--color3)!important;
    justify-content: flex-end;
    align-items: stretch;
    border-radius: 5px;
}
.show-profile .profile-account {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: var(--color3);
    border-radi...

Reviews

No reviews yet.