Skip to content

Maize by Ivy

Write a review Install Get Stylus

Details

AuthorIvy

LicenseNo License

Categoryuserstyles

Created

Updated

Size80 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

CSS code and website style are 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         Maize
@version      20240120.16.59
@namespace    https://userstyles.world/user/Ivy
@description  CSS code and website style are not free to use.
@author       Ivy
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         [TBN]
@version      20231029.21.08
@namespace    userstyles.world/user/Ivy
@description  HR Theme for AndromedaSmiles
@author       Ivy
@license      No License
==/UserStyle== */

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

    :root {
        /* text colors */
        --t1: #e0f6f57a;
        --t2: #afdedd7a;
        --t3: #0b1517a1;
        --t1-s: #e0f6f5;
        --t2-s: #366a68;
        --t3-s: #0b1517;
        /* solid colors */
        --color1: #e0f6f57a;
        --color2: #afdedd7a;
        --color3: #0b1517a1;
        --color1-s: #e0f6f5;
        --color2-s: #366a68;
        --color3-s: #0b1517;
        /* backgrounds */
        --h-bg: url("https://i.imgur.com/DdNv08P.png");
        --m-bg: url("https://i.imgur.com/I1VqUHr.png");
        --m-b-bg: url("https://i.imgur.com/VPTJuwl.jpg");
        --img: url("https://i.imgur.com/YNoIUzR.png");
        /* fonts */
        --m-font: "Quicksand";
        --t-font: "Cormotant Garamond";
    }

/* 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(--color1);
}

.button.primary:hover {
    background: var(--color1-s);
    color: var(--t3);
}

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/profilebg_asia.jpg"] {
    content: var(--h-bg);
}

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

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

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

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

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


/* containers */
.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);
}

.alert-warning {
    color: var(--t2);
    background-color: var(--color3);
    border-color: var(--color3-s);
}

.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-s);
    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);
}

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

.market-item-price .item-price .content-background {
    display: block;
    padding: 0 6px;
    background: #fff0;
}

.market-item-price .market-item-price-icon {
    font-size: 11px;
    color: var(--color3);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: var(--color1);
}

.market-item-price td .content-background {
    min-height: 22px;
    border-top: 1px solid var(--color1);
    border-bottom: 1px solid var(--color1);
}

.market-item-price td:last-child .content-background {
    border-right: 1px solid var(--color1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.item-image-uses {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: -10px;
    bottom: 0;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
    color: var(--t1);
    border-radius: 0.25em;
    background-color: 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;...

Reviews

No reviews yet.