Skip to content

AndromedaSmiles by Ivy

Details

AuthorIvy

LicenseNo License

Categoryuserstyles

Created

Updated

Size76 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

HR Theme for AndromedaSmiles

Notes

CSS code and theme not free to use.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         AndromedaSmiles
@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") {
/* ==UserStyle==
@name           AndromedaSmiles Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    DO NOT USE
@author         IvyDeLasTormentas
==/UserStyle== */
}

@-moz-document url-prefix("https://v2.horsereality.com/user/") {
.show-profile .profile-account {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: var(--color3);
    border-radius: 5px;
}

.show-profile .navbar .nav-link {
    font-family: var(--t-font);
    border: none;
    border-radius: 0;
    color: var(--t1);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 20px;
    height: 100%;
}

.show-profile .navbar .nav-link:hover {
    font-family: var(--t-font);
    border: none;
    border-radius: 0;
    color: var(--t1);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 20px;
    height: 100%;
    background-color: var(--color3);
}

.show-profile .profile-account h2 {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--t-font);
    margin: 0;
    color: var(--t1);
}

.show-profile .profile-account table tr td {
    padding: 8px 5px;
    vertical-align: middle;
    font-family: "Quicksand";
    color: var(--t2);
    background-color: #fff0;
}

.show-profile .profile-account .tag-npc,
.show-profile .profile-account .tag-player {
    font-family: "Quicksand";
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding-left: 0;
    text-align: left;
    color: var(--t1);
}

.show-profile .profile-name-and-estate .profile-username {
    font-size: 32px!important;
    font-weight: 700!important;
    margin-bottom: 5px!important;
    color: var(--t1);
}

.show-profile .profile-ranking-container .profile-rank-position {
    font-size: 26px!important;
    font-weight: 700!important;
    margin-bottom: 5px!important;
    text-align: right;
    color: var(--t3);
}

table {
    background-color: #fff0!important;
    width: 100%;
    border-radius: 5px;
}

.show-profile .navbar-avatar .navbar-avatar-container {
    position: absolute;
    z-index: 1;
    top: 165px;
    left: 25px;
    width: 150px;
    height: 150px;
    /* border: 4px solid #183448; */
    background-size: cover;
}
}

@-moz-document domain("horsereality.com") {
/* fonts */
.col-4 .logo {
    opacity: 10%;
    color: var(--t1)!important;
}

.mobile-menu-container a {
    color: var(--t1);
}

.mobile-menu-container hr {
    border-color: var(--t1);
}

.mobile-menu-container .ava img {
    width: 100%;
    height: auto;
    border: 1px solid #fff0;
}

.header-menu .mobile-menu {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgNDAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgMjU1LCAyNTUsIDEpJyBzdHJva2Utd2lkdGg9JzQnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgZD0nTTQgMTBoMzBNNCAyMGgzME00IDMwaDMwJy8+PC9zdmc+);
    cursor: pointer;
    width: 30px;
    height: 40px;
    flex-shrink: 0;
    opacity: 10%;
}

.header-menu .user-nav a {
    vertical-align: middle;
    font-size: 13px;
    color: var(--t1);
}

.mobile-menu-container ul li .subtitle {
    font-size: 18px;
    text-align: center;
    color: var(--t1);
    margin-bottom: 5px;
    font-weight: 700;
}

.header-menu .logo img {
    width: auto;
    height: 35px;
    margin-top: 4px;
    color: var(--t1)!important;
    opacity: 10%;
}

.header-menu .user-nav a span:first-child:hover {
    min-width: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--t1-s);
}
.header-menu .user-nav {
    display: flex;
    flex-shrink: 1;
    min-width: 0;
    -moz-column-gap: .4em;
    column-gap: 0.4em;
    align-items: center;
    position: relative;
    padding: 0 1em;
    height: 100%;
    color: var(--t1);
}

.header-menu .user-nav.dropdown-active,
.header-menu .user-nav:hover {
    background-color: var(--color1);
}

.header-menu .currencies li a {
    font-size: 13px;
    color: var(--t1);
    display: flex;
    -moz-column-gap: 2px;
    column-gap: 2px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.header-menu .currencies li a:hover {
    font-size: 13px;
    color: var(--t1-s);
    display: flex;
    -moz-column-gap: 2px;
    column-gap: 2px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.header-menu .stats {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: right;
    color: var(--t1);
    font-size: 11px;
}

.bookmark-star {
    font-size: 20px;
    color: var(--t1)!important;
}

.fa-minus:before,
.fa-subtract:before {
    content: "\F068";
    color: var(--t1);
}

.fa-add:before,
.fa-plus:before {
    content: "+";
    color: var(--t1);
}

.competitions .table .progress .progress-text {
    position: absolute;
    width: 100%;
    padding: 2px 0 0;
    text-align: center;
    color: var(--t1);
}

img[src="/img/icons/energy.png"] {
    content: var(--img);
}

.responsive-table .progress-bars .progress img {

    position: absolute;
}

h1 a:active,
h1 a:link,
h1 a:visited {
    color: var(--t1);
    text-decoration: none;
}

.stall-tab-edit span.count {
    color: var(--t1)!important;
}

.fa-trash:before {
    content: "\F1F8";
    color: var(--t1);
}

.fa-pen:before {
    content: "\F304";
    color: var(--t1);
}

.stall-tab-edit input {
    padding: 0;
    transition: all .2s;
    color: var(--t1)!important;
    border: 0;
    outline: none;
    background: 0 0;
}

.header-menu .user-nav a:hover {
    text-decoration: none;
    color: var(--t2);
}

.city .mobile-world-menu a {
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--t1);
}

.footer ul li a {
    color: var(--t1);
    font-family: "Quicksand";
    font-size: 12px;
}

.footer h6 {
    font-family: "Quicksand";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 4px 0 0;
    color: var(--t1);
}

.footer::after {
    content: "Theme made by IvyDeLasTormentas";
}

body {
    margin: 0;
    font-family: "Quicksand";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: var(--t2);
    text-align: left;
    background-color: #fff0;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    transition: all .3s ease-out;
    border: 2px solid var(--t2);
    border-radius: 5px;
    background-color: #fff0;
}

.laboratory .laboratory-genes .select-all-genes label {
    font-size: 14px;
    height: 20px;
    padding-right: 4px;
    cursor: pointer;
    vertical-align: super;
    color: var(--t1);
}

.checkbox-label input:checked ~ .checkbox-custom {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    border: 2px solid var(--t2);
    border-radius: 5px;
    background-color: var(--t1);
}

.laboratory .laboratory-genes .genes-row .gene-alleles {
    flex-shrink: 0;
    width: 100px;
    padding: 10px 3px;
    text-align: center;
    color: var(--t2);
    background-color: #fff0;
}

.laboratory .laboratory-genes .genes-row .gene-group .gene-group-alleles {
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
    vertical-align: top;
    color: var(--t1);
}

.laboratory .laboratory-genes .genes-row .gene-group {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 3px 10px;
    color: var(--t1);
    background-color: #fff0;
}

.fa-horse-head:before {
    content: "\F7AB";
    color: var(--t1);
}

.fa-box-open:before {
    content: "\F49E";
    color: var(--t1);
}

.fa-vial:before {
    content: "\F492";
    color: var(--t1);
}

.fa-filter:before {
    content: "\F0B0";
    color: var(--t1);
}

.fa-eye:before {
    content: "\F06E";
    color: var(--t1);
}

.market-office-table .market-office-table-row-highestbid,
.market-office-table .market-office-table-row-offers {
    padding-right: 0;
    color: var(--t2);
}

.market-office-table .market-office-table-row-timer {
    padding-left: 0;
    color: var(--t2);
}

.market-office-table .market-office-table-row-autobuy {
    padding-right: 0;
    color: var(--t1);
}

.market-office-table .market-office-table-header h4.title {
    font-size: 16px;
    display: inline-block;
    text-transform: none;
    color: var(--t1);
}

.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover {
    background: 0 0;
    color: var(--t1-s);
}

.side-nav ul .subtitle {
    font-size: 14px;
    font-family: var(--t-font);
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--t1);
}

.side-nav ul a:hover {
    color: var(--t2-s);
    text-decoration: none;
}

.header-menu nav .main-menu .user-nav > a {
    color: var(--t1);
    font-size: 13px;
    font-family: var(--t-font);
}

.header-menu nav .main-menu .user-nav > a:hover {
    color: var(--t1-s);
    font-size: 13px;
    font-family: var(--t-font);
}

.header-menu nav .main-menu ul li a {
    font-size: 13px;
    font-family: "Quicksand";
    color: var(--t1);
}

.d-xl-block {
    display: block!important;
    font-family: "Quicksand";
    color: var(--t1)!important;
}

.header-menu nav .stats a {
    color: var(--t1);
    font-family: "Quicksand";
}



.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header,
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: 0.5rem 1rem;
    color: var(--t1);
    font-family: "Quicksand";
}

.progress span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: var(--t1);
}

.side-nav ul a {
    font-size: 13px;
    font-weight: 700;
    font-family: "Quicksand";
    text-transform: capitalize;
    color: var(--t2);
...

Reviews

No reviews yet.