Skip to content

Jade Theme (Patience) by hmg

Write a review Install Get Stylus

Details

Authorhmg

LicenseCC No Redistribution

Categoryuserstyles

Created

Updated

Size38 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme for Jade's patience

Notes

This theme is for Jade and Jade only. If you are caught using my CSS code or selling it you will be reported to Stylus and black listed with no explanation.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Jade Theme (Patience)
@version      20220911.21.14
@namespace    userstyles.world/user/hmg
@description  Theme for Jade's patience
@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/iYAa0ar.jpg ");
    background-size: cover;
    background-position: 0%;
  }
.minimap.asia
{
  background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1018612833442877490/A2E2B4B6-A75D-449F-8367-A6DDF58D7A82.png);
}
.minimap.europe
{
  background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1018612833442877490/A2E2B4B6-A75D-449F-8367-A6DDF58D7A82.png);
}

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

@media screen and (min-width: 420px) {}
 .horse-list .horse-item .image {
    background-size: 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/WZPLsVZ.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: #9db6df
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: #9db6df;
    text-decoration: none;
    font-weight: 700;
}

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

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

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

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

.header-menu .mobile-menu .icon span {
    background: #9db6df;
    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: #9db6dfa3;
    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: #4e4094;
}

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

.button.primary {
    background: #9db6df;
    color: #4e4094;
    border-radius: 20px
}

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

.current-capacity i {
    color: #4e4094;
    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: #5b76be;
}

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

.horse-item h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #5b76be;
    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;
    top: 0px;
    border: none;
    border-radius: 20px;
    background: #9db6df;
    color: #5b76be;
}

nav .pagination .page-item.active .page-link {
    font-weight: 700;
    color: #9db6df;
    background: #4e4094;
    border-radius: 20px
}

button.normalize {
    padding: 0;
    color: #4e4094;
    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: #9db6df;
}

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

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

.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: #9db6df
}

.your-rank-text .big {
    color: #5b76be
}

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

.header-menu 
{
  background:#4e4094 ;
}

.energy_val {
  color: #5b76be
}

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

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

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

.btn-warning 
{
  border-color: #5b76be;
}

.show-profile .navbar-avatar .navbar-avatar-container 
{
  z-index: 1;
  width: 150px;
  height: 150px;
  border: 4px #9db6df;
  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:#5b76be ;
	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: #9db6dfa3;
}

.show-profile .profile-name-and-estate {
  font-family: Fantasy;
  color: #5b76be;
  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: #5b76be;
}

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

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

.show-profile .navbar 
{
  font-family: Fantasy;
  background-image: url( " https://i.imgur.com/WZPLsVZ.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: #9db6df;
  font-size: 14px;
}

.show-profile .profile-account h2 
{
  font-family: Fantasy;
  font-size: 14px;
  font-weight: 600;
  color:#5b76be ;
}

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

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

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


.show-profile .profile-account h2
{
  font-family: Fantasy;
  background-image: url( " https://i.imgur.com/WZPLsVZ.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: #0c2974 ;
}

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

.side-nav 
{
 background: #4e4094a8;
 border-radius: 20px
}

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

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

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

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

.table .thead-dark th 
{
  color: #4e4094;
  background-color: #4e4094;
  border-color: #4e4094;
}

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

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

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

.leftnav > ul > li a:activ...

Reviews

No reviews yet.