Skip to content

HR Ryuu Theme - Juli 2024 by osamvs

Write a review Install Get Stylus

Details

Authorosamvs

LicenseNo License

Categoryhttps://v2.horsereality.com

Created

Updated

Size58 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme for Horse Reality User Ryuunosuke by Ryuunosuke. Usage by others is prohibited. Theft of the code is prohibited.

Notes

Theme for Horse Reality User Ryuunosuke by Ryuunosuke. Usage by others is prohibited. Theft of the code is prohibited.

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/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(--backgr/* ==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)
    }
    
    
.header-menu {
  background: #3d4338;
}
    

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

.header-menu .user-nav {
  color: #757c70;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
 
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
  background-color: #757c70;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
 
.header-menu .user-nav #user-nav-dropdown {
  color: #594a43;
  background-color: #757c70;
    
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}    
    
.header-menu .stats a {
  color: #757c70;
}    
.header-menu .stats {
  color: #757c70;
  font-size: 11px;
} 
    

.progress-bar {
  color: #fff;
  background-color: #3d4338;
}    
  
.header-menu .user-nav a:hover {
  text-decoration: none;
  color: #3d4338;
}    
   
.progress span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #757c70;
}    
    
    
body {
  font-family: "Times New Roman","sans-serif";
  font-size: 13px;
  line-height: 1.5;
  color: #3d4338;
}

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

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

margin-top: 40px
}

.show-profile .profile-name-and-estate .profile-estate {
  font-size: 18px;
  color: #faf4e8;
    font-family: "Times New Roman",sans-serif;
    text-shadow: 0 0 3px #3d43388c;
    font-variant: all-small-caps;
    margin-top: -18px
}

.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 #757c70;
  border-bottom: 2px solid #757c70;
  background-color: #3d4338 !important;
}

.show-profile .navbar .nav-link {
  border-radius: 0;
  color: #e4dccd;
  font-size: 18px;
  
  
    
  font-family: "Times New Roman","sans-serif";
    font-variant: all-small-caps;   

}

.show-profile .navbar .nav-link:hover {
  color: #3d4338;
  background-color: #757c70;
    border-radius: 10px
}


.show-profile .profile-account {
  margin-bottom: 20px;
  background-color: #e4dccd;
    
    font-family: "Times New Roman","sans-serif";
  font-size: 15px;
  line-height: 1.2;
  color: #594a43;
    border-radius: 10px
}

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

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

.main-content {
  background: #faf4e8;
}

.side-nav {
  background: #757c70c9;
}
.side-nav ul a {
  font-size: 13px;
  color: #3d4338;
}

.side-nav ul a:hover {
  color: #594a43;
}

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


.component.frame .wrapper {
  background: #3d4338;
}

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

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

.component.table .table tbody {
  background-color: #e4dccd;
    color: #e4dccd;
}
.component.frame .wrapper .content .inner.active * {
    color: #3d4338;
}

.component .odd-row {
  background-color: #e4dccd;
}
.component.frame .wrapper .content {
  background: #faf4e8;
}

.footer {
  color: #757c70;
  background: #3d4338;
}
    
.footer h6 {
  font-family: "Times New Roman",sans-serif;
  font-size: 12px;
  color: #757c70;
}    

.footer ul li a {
  color: #757c70;
}    
    
.horse-item h2 {
  font-size: 17px;
  color: #3d4338;
}    
    
h2 {
  font-size: 18px;
  font-family: "Times New Roman",sans-serif;
  margin: 5px 0;
    margin-top: 5px;
    margin-bottom: 5px;
}   
    
.horse-item .tagline {
  font-size: 13px;
  color: #594a43;
}    
    
.horse-item .breed-and-age {
  font-size: 13px;
  color: #594a43;
}    

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

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

}    
 
h1 {
  font-size: 30px;
  font-family: Constantine,sans-serif;
  margin-bottom: 15px;
  color: #3d4338;
    font-variant: all-small-caps;
}    
    
h2 {
  color: #594a43;
}    
    
.button.primary {
  background: #3d4338;
}


.button {
  font-size: 15px;
  color: #757c70;
  border-radius: 8px;
    font-variant: all-small-caps;
}    
    
.button.primary:hover {
  color: #3d4338;
  background: #757c70;
}    
    
    
.tabs .tab {
  background: #757c70;
}
   

.tabs .tab > span, .tabs .tab a, .tabs .tab button {
  font-size: 13px;
  color: #3d4338;
}    
    
.tabs .tab:not(.creating):not(.active):hover {
  background: #e4dccd;
}   
    
.tabs .tab.active a {
  color: #757c70;
}    
    
.tabs .tab.active {
  background: #e4dccd;
}    
 
stall-tab-edit input {
  transition: all .2s;
  color: #594a43 !important;
}    

.stall-tab-edit input {
    color: #594a43!important;
}
.stall-tab-edit span.count {
    color: #594a43!important;
    font-weight: 700
}
.tabs .tab.active.stall-tab i {
    font-size: 10px;
    color: #594a43;
}    
    

.button.black, .button.secondary.active, .button.secondary:hover {
  color: #757c70;

  background: #3d4338;

}    

.button.black.active, .button.black:hover {
  color: #3d4338;
  background: #757c70;
}    
    
.modal-inner {
  border-radius: 8px;
  background: #e4dccd;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);...

Reviews

No reviews yet.