Skip to content

Kiki, Chan, Eduarda Collab - Jan 2024 by Kiki

Write a review Install Get Stylus

Details

AuthorKiki

LicenseNo Redistribution

CategoryHR

Created

Updated

Size103 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Collab theme made by Kiki for Horse Reality. Personal usage rights only.

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       Kiki, Chan, Eduarda Collab - Jan 2024
@version    20240123.18.25
@namespace  ?
==/UserStyle== */

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

:root
  {
--side-nav: #393b4485;
    --check: #34353d63;
    --picture-button: #34353d63;
    --border: #59483dab;
    --header-1: #2e2325c7;
    --header-2: #191719bf;
    --menu-text: #ffdbc8c9;
    --light-text: #a1978b;
    --profile-box: #291f215e;
    --body: #393b4485;
    --dark-text: #9b8585;
    --text-hover: #71726a;
    --menu-hover: #221f29;
    --progress: #674f4fb0;
    --button: #1b121080;
    --button-hover: #2a2631;
    --boxes: #18151659;
    --white: #fcd1bea8;
    --odd: #0004161f;
    --even: #2920210f;
    --mine: #2d222430;
    --select: #484b51;
    --top-hover: #2e22248c;
    --title-font: "Cinzel"; 
    --main-font: "Instrument Serif";
    --background: url(https://cdn.discordapp.com/attachments/1189789641671446538/1190738979381858435/Untitled_Artwork.png?ex=65b55a17&is=65a2e517&hm=6c6b8984161665b983edc802c59431b3005f941fb39bda53bb0572266dbab21e&);
    --map: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196522997490663516/globe.png?ex=65b7efe0&is=65a57ae0&hm=275f2044ddd7feb118126451d4bd6982f496733ca9e71fb707caa73a97130cfa&);
    --top: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196545538074615988/Top_bar_background.png?ex=65b804df&is=65a58fdf&hm=1881007eb52f62b5b7d840028e65fc64d8710c81c93e243b44e329be1500a048&);
    --center: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196549142571401287/center.png?ex=65b8083a&is=65a5933a&hm=4987e3f699888f8f6926ff5a0c28afa9be823bc73d93c4ab03af61815b6d6081&);
    --headers: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197682581102137415/player.png?ex=65bc27d3&is=65a9b2d3&hm=62cae8c8abceb53ec81315c346a46c227585a20e3469d42a58af390c7f027875&);
    --horse-bg: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196531628848205894/horse_bg2.png?ex=65b7f7ea&is=65a582ea&hm=eca0df3218551d751d307965df64343f36085f8542fdbb10c08facae65668d53&);
    --footer: url(https://cdn.discordapp.com/attachments/899740992188604477/1196541323046555708/footer.png?ex=65b800f2&is=65a58bf2&hm=ad5a2373d65326571406278c3aff0ed30d2c4945ac79a86429c5594a2de1dd3e&);
  
  }
html {

  font-size: 80%;


}
}

@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
:root
  {--side-nav: #393b4485;
    --check: #34353d63;
    --picture-button: #34353d63;
   --border: #59483dab;
    --header-1: #2e2325c7;
    --header-2: #191719bf;
    --menu-text: #ffdbc8c9;
    --light-text: #a1978b;
    --profile-box: #291f215e;
    --body: #393b4485;
    --dark-text: #9b8585;
    --text-hover: #71726a;
    --center-hover: #221f29;
    --progress: #674f4fb0;
    --button: #1b121080;
    --button-hover: #2a2631;
    --boxes: #18151659;
    --white: #fcd1bea8;
    --odd: #0004161f;
    --even: #2920210f;
    --mine: #2d222430;
    --select: #484b51;
    --top-hover: #2e22248c;
   --map: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196522997490663516/globe.png?ex=65b7efe0&is=65a57ae0&hm=275f2044ddd7feb118126451d4bd6982f496733ca9e71fb707caa73a97130cfa&);
   --background: url(https://cdn.discordapp.com/attachments/1189789641671446538/1190738979381858435/Untitled_Artwork.png?ex=65b55a17&is=65a2e517&hm=6c6b8984161665b983edc802c59431b3005f941fb39bda53bb0572266dbab21e&);
    --top: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196545538074615988/Top_bar_background.png?ex=65b804df&is=65a58fdf&hm=1881007eb52f62b5b7d840028e65fc64d8710c81c93e243b44e329be1500a048&);
    --center: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196549142571401287/center.png?ex=65b8083a&is=65a5933a&hm=4987e3f699888f8f6926ff5a0c28afa9be823bc73d93c4ab03af61815b6d6081&);
    --headers: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197682581102137415/player.png?ex=65bc27d3&is=65a9b2d3&hm=62cae8c8abceb53ec81315c346a46c227585a20e3469d42a58af390c7f027875&);
     --horse-bg: url(https://cdn.discordapp.com/attachments/1136484812920725665/1196531628848205894/horse_bg2.png?ex=65b7f7ea&is=65a582ea&hm=eca0df3218551d751d307965df64343f36085f8542fdbb10c08facae65668d53&);
    --footer: url(https://cdn.discordapp.com/attachments/899740992188604477/1196541323046555708/footer.png?ex=65b800f2&is=65a58bf2&hm=ad5a2373d65326571406278c3aff0ed30d2c4945ac79a86429c5594a2de1dd3e&);
    --title-font: 'Cinzel'; 
    --main-font: 'Instrument Serif';
    
  }
html {

  font-size: 80%;


}
}

@-moz-document url-prefix("https://v2.horsereality.com/user") {
.side-nav
  {
    padding: 10px;
    background-color: var(--side-nav);
    height: 980px;
    border: 2px solid var(--border);
    border-radius: 0px 0px 20px 20px;
  }

  .side-nav ul .subtitle
  {
    font-family: var(--title-font);
    font-size: 1.3REM;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--light-text);
  }

  .side-nav ul a
  {
    font-size: 1.5REM;
    font-family: var(--main-font);
    font-weight: 900;
    text-transform: capitalize;
    color: var(--light-text);
    padding: 0;
  }

  .side-nav ul a:hover
  {
    color: var(--text-hover);
    text-decoration: none;
  }

  .main-content
  {
    background-image: var(--body-image);
    background-color: #e5d9cb54;
    padding: 15px;
  }

  .show-profile .profile-account
  {
    width: 250px;
    padding: 10px;
    background-color: var(--profile-box);
    background-image: var(--player);
    border: none;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
  }

  .show-profile .profile-account h2
  {
    background-image: var(--headers);
    border: 2px solid var(--border);
    border-radius: 20px 20px 20px 20px;
    font-size: 1.5REM;
    font-family: var(--title-font);
    font-weight: 600;
    color: var(--menu-text);
    margin: 0;
  }

  .sales .horse-name
  {
    font-weight: 600;
    color: var(--dark-text);
  }

  .header-menu
  {
    background: var(--top-hover);
    background-image: var(--top);
    border-bottom: 2px solid var(--border);
  }

  .show-profile .navbar
  {
    background-color: var(--header-2)!important;
    background-image: var(--center);
    border-top: 2px solid var(--border);
    border-bottom: 2px solid var(--border);
    padding-top: 0;
    padding-bottom: 0;
    min-height: 40px!important;
  }

  .show-profile .navbar-avatar .navbar-avatar-container
  {
    border: none;
    padding: 20px;
      border-radius: 20px 20px 20px 20px;
  }


  .header-menu nav .main-menu .user-nav>a:hover
  {
    color: var(--light-text);
  }

  .header-menu nav .main-menu .user-nav .dropdown-menu
  {
    left: -135px!important;
    min-width: 12rem!important;
    background: var(--menu-hover);
    border: 2px solid var(--border);
    border-radius: 0px 0px 20px 20px;
    opacity: 95%;
  }

  .header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover
  {
    background: 0 0;
    color: var(--light-text);
  }

  .header-menu nav .stats a
  {
    color: var(--light-text);
  }

  .header-menu nav .stats
  {
    text-align: right;
    color: var(--light-text);
    font-family: var(--main-font);
    font-size: 1rem;
  }

  .header-menu nav .main-menu .user-nav>a
  {
    color: var(--light-text);
    font-family: var(--title-font);
    font-weight: 900;
    font-size: 1.5REM;
  }

  .header-menu nav .main-menu ul li a
  {
    font-size: 1.5REM;
    font-family: var(--title-font);
    color: var(--light-text);
    font-weight: 900;
  }

  .show-profile .profile-account .tag-trial-chat
  {
    background-color: var(--side-nav);
    display: inline;
  }

  .show-profile .profile-account .tags-outer
  {
    font-weight: 500;
    color: var(--dark-text);
    font-size: 14px;
    border-radius: 7px;
    padding: 1px 6px;
    white-space: nowrap;
  }

  p
  {
    font-family: var(--main-font);
    font-weight: 400;
    font-size: .9rem;
    line-height: 18px;
    color: var(--dark-text);
  }

  body.background.africa
  {
    background-image: var(--background);
  }

  body.background.asia
  {
    background-image: var(--background);
  }

  body.background.australia
  {
    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);
  }

  .show-profile .profile-name-and-estate .profile-username
  {
    font-size: 32px!important;
    opacity: 40%;
    font-family: var(--title-font);
    font-weight: 700!important;
    color: var(--light-text);
    margin-bottom: 5px!important;
  }

  .show-profile .profile-ranking-container .profile-rank-position
  {
    font-size: 1.2REM!important;
    font-family: var(--title-font);
    text-align: right;
    font-weight: 700!important;
    color: var(--light-text);
    margin-bottom: 5px!important;
  }

  .footer
 {
    background: var(--header-1);
    background-image: var(--footer);
    color: var(--border);
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    margin-bottom: 50px;
  }

  .show-profile .navbar .nav-link
  {
    padding: 8px 20px;
    line-height: 24px;
    font-weight: 900;
    font-family: var(--title-font);
    color: var(--light-text);
    font-size: 1.5REM;
  }

  .show-profile .navbar .nav-link:hover
  {
    background-color: var(--menu-hover);
    cursor: pointer;
    border: none;
    border-radius: 20px 20px 20px 20px;
    color: var(--light-text);
    text-decoration: none;
  }

  .show-pr...

Reviews

No reviews yet.