Skip to content

Pink HR Theme by oxyyprincess

Details

Authoroxyyprincess

LicenseNo License

Categoryhorse reality

Created

Updated

Size36 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Commissioned HR Theme for myself

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           for oxyyprincess
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    If any problems contact me via discord: ._.lunarian
@author           Lunarian
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');

:root
  {--main-pink: #d182cd;
     --background-color: #e29ddfa1;
     --text-color: #42014f;
    --light-text: #f7ebfc;
    --tab-background: #f1ccf0b5;
    --tab-border: #3f1f49;
    --subtitle: #552a63d6;
    --title-font: "Kaushan Script";
    --main-font: "Quintessential";
  }
}

@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');
:root
  {--main-pink: #d182cd;
     --background-color: #e29ddfa1;
    --text-color: #42014f;
    --light-text: #f7ebfc;
    --tab-background: #f1ccf0b5;
    --tab-border: #3f1f49;
    --subtitle: #552a63d6;
    --title-font: "Kaushan Script";
    --main-font: "Quintessential";
  }
}
@-moz-document url-prefix("https://www.horsereality.com/") 
{
 
    .bluebar_container
        {
        width: 100%;
        background-color: var(--main-pink);
        height: 80px;
        position: relative;
        z-index: 1000;
        }
    
    #bbmenu.user ul.slidedown li ul.slidedownmenu 
        {
        background-color: #cc84c8c7;
        }
    
    .leftnav
      {
        background-color: var(--background-color);
        font-family: var(--title-font);
        color: var(--text-color);
        border-radius: 15px 1px; 
      }
    
  .center
        {
        background-color: #fff0;
        }


}

@-moz-document url-prefix("https://v2.horsereality.com/")
{
    .header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover 
        {
        background-color: transparent;
        }
    
    .header-menu .user-nav #user-nav-dropdown 
        {
        background-color: #cc84c8c7;
        }

    
    .side-nav 
        {
        padding: 10px;
        background: #d494d1;
        font-family: var(--title-font);
        color: var(--text-color):
        }
  
    .main-content
        {
        padding: 15px;
        background: var(--background-color);
        }   
    
    .header-menu
        {
        background: var(--main-pink);
        }
    
}


@-moz-document url-prefix("https://www.horsereality.com/horses")
{
     .container
            {
            background-color: var(--background-color);
            }
    
    #bbmenu.user ul.slidedown li:hover, #bbmenu.user ul.slidedown li:focus, #bbmenu.user ul.slidedown li:active 
        {
        background-color: transparent:
        }
    
    /*horse page*/ 

    .horse_left 
        {
        background-color: var(--background-color);
        border-radius: 1px 1px;  
        }
    
    .horse_left h1
        {
        padding-top: 8px;
        font-size: 25px;
        font-family: var(--title-font);
        color: var(--text-color):
        }
    
    p
        {
        font-family: var(--main-font);
        font-weight: 400;
        font-size: 13px;
        color: var(--text-color):
        }

    .horse_left .infotext 
        {
        font-size: 14px;
        line-height: 23px;
        font-family: var(--main-font);
        }
    
    .looking_at
        {
        background-color: var(--background-color);
         border-radius: 1px 1px;
        }
    
    h1
        {
        font-size: 26px;
        font-family: var(--main-font);
        font-weight: 400;
        color: var(--text-color):
        }
    
    .horse_banner.europe, .horse_banner.africa, .horse_banner.europe, .horse_banner.asia, .horse_banner.north-america, .horse_banner.south-america, .horse_banner.australia, body.background.north-america, body.background.south-america, body.background.europe, body.background.australia, body.background.asia, body.background.africa
        {
        background-image: url("https://i.imgur.com/Yxogqko.jpeg");
        }
    
    .tabclick, .tabclick2, .tabclick3 
        {
        font-family: var(--main-font);
        background-color: var(--tab-background);
        }
    
    .tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel 
        {
        background-color: #cc96ca;
        }
    
    /*PEDIGREE TAB*/
    
    .top
        {
        background-color: var(--tab-border);
        color: var(--light-text);
        font-family: var(--title-font);
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding: 5px;
        width: calc(100% - 10px);
        }
    
    .container_12 .grid_6.half_block 
        {
        background-color: var(--tab-background);
        border-left: 1px solid var(--tab-border);
        border-bottom: 2px solid var(--tab-border);
        border-right: 1px solid var(--tab-border);
        width: 458px;
        margin: 5px;
        }

    .horse_blockimg
        {
        width: 60px;
        height: 50px;
        background-color: transparent;
        }
    
    .horse_statusbar 
        {
        background-color: var(--tab-background);
        border: none;
        font-family: var(--main-font);
        }
    
    .horse_xp 
        {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c28cff), to(#de8cff));
        background: -moz-linear-gradient(top, #c28cff 0%, #de8cff 100%);
        }
    
    .pedigree 
        {
        background-color: var(--tab-background);
        }
    
    .container_12 .grid_12.stable_block
        {
        background-color: transparent;
        border-left: 1px solid var(--tab-border);
        border-bottom: 2px solid var(--tab-border);
        border-right: 1px solid var(--tab-border);
        }
    
    /*TRAINING TAB*/
    
    .container_12 .grid_8.training_left
        {
        background-color: var(--tab-background);
        border-left: 1px solid var(--tab-border);
        border-bottom: 2px solid var(--tab-border);
        border-right: 1px solid var(--tab-border);
        }
    
    .training_left h6 
        {
        font-size: 16px;
        font-weight: 500;
        font-family: var(--main-font);
        color: var(--light-text);
        background-color: var(--subtitle);
        }
    
    .traincon.selected 
        {
        background-color: #f1ccf0b5 !important;
        }
    
    .training_left .horsetraining .traincon 
        {
        background-color: transparent;
        }
    
    .trainbar 
        {
        background-color: var(--tab-background);
        border: none;
        }
    
    .trainbar>.exp
        {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b77ff6), to(#d87ff6));
        background: -moz-linear-gradient(top, #b77ff6 0%, #d87ff6 100%);
        }
    
    .container_12 .grid_4.training_right 
        {
        background-color: var(--tab-background);
        border-left: 1px solid var(--tab-border);
        border-bottom: 2px solid var(--tab-border);
        border-right: 1px solid var(--tab-border);
        }

    .training_right>.block 
        {
        background-color: transparent;
        }
    
    .training_right>.block>.comp img, .training_right>.block>.show img 
        {
        background-color: transparent;
        }
    
    .energybar 
        {
        background-color: var(--tab-background);
        border: none;
        }
    
    .energy 
        {
            background-color: var(--tab-background);
            background-image: linear-gradient(to right,0% 0%,0% 100%,from(#d2f64e82),to(#f9d887));
            background-image: linear-gradient(to right,#d2f64e82 0%,#f9d887 100%);
        }

    .disc
        {
            background-color: var(--tab-background);
            background-image: linear-gradient(to right,0% 0%,0% 100%,from(#5ce),to(#809fd3a6));
            background-image: linear-gradient(to right,#5ce 0%,#809fd3a6 100%);
        }

    .affection
        {
            background-color: var(--tab-background);
            background-image: linear-gradient(to right,0% 0%,0% 100%,from(#fbaefc),to(#9d48eb));
            background-image: linear-gradient(to right,#fbaefc 0%,#9d48eb 100%);
        }
    
    .training_right>.block>.barcon>.trainbar 
        {
        background-color: var(--tab-background);
        border: none;
        }
    
    .training_right>.block>.barcon>.trainbar>.trained 
        {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b77ff6), to(#d87ff6));
        background: -moz-linear-gradient(top, #b77ff6 0%, #d87ff6 100%);
        }
    
    button.yellow, input[type=submit].yellow 
        {
        background-color: var(--main-pink);
        }
    
    /* GENETICS TAB */
    
    .subtop 
        {
        background-color: var(--subtitle);
        color: var(--light-text);
        font-family: var(--main-font);
        }
    
    .grid_6.genetics
        {
        background-color: var(--tab-background);
        border-left: 1px solid var(--tab-border);
        border-bottom: 2px solid var(--tab-border);
        border-right: 1px solid var(--tab-border);
        font-family: var(--main-font);
        color: var(--text-color);
        }
    
    .genetic_table_row 
        {
        border-bottom: 1px solid var(--subtitle); 
        }
    
    .genetic_result
        {
        background-color: #ffc5fb9e;
        }

    .genetic_tests .test_block .first 
        {
        backgroun...

Reviews

No reviews yet.