Skip to content

Theme for Whit by Eichgatzl

Write a review Install Get Stylus

Details

AuthorEichgatzl

LicenseNo License

Categoryhttps://www.horsereality.com/

Created

Updated

Size59 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A new userstyle

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Theme for Whit
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Eichgatzl
==/UserStyle== */




@-moz-document url-prefix(https://v2.horsereality.com/), url-prefix("https://www.horsereality.com/") {
   
.horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}
body.background.australia {
    background-image: var(--background);
}   
body.background.europe {
    background-image: var(--background);
}    
body.background.africa {
    background-image: var(--background);
}    
body.background.north-america {
    background-image: var(--background);
}    
body.background.asia {
    background-image: var(--background);
}    
body.background.south-america {
    background-image: var(--background);
}
.horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}
.horse_banner.asia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.south-america {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.north-america {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.africa {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.europe {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}    
.horse_banner.australia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}    
   
body.background.asia {
    background: url(https://i.imgur.com/3U5RIof.png) no-repeat fixed 0 0/100% auto;
    background-size: cover
}

body.background.africa {
    background: url(https://i.imgur.com/3U5RIof.png) no-repeat fixed 0 0/100% auto;
    background-size: cover
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
    content: var(--map)
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
    content: var(--map)
}
img[src="/img/hr-logo.png"], [src="https://www.horsereality.com/images/horse-reality-logo-small.png"] {
    content: var(--logo)!important;
}
img[src="https://www.horsereality.com/icon/coin.png"] {
    content: var(--coin)
}

img[src="https://www.horsereality.com/icon/ticket-wildlife.png"] {
    content: var(--wt)
}
img[src="https://www.horsereality.com/icon/deltapoints.png"] {
    content: var(--dp);
}
img[src="https://www.horsereality.com/icon/ticket-foundation.png"] {
    content: var(--ft);
}




@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/allura/v21/9oRPNYsQpS4zjuA_iwgW.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} 


.horse-grid.compact .horse-item .image {
    height: 110px;
    background-position: -35px 77%;
    background-image: var(--horse-bg)!important;
}
.horse-grid .horse-item .image {
    height: 130px;
    background-position: -35px 77%;
    background-image: var(--horse-bg)!important;
}
.horse-list.compact .horse-item .image {
    height:60px;
    background-position: -35px 77%;
    background-image: var(--horse-bg)!important;
}
.horse-list.alternate .horse-item:nth-child(2n) .content {
    background: #6e4470ba;
}

.horse-list .horse-item .image {
    height:80px;
    background-position: -35px 77%;
    background-image: var(--horse-bg)!important;
}


.introwrapper .container_12 h1, .banner .bimages h1, .title h1, div.npc_box > div > h1 {
    background: -webkit-linear-gradient(#d5aee1, #a83ab0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 2px 2px 3px #50004373;
    padding-bottom: 10px;
    font-family: 'Allura';
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
}  
  
  
.center { 
    background: #21141fbd;
} 
.container {
    background-color: #fff0;
}


.main-content {
    background: #21141fbd;
}
.side-nav {
    background: #21141fbd;
}

.header-menu {
    background: #21141fbd;
    backdrop-filter: blur(5px);
    border-radius: 0px 0px 10px 10px;
}
.header-menu .user-nav a {
    vertical-align: middle;
    font-size: 17px;
    color: #9f6199;
    font-family: 'Allura';
}
.header-menu .user-nav a:hover {
    vertical-align: middle;
    font-size: 17px;
    color: #bf9cba;
}
.header-menu .currencies li a {
    font-size: 17px;
    color: #9f6199;
    font-family: 'Allura';
}
.header-menu .currencies li a:hover {
    font-size: 17px;
    color: #bf9cba;
}

.header-menu .stats, .header-menu .stats a {
    color: #9f6199;
    font-size: 11px;
}
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
    background-color: #47324b;
}
.header-menu .user-nav #user-nav-dropdown {
    color: #fff;
    background-color: #47324b;
    border-radius: 0px 10px 10px 10px;
}
.header-menu .user-nav #user-nav-dropdown {
    color: #9f6199;
    background-color: #47324b;
    border-radius: 0px 10px 10px 10px;
}
.progress {
    background-color: #e9ecef54;
    border-radius: 10px
}
.progress-bar {
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cb97d5),to(#501853));
    border-radius: 9px
}

.header-menu .user-nav {
    color: #9f6199;
}








.bluebar_container {
    background: #21141fbd;
    backdrop-filter: blur(5px);
    border-radius: 0px 0px 10px 10px;
}
.toplinks {
    font-size: 17px;
    color: #9f6199;
    font-family: 'Allura';
}
#bbmenu.user ul.slidedown li a.arrow {
    font-family: 'Allura';
    font-size: 17px
}
#bbmenu.user ul.slidedown li a:hover {
    color: #bf9cba;
}
ul li a:active, ul li a:link, ul li a:visited {
    color: #bf9cba;
    
}
.toplinks ul li a:hover {
    color: #bf9cba;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
    color: #9f6199;
    background-color: #47324b;
    border-radius: 0px 10px 10px 10px;
}
#bbmenu.user ul.slidedown li:hover, #bbmenu.user ul.slidedown li:focus, #bbmenu.user ul.slidedown li:active {
    background-color: #47324b;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
    color: #9f6199;
}
.xpvalue {
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cb97d5),to(#501853));
    border-radius: 9px
}
.statusbar {
    background-color: #e9ecef54;
    border-radius: 10px;
    border: 1px solid #391957;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .ava {
    border: 1px solid #391957;
}
.gamestats {
    color: #9f6199;
}
.gamestats a:link, .gamestats a:visited, .gamestats a:active {
    color: #9f6199;
}









.footer {
    background: #21141fbd;
    backdrop-filter: blur(5px);
    border-radius: 0px 0px 10px 10px;
}
.footer h6 {
    color: #bf9cba;
}
.horse-item .content {
    background: #ab78a28f;
    backdrop-filter: blur(5px);
    border: solid 1.5px #985d93;
}
.horse-item h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #571451;
}
.horse-item .tagline {
    font-size: 11px;
    font-weight: 400;
    line-height: 21px;
    display: block;
    letter-spacing: 0;
    color: #bf9cba;
}
.horse-item .breed-and-age {
    color: #bf9cba;
}
.horse-item .dam, .horse-item .foal {
    font-weight: 300;
    color: #fff;
    border-radius: 3px;
    background: #8f528a;
}
.horse-stats .horse-stat span {
    font-weight: 400;
    color: #bf9cba;
}






.side-nav ul .subtitle {
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 800;
    color: #7d4578;
    font-family: 'Allura';
    text-transform: capitalize
}
.side-nav ul a {
    font-size: 13px;
    font-weight: 300;
    color: #bf9cba;
}
.leftnav {
    background-color: #21141fbd;
    border-radius: 0px 0px 150px 150px;
}
.subtitle {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 500;
    color: #7d4578;
}
.leftnav>ul>li>ul>li a:active, .leftnav>ul>li>ul>li a:link, .leftnav>ul>li>ul>li a:visited {
    font-size: 13px;
    font-weight: 300;
    color: #bf9cba;
}
.side-nav ul a:hover {
    color: #e5cbe1;
    text-decoration: none;
}

.subtitle {
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 800;
    color: #7d4578;
    font-family: 'Allura';
    text-transform: capitalize
}

.leftnav>ul>li>ul>li a:hover {
    color: #e5cbe1;
}







.horse-filters-search input {
    background: #ceafc875;
}


.tabs .tab {
    border-radius: 8px 8px 0 0;
    background: #ab78a28f;
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
    font-weight: 300;
    color: #260c32;
}

.tabs .tab.active {
    background: #8f528a;
}
.tabs .tab:not(.creating):not(.active):hover {
    background: #8f528a;
}
.tabs-wrapper:after {
    background: #9b6c8a;
}
.tabs .tab a>i {
    margin-right: 5px;
    color: #260c32;
}
.stall-tab-edit form {
    padding-right: 36px;
    color: #260c32!important;
}
.stall-tab-edit input {
    color: #260c32!important;
}
.stall-tab-edit span.count {
    color: #260c32!important;
    font-weight: 700
}
.tabs .tab.active.stall-tab i {
    font-size: 10px;
    color: #260c32;
}









button.normalize {
    color: #fff;
    font-weight: 200;
}
h1 a:hover, h2 {
    color: #ffffff;
    font-weight: 300;
}



.minimap {
    border-radius: 100px;
    border: 1.5px solid #cb91ca; 
    box-shadow: 0 0 13px #d177e1; 
}









.component.frame .wrapper .header .title {
    font-size: 21px;
    font-family: 'Allu...

Reviews

No reviews yet.