Skip to content

HR Theme by oxyyprincess

Details

Authoroxyyprincess

LicenseNo License

Categoryhorse reality

Created

Updated

Size30 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Commissioned Horse Reality 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 (ocean blue)
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    With 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=Abel&family=Bonheur+Royale&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Lavishly+Yours&display=swap');

:root
  {--main-color: #409dbe;
    --lighter: #81c9dc;
    --darker: #499dbd;
     --background: #5fbbd5ba;
    --text-color: #031729;
    --light-text: #a0d7e4;
    --tab-background: #72c5e07d;
    --tab-border: #1a6d93;
    --subtitle: #348ab1;
    --even: #c2e2f0;
    --odd: #ccdce2;
    --highlight: #e1f1fd52;
    --title-font: "Cormorant";
    --main-font: "Cormorant";
      
     --horse-background: url("https://i.imgur.com/W5ZTYYS.jpeg");
  }
}

@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Bonheur+Royale&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Lavishly+Yours&display=swap');

:root
  {--main-color: #409dbe;
    --lighter: #81c9dc;
    --darker: #499dbd;
     --background: #5fbbd5ba;
    --text-color: #031729;
    --light-text: #a0d7e4;
    --tab-background: #72c5e07d;
    --tab-border: #1a6d93;
    --subtitle: #348ab1;
    --even: #c2e2f0;
    --odd: #ccdce2;
    --highlight: #c6f4f838;
    --title-font: "Cormorant";
    --main-font: "Cormorant";
      
     --horse-background: url("https://i.imgur.com/W5ZTYYS.jpeg");
  }
}
@-moz-document url-prefix("https://www.horsereality.com/") 
{
    
    .bluebar_container 
        {
        background-color: var(--main-color);
        }
    
    #bbmenu.user ul.slidedown li ul.slidedownmenu 
        {
        background-color: var(--main-color);
        }
    
    #bbmenu.user ul.slidedown li a.arrow 
        {
        background-color: var(--main-color);
        }
    
    #bbmenu.user ul.slidedown li ul.slidedownmenu li 
        {
        background-color: var(--main-color);
        }
    
    .container 
        {
        background-color: var(--background);
        }
    
    .center 
        {
        background-color: transparent;
        }
    
    .leftnav 
        {
        background-color: var(--background);
        font-family: var(--main-font);
        border-radius: 0px 0px 50px;
        }
    
    p a:active, p a:link, p a:visited,  h1, .horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited
        {
        color: whitesmoke
        }
    
    .horse_left .infotext, .looking_at p, .quote
        {
        color: #d2e4ed
        }
    
/*horse page*/ 

    .horse_left 
        {
        background-color: var(--background);
        border-radius: 1px 15px;  
        }

    .looking_at
        {
        background-color: var(--background);
         border-radius: 1px 15px;
        }

    .horse_banner.africa, .horse_banner.europe, .horse_banner.asia, .horse_banner.north-america, .horse_banner.south-america, .horse_banner.australia
        {
        background-image: var(--horse-background);
        }
    
    .tabclick, .tabclick2, .tabclick3 
        {
        background-color: var(--background);
        }
    
    .tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel 
        {
        background-color: var(--tab-border);
        }
    
    p,h3,  .horse_blocktext p a:active, .horse_blocktext p a:link, .horse_blocktext p a:visited, .parentstitle, .grandparentstitle, .ggrandparentstitle, .parents a:active p, .parents a:link p, .parents a:visited p, body, .genetic_result 
             {
            color: whitesmoke !important;
             }
    
      /*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(#8cffe4), to(#8cd7ff));
        background: -moz-linear-gradient(top, #8cffe4 0%, #8cd7ff 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: var(--highlight) !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(#55b1ee), to(#55c3ee));
        background: -moz-linear-gradient(top, #55b1ee 0%, #55c3ee 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(#f6c64e),to(#fcce81));
            background-image: linear-gradient(to right,#f6c64e 0%, #fcce81 100%);
        }

    .disc
        {
            background-color: var(--tab-background);
            background-image: linear-gradient(to right,0% 0%,0% 100%,from(#55b1ee),to(#6aa1ff));
            background-image: linear-gradient(to right,#55b1ee 0%,#6aa1ff 100%);
        }

    .affection
        {
            background-color: var(--tab-background);
            background-image: linear-gradient(to right,0% 0%,0% 100%,from(#927cff),to(#7c48eb));
            background-image: linear-gradient(to right,#927cff 0%,#7c48eb 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(#55b1ee), to(#55c3ee));
        background: -moz-linear-gradient(top, #55b1ee 0%, #55c3ee 100%);
        }
    
    button.yellow, input[type=submit].yellow 
        {
        background-color: var(--main-color);
        }
    
    .energy_val
        {
        color: whitesmoke;
        }
    
    /* 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);
        }
    
    .genetic_table_row 
        {
        border-bottom: 1px solid var(--subtitle); 
        }
    
    .genetic_result
        {
        background-color: var(--highlight);
        }

    .genetic_tests .test_block .first 
        {
        background-color: var(--highlight);
        }
    
    .genetic_potential 
        {
        background-color: var(--highlight);
        }
    
    /* ACHIVEMENTS TAB */
    
    .row_300 
        {
        background-color: var(--tab-background);
        }
    
    .odd
        {
        background-color: var(--tab-background);
        }
    
    .even
        {
        background-color: transparent;
        }
    
    .container_12 .grid_6.half_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);
        width: 458px;
        margi...

Reviews

No reviews yet.