HR Theme for AndromedaSmiles
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
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);
...