Skip to content

Collab 2024 - Kiki, Chan, Ryuu, Minho, Brenda 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

Theme for a Horse Reality collaboration.

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       Collab 2024 - Kiki, Chan, Ryuu, Minho, Brenda
@version    20240117.21.10
@namespace  ?
==/UserStyle== */

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

:root
  {  --side-nav: #59421f6e;
    --check: #34353d63;
    --picture-button: #32190652;
    --border: #c599672e;
    --header-1: #322d3b;
    --header-2: #381e07b8;
    --menu-text: #b5a189bf;
    --light-text: #a78e6fbf;
    --profile-box: #ab723730;
    --body: #190f0800;
    --dark-text: #c5ae90bf;
    --text-hover: #25140a;
    --menu-hover: #23120663;
    --progress: #110a0354;
    --button: #26160a94;
    --button-hover: #26160a;
    --boxes: #5a506799;
    --white: #fcd1bea8;
    --odd: #4b240654;
    --even: #856e4699;
    --mine: #b5a55a38;
    --select: #484b51;
    --top-hover: #59421fab;
    --title-font: 'Macondo'; 
    --main-font: 'Cinzel';
     --map: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197266011842424842/globe.png?ex=65baa3dd&is=65a82edd&hm=6ea64435e6e20c6142f87a9f58f4e34109cd10421cee745e4e6ec4a161cbc324&);
      --background: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197264278701490326/edited_BG.png?ex=65baa240&is=65a82d40&hm=6edb96d98c80c18baa13a4d909739f3683d46ee6aec39b9107438fcb2f77db2d&);
    --headers: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197270566206439444/player.png?ex=65baa81b&is=65a8331b&hm=6bc578d7a737002f3678730c7f209b1eaa2472367d40f440c265ca43abbdfff1&);
    --horse-bg: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197267090931990568/horsebg.png?ex=65baa4de&is=65a82fde&hm=b3908b58813f9f4e55330185aec929d8ca137cc1a456d1381f6df7724739f3e8&);
    --footer: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197286394503110757/footer.png?ex=65bab6d8&is=65a841d8&hm=92883644126e622fb6c1e93d56fa5995e365b7e345b433382df1b3923f07d31a&);
    --pedigree: url("https://cdn.discordapp.com/attachments/1136484812920725665/1189393224515723324/pedigree.png?ex=659dffc2&is=658b8ac2&hm=be18a998cbcd6f4c39444f8a83a645599946900ca0372b4a5b589fcbbaff94f4&");
  
  }
html {

  font-size: 80%;


}
}

@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
:root
  {   --side-nav: #59421f6e;
    --check: #34353d63;
    --picture-button: #32190652;
    --border: #c599672e;
    --header-1: #322d3b;
    --header-2: #381e07b8;
    --menu-text: #b5a189bf;
    --light-text: #a78e6fbf;
    --profile-box: #ab723730;
    --body: #190f0800;
    --dark-text: #c5ae90bf;
    --text-hover: #25140a;
    --menu-hover: #23120663;
    --progress: #110a0354;
    --button: #26160a94;
    --button-hover: #26160a;
    --boxes: #5a506799;
    --white: #fcd1bea8;
    --odd: #4b240654;
    --even: #856e4699;
    --mine: #b5a55a38;
    --select: #484b51;
    --top-hover: #59421fab;
   --map: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197266011842424842/globe.png?ex=65baa3dd&is=65a82edd&hm=6ea64435e6e20c6142f87a9f58f4e34109cd10421cee745e4e6ec4a161cbc324&);
   --background: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197264278701490326/edited_BG.png?ex=65baa240&is=65a82d40&hm=6edb96d98c80c18baa13a4d909739f3683d46ee6aec39b9107438fcb2f77db2d&);
    --headers: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197270566206439444/player.png?ex=65baa81b&is=65a8331b&hm=6bc578d7a737002f3678730c7f209b1eaa2472367d40f440c265ca43abbdfff1&);
     --horse-bg: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197267090931990568/horsebg.png?ex=65baa4de&is=65a82fde&hm=b3908b58813f9f4e55330185aec929d8ca137cc1a456d1381f6df7724739f3e8&);
    --footer: url(https://cdn.discordapp.com/attachments/1136484812920725665/1197286394503110757/footer.png?ex=65bab6d8&is=65a841d8&hm=92883644126e622fb6c1e93d56fa5995e365b7e345b433382df1b3923f07d31a&);
    --pedigree: url("https://cdn.discordapp.com/attachments/1136484812920725665/1189393224515723324/pedigree.png?ex=659dffc2&is=658b8ac2&hm=be18a998cbcd6f4c39444f8a83a645599946900ca0372b4a5b589fcbbaff94f4&");
    --title-font: 'Macondo'; 
    --main-font: 'Cinzel';
    
  }
html {

  font-size: 80%;


}
}

@-moz-document url-prefix("https://v2.horsereality.com/user") {
.component.table .table {
    background-color: #fff0;
    margin: 0;
    
}.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-profile .profile-account .tag-npc, .show-profile .profile-account .tag-player
  {
    font-size: 1rem;
    font-family: var(--main-font);
    color: var(--dark-text);
    display: block;
    text-align: left;
    font-weight: 400;
    padding-left: 0;
  }

  body
  {
    margin: 0;
    font-family: var(--main-font);
    font-size: 1rem;
    font-weight: 400;
    lin...

Reviews

No reviews yet.