Skip to content

Kikimora Theme by hmg

Write a review Install Get Stylus

Details

Authorhmg

LicenseCC No Redistribution

Categoryuserstyles

Created

Updated

Size39 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Custom theme for Kikimora on horsereality.com

Notes

Please note that this is NOT a free theme. If I catch anyone stealing this theme, or this code you will be reported to Stylus and blacklisted permanently.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Kikimora Theme
@version      20221021.05.09
@namespace    userstyles.world/user/hmg
@description  Custom theme for Kikimora on horsereality.com
@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== */

horse_left

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/ridtAVm.jpg ");
    background-size: cover;
    background-position: 0%;
  }
.minimap.north-america {
  background-image: url('https://cdn.discordapp.com/attachments/924836375868633099/1015855085147914280/0B417C66-95CF-4B2F-A454-BFE106F55173.png');
}
.minimap.europe
{
  background-image: url('https://cdn.discordapp.com/attachments/924836375868633099/1015855085147914280/0B417C66-95CF-4B2F-A454-BFE106F55173.png');
}

body.background.europe {
    background: url(https://i.imgur.com/ridtAVm.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.north-america {
    background: url(https://i.imgur.com/ridtAVm.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: #fae9b2
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: #fae9b2;
    text-decoration: none;
    font-weight: 700;
}

.horse-stats .horse-stat-affection i {
    color: #d3ae57;
}

.horse-stats .horse-stat-fitness i {
    color: #d3ae57;
}

.horse-stats .horse-stat-energy i {
    color: #d3ae57;
}

element.style {
    background-image: url(https://i.imgur.com/XIaQ56a.jpg);
}

.header-menu .mobile-menu .icon span {
    background: #fae9b2;
    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: #fae9b2b8;
    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: #0c132e;
}

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

.button.primary {
    background: #fae9b2;
    color: #0c132e;
    border-radius: 20px
}

.current-capacity {
    padding: 3px 6px;
    background: #fae9b2;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0c132e;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.current-capacity i {
    color: #0c132e;
    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: #fae9b2;
}

.horse-filters-search input {
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 30px;
    border: 0;
    border-radius: 20px;
    background: #fae9b2;
    color: #0c132e;
}

.horse-item h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #d3ae57;
    font-family: FANTASY;
}

nav .pagination .page-item:not(.disabled) .page-link {
    color: #0c132e;
}

nav .pagination .page-item .page-link {
    margin: 0 3px;
    padding: 5px 10px;
    text-align: center;
    border: none;
    border-radius: 20px;
    background: #fae9b2;
    color: #d3ae57
}

nav .pagination .page-item.active .page-link {
    font-weight: 700;
    color: #fae9b2;
    background: #0c132e;
    border-radius: 20px
}

button.normalize {
    padding: 0;
    color: #0c132e;
    border: 0;
    background: 0 0;
}

.stall-tabs-wrapper:after {
    position: absolute;
    z-index: 1;
    right: -15px;
    bottom: 0;
    left: -15px;
    height: 1px;
    content: "";
    background: #fff2f224;
}

.stall-tabs .stall-tab.active a {
    color: #fae9b2;
}

.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: #0c132e96;
    border-radius: 20px;
}

.horse-list .horse-item .content-wrapper {
    flex-direction: row;
    background: #0c132e96;
}

.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: #ffffff42 ;
    border-radius: 20px;
}

.your-rank-text {
    color: #fae9b2
}

.your-rank-text .big {
    color: #d3ae57
}

.horse_banner.europe{
  background-image: url( "https://i.imgur.com/XIaQ56a.jpg")
}

.header-menu 
{
  background:#0c132e ;
}

.energy_val {
  color: #d3ae57
}

.header-menu nav .main-menu .user-nav > a
{
  color: #fae9b2;
  font-size: 13px;
  position: center
}

.header-menu nav .main-menu ul li a 
{
  font-size: 13px;
  color: #fae9b2;
}

.header-menu nav .main-menu ul li a.btn 
{
  padding: 3px 8px;
  font-weight: 700;
  background: #d3ae57;
  border-radius: 90px;
}

.btn-warning 
{
  border-color: #d3ae57;
}

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

.show-profile .profile-name-and-estate .profile-username 
{
	font-family: Garamond;
    text-align: center ;
	font-size: 32px !important;
	font-weight: 700 !important;
	color:#d3ae57 ;
	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: #fae9b2b8;
}

.show-profile .profile-name-and-estate {
  font-family: Garamond;
  color: #d3ae57;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0);
}

.show-profile .profile-ranking-container .profile-rank 
{
  font-family: Garamond;
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #d3ae57;
}

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

.show-profile .profile-ranking-container {
  font-family: Garamond;
  color: #fae9b2;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0);
}

.show-profile .navbar 
{
  font-family: Garamond;
  background-image: url( "https://i.imgur.com/ridtAVm.jpg " )  !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: #fae9b2;
  font-size: 14px;
}

.show-profile .profile-account h2 
{
  font-family: Garamond;
  font-size: 14px;
  font-weight: 600;
  color:#fae9b2 ;
}

body 
{
  font-family: Garamond;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5;
  color:#d3ae57 ; 
  text-align: left;
}

.show-profile .profile-account .tag-npc, .show-profile .profile-account .tag-player 
{
  font-size: 13px;
  font-family: Garamond;
  color: #fae9b2;
  display: block;
  text-align: left;
  font-weight: 400;
  padding-left: 0;
}

.show-profile .profile-account 
{
  width: 100%;
  padding: 10px;
  background-color:#0c132e ;
  margin-bottom: 20px;
  border-radius: 20px;
}


.show-profile .profile-account h2
{
  font-family: Garamond;
  background-image: url( "https://i.imgur.com/ridtAVm.jpg " );
  background-size: cover;
  background-position: 0%;
  border-radius: 20px;
}


.side-nav ul .subtitle 
{
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fae9b2 ;
}

.side-nav ul a 
{
  font-family: Garamond;
   font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fae9b2;
  padding: 0;
}

.side-nav 
{
 background: #0c132e96;
 border-radius: 20px
}

.component.frame .wrapper .header .title 
{
  display: inline-block;
  font-size: 16px;
  color:#d3ae57 ;
  text-transform: none;
}

.component.frame .wrapper .header 
{
  padding: 5px 10px 0;
  background-color:#0c132e ;
}

.table 
{
  width: 100%;
  margin-bottom: 1rem;
  color:#0c132e ;
}

.component.table .table thead th 
{
  background:#d3ae57 ;
  border: none;
  padding: 5px 10px;
}

.table .thead-dark th 
{
  color: #0c132e;
  background-color: #0c132e;
  border-color: #0c132e;
}

.component.table .table tbody tr:nth-of-type(2n+1) 
{
  background-color:#fae9b2 ;
  border-color:#fae9b2 ;
}

.component.table .table tbody 
{
  background-color:#d3ae57 ;
}

.leftnav > ul > li 
{
  text-transform: uppercase;
  color:#d3ae57 ;
}

.leftnav > ul > li a:active, .leftnav > ul > li a:visited {
  width: 140px;
  text-transform: uppercase;
  color:#d3ae57 ;
}

.leftnav > ul > li > ul > li a:active, .leftnav > ul > li > ul > li a:link, .leftnav > ul > li > ul > li a:visited 
{
  font-size: 13px;...

Reviews

No reviews yet.