Skip to content

Kikimora Theme by osamvs

Write a review Install Get Stylus

Details

Authorosamvs

LicenseNo License

Categoryhttps://v2.horsereality.com/

Created

Updated

Size32 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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

Notes

Theme for Horse Reality User Kikimora 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           Kikimora Theme
@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)
    }
    
    
    [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)
    }
    
.header-menu {
  background: #160c1b;
}
.header-menu .currencies li a {
  font-size: 13px;
  color: #ceb9da;
}    
.header-menu .currencies li a:hover {
  color: #966b8e;
}
.header-menu .user-nav a {
  font-size: 16px;
  color: #bca2ca;
  
}    

.header-menu .user-nav {
  color: #3e364f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
 
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
  background-color: #3e364f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}    
 
.header-menu .user-nav #user-nav-dropdown {
  color: #2e1c2d;
  background-color: #3e364f;
    
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}    
    
.header-menu .stats a {
  color: #3e364f;
}    
.header-menu .stats {
  color: #3e364f;
  font-size: 11px;
} 
    

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

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

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

margin-top: 40px
}

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

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

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

.show-profile .navbar {
  border-top: 2px solid #3e364f;
  border-bottom: 2px solid #3e364f;
  background-color: #160c1b !important;
}

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

}

.show-profile .navbar .nav-link:hover {
  color: #160c1b;
  background-color: #3e364f;
    border-radius: 10px
}


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

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



.main-content {
  background: #bca2caa6;
}

.side-nav {
  background: #3e364fba;
}
.side-nav ul a {
  font-size: 13px;
  color: #160c1b;
}

.side-nav ul a:hover {
  color: #2e1c2d;
}

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


.component.frame .wrapper {
  background: #160c1b;
}

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

.component.table .table thead th {
  background: #3e364f;
    color: #bca2ca;
}
.component.table .table tbody tr:nth-of-type(2n+1) {
  background-color: #ceb9da;
}
.table td, .table th {
  border-top: 1.5px solid #ceb9da;
}

.component.table .table tbody {
  background-color: #bca2ca;
    color: #bca2ca;
}
.component.frame .wrapper .content .inner.active * {
    color: #160c1b;
}

.component .odd-row {
  background-color: #bca2ca;
}
.component.frame .wrapper .content {
  background: #ceb9da;
}

.footer {
  color: #3e364f;
  background: #160c1b;
}
    
.footer h6 {
  font-family: "Times New Roman",sans-serif;
  font-size: 12px;
  color: #ceb9da;
}    

.footer ul li a {
  color: #ceb9da;
}    
    
.horse-item h2 {
  font-size: 17px;
  color: #160c1b;
}    
    
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: #2e1c2d;
}    
    
.horse-item .breed-and-age {
  font-size: 13px;
  color: #2e1c2d;
}    

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

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

}    
 
h1 {
  font-size: 30px;
  font-family: Constantine,sans-serif;
  margin-bottom: 15px;
  color: #160c1b;
    font-variant: all-small-caps;
}    
    
h2 {
  color: #2e1c2d;
}    
    
.button.primary {
  background: #160c1b;
}


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

.tabs .tab > span, .tabs .tab a, .tabs .tab button {
  font-size: 13px;
  color: #160c1b;
}    
    
.tabs .tab:not(.creating):not(.active):hover {
  background: #bca2ca;
}   
    
.tabs .tab.active a {
  color: #3e364f;
}    
    
.tabs .tab.active {
  background: #bca2ca;
}    
 
stall-tab-edit input {
  transition: all .2s;
  color: #2e1c2d !important;
}    

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

.button.black, .button.secondary.active, .button.secondary:hover {
  color: #3e364f;

  background: #160c1b;

}    

.button.black.active, .button.black:hover {
  color: #160c1b;
  background: #3e364f;
}    
    
.modal-inner {
  border-radius: 8px;
  background: #bca2ca;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
}    
    
.form-control {
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #3e364f;
  border: 1px solid #160c1b;
}    
    
    
    
.horse_left {
  background-color: #bca2caa6;
    border-radius:...

Reviews

No reviews yet.