Skip to content

General by Ivy

Write a review Install Get Stylus

Details

AuthorIvy

LicenseNo License

Categoryuserstyles

Created

Updated

Size76 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

CSS and Theme are not F2U.

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         General
@version      20231020.15.32
@namespace    userstyles.world/user/Ivy
@description  CSS and Theme are not F2U.
@author       Ivy
@license      No License
==/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: #b9cbe7;
    --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;
}
.link-table {
        border: 2px solid var(--color3-s)!important;
        max-width: 900px!important;
    }

    .link-table .link-table-row .link-table-icon-container .link-table-icon {
        line-height: 64px;
        width: 40px;
        height: 50px;
        text-align: center;
        border-radius: 0.25rem;
        background: var(--color3);
    }

    .link-table .link-table-row .link-table-icon-container .link-table-icon i {
        font-size: 28px;
        color: var(--color1-s);
    }

    .total-horses i,
    .total-items i,
    .total-vials i {
        color: var(--t1);
    }

.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;
    bac...

Reviews

No reviews yet.