Theme for Eichen
Eichen Theme by hmg
Details
Authorhmg
LicenseCC No Redistribution
Categoryuserstyles
Created
Updated
Size40 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This theme is NOT free. If you are caught using this code/using my CSS code you will be reported to Stylus.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Eichen Theme
@version 20221003.00.16
@namespace userstyles.world/user/hmg
@description Theme for Eichen
@author hmg
@license CC No Redistribution
==/UserStyle== */
@-moz-document domain("horsereality.com") {
/* ==UserStyle==
@name Kikimora
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Theme for Kikimora
@author Me (IvyDeLasTormentas)
==/UserStyle== */
body.background.north-america, body.background.south-america, body.background.europe, body.background.australia, body.background.asia, body.background.africa
{
background-image: url(" https://i.imgur.com/Kj0asir.jpg ");
background-size: cover;
background-position: 0%;
}
.minimap.asia
{
background-image: url(https://cdn.discordapp.com/attachments/924763828665856020/1019811531778695179/257CA42C-29F7-4F2B-B15F-3D29F3047EF6.png);
}
.minimap.europe
{
background-image: url(https://cdn.discordapp.com/attachments/924763828665856020/1019811531778695179/257CA42C-29F7-4F2B-B15F-3D29F3047EF6.png);
}
element.style {
background-image: url(https://cdn.discordapp.com/attachments/924763828665856020/1019017393957257346/unknown.png);
}
@media screen and (min-width: 420px) {}
.horse-list .horse-item .image {
background-size: 0;
}
.component.npc {
display: -webkit-box;
display: flex;
border-radius: 20px
}
.looking_at {
background-color: #926c1ead;
position: absolute;
padding: 10px;
margin-left: 280px;
text-align: center;
top: 20px;
width: 640px;
border-radius: 20px
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
position: absolute;
display: none;
background-color: #060202;
z-index: 9999;
margin-top: 50px;
width: 130px;
padding: 10px 15px;
transition: .5s all ease-in-out;
border-radius: 20px
}
.statusbar {
float: left;
width: 125px;
margin: 5px 0 10px;
background-color: #e4d374ab;
border: 2px solid #926c1ead;
height: 16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #060202;
text-align: center;
font-family: Fantasy;
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
.progressbar {
background: #fff0
}
.stall-tabs .stall-tab.active {
background: #060202
}
ul li a:active, ul li a:link, ul li a:visited {
text-decoration: none;
color: #e4d374;
}
.component.npc .left {
min-width: 150px;
max-width: 150px;
background-size: cover;
}
.table td, .table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #fff0;
}
.component.table .table {
background-color: #fff0;
margin: 0;
}
nav .pagination .page-item .page-link {
margin: 0 3px;
padding: 5px 10px;
text-align: center;
position: relative;
border: none;
border-radius: 30px;
background: var(--even);
}
body.background.europe {
background: url(https://i.imgur.com/Kj0asir.jpg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
element.style {
background-color: #fff0;
}
.horse_left .left {
float: left;
width: 80px;
margin-right: 10px;
font-weight: 700;
color: #e4d374
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
color: #e4d374;
text-decoration: none;
font-weight: 700;
}
.horse-stats .horse-stat-affection i {
color: #926c1e;
}
.horse-stats .horse-stat-fitness i {
color: #926c1e;
}
.horse-stats .horse-stat-energy i {
color: #926c1e;
}
element.style {
background-image: url(https://i.imgur.com/XIaQ56a.jpg);
}
.header-menu .mobile-menu .icon span {
background: #e4d374;
display: block;
width: 100%;
height: 4.5px;
border-radius: 20px;
position: absolute;
left: 0;
right: 0;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e4d374ab;
border-radius: 20px;
}
.horses .empty {
padding: 30px;
width: 100%;
border: 1px solid #fff0;
border-radius: 20px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.horse-list .horse-item .content-wrapper {
flex-direction: row;
background: #060202;
}
.mobile-menu-container .ava img {
width: 100%;
height: auto;
border: 1px solid #fff0;
}
.button.primary {
background: #e4d374ab;
color: #060202;
border-radius: 20px;
font-family: Fantasy;
}
.current-capacity {
padding: 3px 6px;
background: #e4d374ab;
cursor: pointer;
border-radius: 20px;
text-align: center;
font-size: 12px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0;
color: #060202;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
}
.current-capacity i {
color: #060202;
margin-left: 6px;
}
.horse-stats .horse-stat span {
display: block;
width: 22px;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0;
color: #926c1e;
}
.horse-filters-search input {
width: 100%;
height: 32px;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 20px;
background: #e4d374ab;
color: #060202;
}
.horse-item h2 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: #926c1e;
font-family: FANTASY;
}
nav .pagination .page-item:not(.disabled) .page-link {
color: #926c1e;
}
nav .pagination .page-item .page-link {
margin: 0 3px;
padding: 5px 10px;
text-align: center;
top: 0px;
border: none;
border-radius: 20px;
background: #e4d374;
color: #926c1e;
}
nav .pagination .page-item.active .page-link {
font-weight: 700;
color: #e4d374;
background: #060202ab;
border-radius: 20px
}
button.normalize {
padding: 0;
color: #060202;
border: 0;
background: 0 0;
}
.stall-tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: #fff0;
}
.stall-tabs .stall-tab.active a {
color: #e4d374;
}
.horse-grid .horse-item .content-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
padding: 15px;
background-color: #060202ab;
border-radius: 20px;
}
.horse-grid .horse-item .image {
height: 150px;
background-position: -50px 87%;
background-size: 0%;
border-radius: 20px;
}
.horse-list .horse-item .content-wrapper {
flex-direction: row;
background: #060202ab;
}
.horse-item .content {
overflow: hidden;
border-radius: 8px;
background: #fff0;
}
.horse-grid .horse-item .image {
height: 150px;
background-position: -50px 87%;
background-size: 130%;
border-radius: 20px
}
.show-profile .main-content
{
background-color: rgba(255, 255, 255, 0) ;
border-radius: 20px;
}
.your-rank-text {
color: #e4d374
}
.your-rank-text .big {
color: #926c1e
}
.horse_banner.europe{
background-image: url( "https://i.imgur.com/Kj0asir.jpg")
}
.header-menu
{
background:#060202 ;
}
.energy_val {
color: #e4d374
}
.header-menu nav .main-menu .user-nav > a
{
color: #e4d374;
font-size: 13px;
-webkitsticky-: position center
}
.header-menu nav .main-menu ul li a
{
font-size: 13px;
color: #e4d374;
}
.header-menu nav .main-menu ul li a.btn
{
padding: 3px 8px;
font-weight: 700;
background: #926c1e;
border-radius: 90px;
}
.btn-warning
{
border-color: #926c1e;
}
.show-profile .navbar-avatar .navbar-avatar-container
{
z-index: 1;
width: 150px;
height: 150px;
border: 4px #e4d374;
position: absolute;
background-size: cover;
top: 165px;
left: 25px;
border-radius: 20px;
}
.show-profile .profile-name-and-estate .profile-username
{
font-family: Fantasy;
text-align: center ;
font-size: 32px !important;
font-weight: 700 !important;
color:#926c1e ;
margin-bottom: 5px !important;
}
.show-profile .profile-name-and-estate .profile-estate
{
text-align: center ;
font-size: 18px !important;
line-height: 21px !important;
font-weight: 400 !important;
color: #e4d374ab;
}
.show-profile .profile-name-and-estate {
font-family: Fantasy;
color: #926c1e;
text-shadow: 0 0 3px rgba(255, 255, 255, 0);
}
.show-profile .profile-ranking-container .profile-rank
{
font-family: Fantasy;
text-align: center;
margin-bottom: 0;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #926c1e;
}
.show-profile .profile-ranking-container .profile-rank-position
{
font-size: 26px !important;
text-align: right;
font-weight: 700 !important;
color: #e4d374ab ;
margin-bottom: 5px !important;
}
.show-profile .profile-ranking-container {
font-family: Fantasy;
color: #e4d374;
text-shadow: 0 0 3px rgba(255, 255, 255, 0);
}
.show-profile .navbar
{
font-family: Fantasy;
background-image: url( " https://cdn.discordapp.com/attachments/924763828665856020/1019017393957257346/unknown.png " ) !important;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding-top: 0;
padding-bottom: 0;
min-height: 40px !important;
}
.show-profile .navbar .nav-link
{
padding: 8px 20px;
line-height: 24px;
font-weight: 500;
color: #e4d374;
font-size: 14px;
}
.show-profile .profile-account h2
{
font-family: Fantasy;
font-size: 14px;
font-weight: 600;
color:#926c1e ;
}
body
{
font-family: Fantasy;
font-size: 12.5px;
font-weight: 400;
line-height: 1.5;
color:#e4d374 ;
text-align: left;
}
.show-profile .profile-account...