Skip to content

Theme for Loba by Eichgatzl

Write a review Install Get Stylus

Details

AuthorEichgatzl

LicenseNo License

Categoryhttps://v2.horsereality.com/

Created

Updated

Size74 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 Loba
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/horses/stall/") {
    
/*Main Page*/
    /*fonts*/
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.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;
}    
  
    
/*background images*/   
    
body.background.africa {
    background-image: var(--background);
}

body.background.asia {
    background-image: var(--background);
}

body.background.australia {
    background-image: var(--background);
}

body.background.europe {
    background-image: var(--background);
}

body.background.south-america {
    background-image: var(--background);
}

body.background.north-america {
    background-image: var(--background);
}
    
.horse_banner.asia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
  
.horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}
.horse_banner.asia {
    background-image: var(--horse-bg)!important;
     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-australia.png"] {
    content: var(--map)
}   


.main-content {
    background: #00000073;
}
  /*header*/
    
.header-menu {
    background: #000000cf;
}  
    
.header-menu .user-nav a {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 17px;
    color: #96d4ff;
}    
.header-menu .user-nav a:hover {
    text-decoration: none;
    color: #4686b4;
}
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
    background-color: #001b2e;
}
.header-menu .user-nav #user-nav-dropdown {
    color: #4686b4;
    background-color: #001b2e;
}
    
.progress-bar {
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#2ac1f6),to(#000c4e));
}    
.progress {
    background-color: #a0b7cf;
}
    
.header-menu .currencies li a {
    color: #96d4ff;
    font-family: 'Poppins';
    font-weight: 600;
} 
.header-menu .currencies li a:hover {
    color: #4686b4;
}
.header-menu .stats {
    color: #2c7eb6;
}   
.header-menu .stats a {
    color: #2c7eb6;
} 
.header-menu .user-nav {
    color: #96d4ff;
}
      
 .introwrapper .container_12 h1, .banner .bimages h1, .title h1, div.npc_box > div > h1 {
    background: -webkit-linear-gradient(#00f7ff, #083170);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 5px #00305273;
    padding-bottom: 10px;
    font-family: 'Poppins';
    font-size: 40px;
    padding-top: 10px;
    text-align: center;
     font-weight: 700;
}   
    
    
 /*map*/   
 .minimap {
    width: 140px;
    height: 140px;
    background-position: 50%;
    background-size: cover;
    border-radius: 70px;
}
.minimap {
    border-radius: 100px;
    border: 1.5px solid #12a9ff; 
    box-shadow: 0 0 20px #005081; 
}   
    
    
    
/*side nav*/
.side-nav {
    padding: 10px;
    background: #00000073;
} 
.side-nav ul .subtitle {
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 600;
    color: #96d4ff;
}   
.side-nav ul a {
    font-family: 'Poppins';
    color: #4a7a9b;
}  
    
/*footer*/   
.footer {
    background: #00000073;
}
.footer h6 {
    font-family: 'Poppins';
    font-weight: 600;
    color: #1c608e;
}    
.footer ul li a {
    font-family: 'Poppins';
    font-weight: 600;
    color: #1c608e;
}    
.fa-solid, .fas {
    font-family: Font Awesome\ 6 Pro;
    font-weight: 400;
}    
    
    
    
    
    
    
    
    
/*horse box*/    
.horse-item .content {
    border-radius: 15px;
    background: #00000082;
    border: 1.5px solid rgba(0, 106, 197, .64);
}

.horse-item h2 {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 600;
    color: #96d4ff;
} 
.horse-item .tagline {
    color: #2c7eb6;
    font-family: 'Poppins';
}   
.horse-item .breed-and-age {
    color: #2c7eb6;
    font-family: 'Poppins';
    font-weight: 600;
}    
.horse-stats .horse-stat span {
    color: #1c608e;
    font-family: 'Poppins';
    font-size: 12px;
}  
.horse-stats .horse-stat-energy i {
    color: #000;
}
 .horse-stats .horse-stat-fitness i {
    color: #000;
}   
.horse-stats .horse-stat-affection i {
    color: #000;
}  
        
/*stable tabs*/        

.tabs .tab {
    background: #00000082;
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
    color: #2c7eb6;
    font-family: 'Poppins';
}  
.tabs .tab:not(.creating):not(.active):hover {
    background: #395b79;
}    
.tabs .tab.active {
    background: #395b79;
}  
   
    
/*Buttons*/    
.button.primary {
    font-family: 'Poppins';
    color: #2c7eb6;
    background: #395b79;
}   
.button.primary:hover {
    color: #395b79;
    background: #2c7eb6;
}  
.button.black, .button.secondary.active, .button.secondary:hover {
    font-family: 'Poppins';
    color: #2c7eb6;
    background: #395b79;
}
.button.black.active, .button.black:hover {
    color: #395b79;
    background: #2c7eb6;
}
    
    
    
    
    
    
    
    
    
.tabs-wrapper:after {
    background: rgba(0, 106, 197, .64);;
}   
.horse-filters-search input {
    font-family: 'Poppins';
    font-weight: 600;
    background: #00000082;
} 
    
button.normalize {
    font-family: 'Poppins';
    font-weight: 600;
    color: #1d5073;
}
        
h1 {
    color: #96d4ff;
}    
h1 a:hover, h2 {
    color: #1d5073;
}       
        
        
        
 .horses-title h1 {
    font-family: 'Poppins';
    margin-right: 8px;
    margin-bottom: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}   
  
    
    
    
    
    
    
    
    
    
/*foal direction*/    
.horse_photocon .horse_photo img.foal {
    max-width: 320px;
    max-height: 285px;
    margin-left: 170px;
    transform: scaleX(-1);
}
.horse-grid.compact .horse-item .image .horse-image.is-foal {
    top: 11px;
    height: 60px!important;
    transform: scaleX(-1);
}
.horse-item .image-dam-and-foal .horse-image:last-child {
    position: absolute;
    z-index: 4;
    top: unset;
    right: -10px;
    bottom: 0;
    transform-origin: center;
}
 
    
    
:root {
    --background: url(https://i.imgur.com/dZ5WRWY.jpg);
    --horse-bg: url(https://cdn.discordapp.com/attachments/1196783918154784910/1198951216131092561/eichgatzl_fantasy_wallpaper_stone_path_towards_camera_waterfall_efa4e8d5-61dc-41be-b12c-dddc3aaaea0f.png?ex=65c0c555&is=65ae5055&hm=29de22e5133dfbd753f38ff5d40ecfbad8abd5282b31abd8abbddb800d868ebd&);
    --map: url(https://i.imgur.com/O5eaRwp.png);
}
    
    
    
}









@-moz-document url-prefix("https://www.horsereality.com/horses/") {
    /* horse page */
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.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;
}  
    


img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
    content: var(--map)
}    
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
    content: var(--map)
}   
    
 
    
.bluebar_container {
    width: 100%;
    background-color: #000000cf;
}    
    
    
    
    
     
ul li a:active, ul li a:link, ul li a:visited {
    font-family: 'Poppins';
    font-weight: 600;
    color: #96d4ff;
}    
.toplinks ul li a:hover {
    color: #3d8cc2;
}   
    
#bbmenu.user ul.slidedown li a:hover {
    color: #96d4ff;
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 15px;
}   
       
    
 .xpvalue {
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#2ac1f6),to(#000c4e));
}   
.statusbar {
    background-color: #a0b7cf;
    border: 0px solid #a0b7cf;
}    
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
    color: #96d4ff;
    font-family: 'Poppins';
}    
#bbmenu.user ul.slidedown li ul.slidedownmenu li .ava {
    border: 1px solid #002c6d00;
}    
    
    
input, select {
    vertical-align: middle;
    background: #000000d6!important;
    color: #689dc2;
    font-family: 'Poppins';
    font-weight: 700;
}    
    
    
    
    
    
    
.container {
    background-color: #eaf0f200;
}
.leftnav {
    background-color: #00000073;
    border-radius: 0 0 80px 80px;
}
.leftnav>ul>li {
    font-family: 'Poppins';
    font-size: 19px;
    font-weight: 600;
    color: #96d4ff;
}    
.leftnav>ul>li a:active, .leftnav>ul>li a:visited {
    font-family: 'Poppins';
    font-size: 19px;
    font-weight: 600;
    color: #96d4ff;
}     
.fa, .fas {
    font-weight: 60;
}    
    
.footer h6 {
    font-family: 'Poppins';
    font-weight: 600;
    color: #1c608e;
}
.footer ul li a:active, .footer ul li a:visited, .footer ul li a:link {
    font-family: 'Poppins';
    font-weight: 600;
    color: #1c608e;
}    
    
    
    
    
    
    
/*horsebox*/    
    
.horse_left {
    background-color: #00000ca1;
    border: 1.5...

Reviews

No reviews yet.