Skip to content

Ardy Halloween by Ivy

Write a review Install Get Stylus

Details

AuthorIvy

LicenseNo License

Categoryuserstyles

Created

Updated

Size79 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

CSS Code and theme 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         Ardy Halloween
@version      20231107.19.13
@namespace    userstyles.world/user/Ivy
@description  CSS Code and theme are NOT free to use.
@author       Ivy
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         Ardy Halloween Theme
@version      20230917.21.00
@namespace    userstyles.world/user/Ivy
@description  Not F2U. (Code or style)
@author       Ivy
@license      No License
==/UserStyle== */

@-moz-document domain("horsereality.com") {
/* ==UserStyle==
@name           Ardy Halloween Theme
@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=Playfair+Display&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/eI7JzEJ.jpg");
    --m-bg: url("https://i.imgur.com/MeGXlZW.png");
    --m-b-bg: url("https://i.imgur.com/h9cPPbU.jpg");
    --img: url("https://i.imgur.com/YNoIUzR.png");
    --mrk-bg: url("https://i.imgur.com/6ay0vEJ.jpg");
    --wlp-b: url("https://i.imgur.com/DBtyLkt.png");
    /* fonts */
    --m-font: 'Playfair Display', serif;
    --t-font: 'Cormorant SC', serif;
}

/* containers */
button.yellow:hover,
input[type=submit].yellow:hover {
    background-color: var(--color2);
}

#mail_right p a:active,
#mail_right p a:visited,
#mail_right p a:link {
    color: var(--t2);
    text-decoration: none;
}
.freezer .inline {
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 900px
}

.minimap.europe {
    width: 140px;
    height: 140px;
    background: var(--m-bg)!important;
    background-position: 50%;
    background-size: cover;
    border-radius: 70px;
}

.center {
    background-color: var(--color3);
    margin: 0;
    padding-bottom: 25px;
    float: right;
    min-height: 650px;
}

.bluebar_container {
    width: 100%;
    background-color: var(--color3-s);
    height: 80px;
    position: relative;
    z-index: 1000;
}

.footer {
    background: var(--color3-s);
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

.leftnav {
    float: left;
    background-color: var(--color3);
    width: 150px;
    z-index: 900;
    padding: 10px;
    border-radius: 0px 0px 0px 20px;
}

.horse_banner.europe {
    background-image: var(--h-bg);
}

.horse_left {
    position: absolute;
    top: 0;
    margin: 20px 0 20px 20px;
    width: 220px;
    padding: 10px;
    background-color: var(--color3);
    border-radius: 5px
}

.looking_at {
    background-color: var(--color3);
    border-radius: 5px;
    position: absolute;
    padding: 10px;
    margin-left: 280px;
    text-align: center;
    top: 20px;
    width: 640px;
}

.container_12 .grid_6.half_block {
    background-color: var(--color3);
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
    width: 458px;
    margin: 10px;
}

.horse_blockimg {
    float: left;
    width: 60px;
    padding: 5px;
    height: 60px;
    margin: 5px;
    background-color: #fff0;
}

.container_12 .grid_12.stable_block {
    background-color: #fff0!important;
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
    border-top: 10px solid var(--color3);
    width: 938px;
    margin: 10px;
}

.pedigree {
    float: left;
    background-color: var(--color3);
}

.top {
    background-color: var(--color3);
    color: var(--t1);
    font-family: var(--t-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding: 5px;
    width: calc(100% - 10px);
    float: left;
}
.container_12 .grid_8.training_left {
    margin-top: 10px;
    background-color: #fff0;
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
    width: 618px;
}

.container_12 .grid_4.training_right {
    margin-top: 10px;
    background-color: #fff0;
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
    width: 298px;
}

.training_right > .block {
    float: left;
    width: 278px;
    background-color: #fff0;
    padding: 10px;
}

.training_left .horsetraining .traincon {
    display: flex;
    width: 118px;
    padding: 20px 10px 10px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    background-color: #fff0;
}

.traincon.selected {
    background-color: var(--color3)!important;
    border-radius: 5px;
}
.training_left h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: "Quicksand";
    text-align: center;
    margin: 20px 10px;
    padding: 5px;
    color: var(--t1);
    background-color: var(--color3);
    border-radius: 5px;
}
.training_right > .block > .comp img,
.training_right > .block > .show img {
    background-color: #fff0;
}
.energybar {
    float: left;
    width: 274px;
    background-color: var(--color3);
    border: 1px solid var(--color3);
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 20px;
    margin: 3px 0;
}

.training_right > .block > .barcon > .trainbar {
    float: left;
    width: 146px;
    background-color: var(--color3);
    border: 1px solid var(--color3);
    height: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 16px;
    margin: 3px 0;
}
.grid_6.genetics {
    margin-top: 10px;
    background-color: #fff0;
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
    width: 458px;
    font-size: 13px;
    line-height: 16px;
}
.genetic_table_row {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff0;
}
.subtop {
    background-color: var(--color3);
    font-family: "Quicksand";
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--t1);
    padding: 5px;
    float: left;
    width: 928px;
}
.genetic_result {
    float: right;
    width: 78px;
    padding: 10px;
    background-color: var(--color3);
    font-weight: 400;
    text-align: center;
    border-radius: 10px;
}
.genetic_tests .test_block .first {
    float: left;
    width: 20px;
    padding: 10px;
    background-color: var(--color3);
    text-align: center;
    border-radius: 10px;
}
.genetic_potential {
    float: left;
    width: 120px;
    padding: 10px;
    background-color: var(--color3);
    font-weight: 700;
}
button.yellow,
input[type=submit].yellow {
    background-color: var(--color3);
}
.row_300 {
    float: left;
    width: 288px;
    padding: 8px 5px;
    background-color: #fff0;
}
.odd {
    background-color: #fff0;
}
.even {
    background-color: var(--color3);
}
.tabclick.tabsel,
.tabclick2.tabsel,
.tabclick3.tabsel {
    text-decoration: none;
    cursor: pointer;
    background-color: #fff0;
    font-weight: 700;
}
.tabclick,
.tabclick2,
.tabclick3 {
    float: left;
    margin-right: 1px;
    padding: 5px 10px;
    background-color: var(--color3);
    text-align: center;
    border-radius: 5px;
}

.table_con.private_notes .grid_12,
.table_con.public_notes .grid_12 {
    background-color: #fff0;
    border-left: 1px solid var(--color3);
    border-bottom: 5px solid var(--color3);
    border-right: 1px solid var(--color3);
}

.horse_statusbar {
    float: left;
    width: 76px;
    background-color: var(--color3);
    border: 2px solid var(--color3);
    height: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: var(--t1);
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}

.energy {
    float: left;
    display: block;
    background: var(--color3);
    border-radius: .25rem;
}

.disc {
    float: left;
    display: block;
    background: var(--color3);
    border-radius: .25rem;
}

.affection {
    float: left;
    display: block;
    background: var(--color3);
    border-radius: .25rem;
}

.trainbar {
    float: left;
    width: 114px;
    margin: 8px 0 15px;
    background-color: var(--color3);
    border: 2px solid var(--color3);
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
}

.trainbar > .exp {
    float: left;
    display: block;
    background: var(--color3);
}

.danger {
    background-color: var(--color1);
    color: var(--t3);
}

button.dark,
input[type=submit].dark {
    font-size: 12px;
    line-height: 18px;
    background-color: var(--color3);
    color: var(--t1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    padding: 3px 8px;
}

.header-cta {
    z-index: 991;
    margin-top: 50px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(--color2-s);
    text-align: center;
    position: fixed;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.header-cta .cta-button button {
    font-size: 13px;
    line-height: 18px;
    font-family: "Quicksand";
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    color: var(--t1);
    background-color: var(--color3);
    padding: 3px 8px;
}

.breadcrumbs {
    background-color: var(--color3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 15px 10px;
    padding: 8px 15px...

Reviews

No reviews yet.