Theme for Bree by osamvs

Details

Authorosamvs
LicenseNo License
Categoryv2.horsereality.com
Created2 hours, 36 minutes ago
Updated2 hours, 36 minutes ago
Size33 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Use only for the user Bree on HR. Any other use is prohibited. Copying the code and claiming as yours is NOT allowed.
Notes

Use only for the user Bree on HR. Any other use is prohibited. Copying the code and claiming as yours is NOT allowed.
Source code

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

/* ==UserStyle==
@name           v2.horsereality.com/Theme for Bree
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/"), url-prefix("https://www.horsereality.com/") {
  
}


/* ==UserStyle==
@name           v2.horsereality.com/user/257930 - Juli 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/"), url-prefix("https://www.horsereality.com/") {

    
body.background.africa {
    background-image: var(--background);
}
body.background.asia {
    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);
}    
body.background.australia {
    background-image: var(--background);
}    
    
    
img[src="https://www.horsereality.com/images/world/ava-europe.png"],img[src="https://www.horsereality.com/images/world/ava-africa.png"], img[src="https://www.horsereality.com/images/world/ava-asia.png"], img[src="https://www.horsereality.com/images/world/ava-australia.png"], img[src="https://www.horsereality.com/images/world/ava-north-america.png"], img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
    content: var(--map)
}
        


.horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}
.horse_banner.africa {
    background-image: var(--horse-bg)!important;
}
.horse_banner.asia {
    background-image: var(--horse-bg)!important;
}
.horse_banner.europe {    
    background-image: var(--horse-bg)!important;
}
.horse_banner.south-america {
    background-image: var(--horse-bg)!important;
}    
.horse_banner.australia {
    background-image: var(--horse-bg)!important;
}   
.horse_banner.north-america {
    background-image: var(--horse-bg)!important;
}   
    
    [src="https://www.horsereality.com/images/1_job_pickhooves.png"]{
        content: var(--pick-hooves)
    }
    [src="https://www.horsereality.com/images/2_job_feedhorse.png"]{
        content: var(--feed-horse)
    }
    [src="https://www.horsereality.com/images/3_job_groom.png"]{
        content: var(--groom)
    }
    [src="https://www.horsereality.com/images/4_job_lunge.png"]{
        content: var(--lunge)
    }
    [src="https://www.horsereality.com/images/5_job_train.png"]{
        content: var(--train)
    }
    [src="https://www.horsereality.com/images/6_job_show.png"]{
        content: var(--enter-show)
    }
    [src="https://www.horsereality.com/images/7_job_compete.png"]{
        content: var(--compete)
    }
    [src="https://www.horsereality.com/images/8_job_trailride.png"]{
        content: var(--trail-ride)
    }
    
    [style="background-image:url(https://www.horsereality.com/images/npc-ridingschool.jpg)"]{
  background-image: url(https://www.horsereality.com/images/npc-ridingschool.jpg);
    background-image: var(--riding-school)!important;
}

   
    [src="https://v2.horsereality.com/img/caroll-rollover.jpg"]{
        content: var(--reroll)
    } 
    [style="background-image:url(https://www.horsereality.com/images/npc-clubs.jpg)"]{
        content: var(--clubs)
    }
    [style="background-image:url(https://www.horsereality.com/images/npc-airport.jpg)"]{
        content: var(--airport)
    }
    [src="https://www.horsereality.com/images/npc-id6-caroll.jpg"]{
        content: var(--foundation)
    }
    [src="https://www.horsereality.com/images/npc-equistore.jpg"]{
        content: var(--store)
    }
    [style="background-image:url(https://www.horsereality.com/images/npc_kai_walker.jpg)"]{
    content: var(--foal-pastures)
}
    .foal-pastures .miniature-block {
  background: var(--horse-bg) no-repeat;
  background-size: cover !important;
}
    
    
    [src="https://www.horsereality.com/icon/coin.png"]{
        content: var(--HRC)
    }
    [src="https://www.horsereality.com/icon/deltapoints.png"]{
        content: var(--DP)
    }
    [src="https://www.horsereality.com/icon/ticket-foundation.png"]{
        content: var(--FT)
    }
    [src="https://www.horsereality.com/icon/ticket-wildlife.png"]{
        content: var(--WT)
    } 
    
    [src="https://www.horsereality.com/images/dp-horse.png"]{
        content: var(--store-horse)
    }

    
    
    
    
    
.header-menu {
  background: #819171;
}
    
    

.header-menu .user-nav a {
  font-size: 16px;
  color: #eee8dc;
  
}    

.header-menu .user-nav {
  color: #cfaf85;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
.header-menu .currencies li a:hover {
  color: #554c40;
} 
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
  background-color: #cfaf85;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
 
.header-menu .user-nav #user-nav-dropdown {
  color: #819171;
  background-color: #cfaf85;
    
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}    
    
.header-menu .stats a {
  color: #eee8dc;
}    
.header-menu .stats {
  color: #cfaf85;
  font-size: 11px;
} 
    

.progress-bar {
  color: #fff;
  background-color: #dbd0b9;
}    
  
.header-menu .user-nav a:hover {
  text-decoration: none;
  color: #819171;
}    
   
.progress span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #819171;
}    
    
    
body {
  font-family: "Arial","sans-serif";
  font-size: 12px;
  line-height: 1.5;
  color: #554c40;
}

.show-profile .navbar-avatar .navbar-avatar-container {
  border: 0px solid #dbd0b9;
}

.show-profile .profile-name-and-estate .profile-username {
  font-size: 27.3px !important;
  font-weight: 700 !important;
  margin-bottom: 5px !important;
  color: #cfaf85;
  line-height: 40px;
  font-family: "Cinzel Decorative",sans-serif;
    text-shadow: 0 0 3px #cfaf856b;
    font-variant: all-small-caps;

margin-top: 40px
}

.show-profile .profile-name-and-estate .profile-estate {
  font-size: 16px;
  color: #dbd0b9;
    font-family: "Altone Trial",sans-serif;
    text-shadow: 0 0 3px #cfaf856b;
    font-variant: all-small-caps;
    margin-top: -16px
}

.show-profile .profile-ranking-container .profile-rank {
  font-size: 0px;
  color: #fff;
}

.show-profile .profile-ranking-container .profile-rank-position {
  font-size: 0px !important;
  margin-bottom: 5px !important;
  color: #fff;
}

.show-profile .navbar {
  border-top: 2px solid #cfaf85;
  border-bottom: 2px solid #cfaf85;
  background-color: #819171 !important;
}

.show-profile .navbar .nav-link {
  border-radius: 0;
  color: #dbd0b9;
  font-size: 16px;
  
  
    
  font-family: "Altone Trial","sans-serif";
    font-variant: all-small-caps;   

}

.show-profile .navbar .nav-link:hover {
  color: #819171;
  background-color: #cfaf85;
    border-radius: 10px
}


.show-profile .profile-account {
  margin-bottom: 20px;
  background-color: #cfaf856b;
    
    font-family: "Arial","sans-serif";
  font-size: 13px;
  line-height: 1.2;
  color: #594a43;
    border-radius: 10px
}

.show-profile .profile-account h2 {
  font-size: 20px;
  color: #594a43;
  font-family: "Cinzel Decorative",sans-serif;
    font-variant: all-small-caps;
}



.main-content {
  background: #eee5d4;
}

.side-nav {
  background: #cfaf856b;
}
.side-nav ul a {
  font-size: 13px;
  color: #819171;
}

.side-nav ul a:hover {
  color: #554c40;
}

.side-nav ul .subtitle {
  font-size: 14px;
  color: #dbd0b9;
}


.component.frame .wrapper {
  background: #8f7c63;
}

.component.frame .wrapper .header .title {
  font-size: 16px;
  color: #e4dccd;
    
}

.component.table .table thead th {
  background: #cfaf85;
    color: #e4dccd;
}
.component.table .table tbody tr:nth-of-type(2n+1) {
  background-color: #dbd0b9;
}
.table td, .table th {
  border-top: 1.5px solid #cfaf856b;
}

.component.table .table tbody {
  background-color: #eee8dc;
    color: #dbd0b9;
}
.component.frame .wrapper .content .inner.active * {
    color: #819171;
}

.component .odd-row {
  background-color: #dbd0b9;
}
.component.frame .wrapper .content {
  background: #eee8dc;
}

.footer {
  color: #cfaf85;
  background: #819171;
}
    
.footer h6 {
  font-family: "Arial",sans-serif;
  font-size: 12px;
  color: #cfaf85;
}    

.footer ul li a {
  color: #cfaf85;
}    
    
.horse-item h2 {
  font-size: 17px;
  color: #554c40;
}    
    
h2 {
  font-size: 18px;
  font-family: "Arial",sans-serif;
  margin: 5px 0;
    margin-top: 5px;
    margin-bottom: 5px;
}   
    
.horse-item .tagline {
  font-size: 13px;
  color: #819171;
}    
    
.horse-item .breed-and-age {
  font-size: 13px;
  color: #554c40;
}    

.horse-item .content {
  border-radius: 8px;
  background: #dbd0b9;
}    

.horse-filters-search input {
  border-radius: 8px;
  background: #cfaf85; 

}    
 
h1 {
  font-size: 30px;
  font-family: "cinzel decorative",sans-serif;
  margin-bottom: 15px;
  color: #819171;
    font-variant: all-small-caps;
}    
    
h2 {
  color: #554c40;
}    
    
.button.primary {
  background: #819171;
}


.button {
  font-size: 15px;
  color: #cfaf85;
  border-radius: 8px;
    font-variant: all-small-caps;
}    
    
.button.primary:hover {
  color: #819171;
  background: #cfaf85;
}    
    
    
.tabs .tab {
  background: #dbc4a6;
}
   

.tabs .tab > span, .tabs .tab a, .tabs .tab button {
  font-size: 13px;
  color: #eee8dc;
}    
    
.tabs .tab:not(.creating):not(.active):hover {
  background: #dbd0b9;
}   
    
.tabs .tab.active a {
  color: #819171;
}    
    
.tabs .tab.active {
  background: #dbd0b9;
}    
 
stall-tab-edit in...
Reviews

No reviews yet.