Skip to content

cherimoya_ theme by hedera

Write a review Install Get Stylus

Details

Authorhedera

LicenseNo License

Categoryuserstyles

Created

Updated

Size64 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme bought by cherimoya_ through an auction collab by Misakuja, Jedi, and Ivy.

Notes

v.1

This CSS code is NOT free to use.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         cherimoya_ Theme
@version      20230420.06.36
@namespace    ?
==/UserStyle== */

@-moz-document domain("https://v2.horsereality.com/") {
:root
  {
    --color1: #544b42db; /*light-sage*/
    --color2: #78654bcf; 
    --color3: #293029;
    --color4: #3e7dc5a3;
    --gold: #633e09a6;
    --text1: #cfa670;  
    --text2: #c4b188; /*light*/
    --text3: #332003; /*green*/
    --body: #cd9f6eb5;
    --gold-hover: #745836;
    --color-hover: #24221e;
    --progress: #948a52;
    --picture-button: #a2835d;
    --button: #583206;
    --button-hover: #1b201b;
    --boxes: #926c42a3;
    --white: #cdcdc991;
    --odd: #6e4f2cb8;
    --even: #90693ed6;
    --mine: #442f17d4;
    --select: #ac8e64;
    --check: #555f55b5;
    --top-hover: #cd9f6e;
    --map: url(https://i.imgur.com/cZewkYi.png);
    --background: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087992632615120956/photo-1604502130010-22a9eb4c77a8.jpg);
    --title-font: "Playfair Display";
    --main-font: "Playfair Display";
    --headers: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087457329953382551/photo-1604502130010-22a9eb4c77a8.png);
       --horse-bg: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087457329953382551/photo-1604502130010-22a9eb4c77a8.png);
    
  
  }
}

@-moz-document url-prefix("https://www.horsereality.com/") {
:root
  {
    --color1: #544b42db; /*light-sage*/
    --color2: #78654bcf; 
    --color3: #293029;
    --color4: #3e7dc5a3;
    --gold: #633e09a6;
    --text1: #cfa670;  
    --text2: #c4b188; /*light*/
    --text3: #332003; /*green*/
    --body: #cd9f6eb5;
    --gold-hover: #745836;
    --color-hover: #24221e;
    --progress: #948a52;
    --picture-button: #a2835d;
    --button: #583206;
    --button-hover: #1b201b;
    --boxes: #926c42a3;
    --white: #cdcdc991;
    --odd: #6e4f2cb8;
    --even: #90693ed6;
    --mine: #442f17d4;
    --select: #ac8e64;
    --check: #555f55b5;
    --top-hover: #cd9f6e;
    --map: url(https://i.imgur.com/cZewkYi.png);
    --background: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087992632615120956/photo-1604502130010-22a9eb4c77a8.jpg);
    --title-font: "Playfair Display";
    --main-font: "Playfair Display";
    --headers: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087457329953382551/photo-1604502130010-22a9eb4c77a8.png);
       --horse-bg: url(https://cdn.discordapp.com/attachments/1087381222923194428/1087457329953382551/photo-1604502130010-22a9eb4c77a8.png);
    
  
  }
}

@-moz-document url-prefix("https://v2.horsereality.com/") {
.minimap.africa
{
  background-image: var(--map);
}

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

.minimap.australia
{
  background-image: var(--map);
}

.minimap.europe
{
  background-image: var(--map);
}

.minimap.south-america
{
  background-image: var(--map);
}

.minimap.north-america
{
  background-image: var(--map);
}

.horse_banner.africa
{
  background-image: var(--horse-bg);
}

.horse_banner.asia
{
  background-image: var(--horse-bg);
}

.horse_banner.australia
{
  background-image: var(--horse-bg);
}

.horse_banner.europe
{
  background-image: var(--horse-bg);
}

.horse_banner.south-america
{
  background-image: var(--horse-bg);
}

.horse_banner.north-america
{
  background-image: var(--horse-bg);
}

body.background.europe {
    background-image: var(--background)!important no-repeat fixed 0 0/100% auto;
    background-size: cover;
}
}

@-moz-document url-prefix("http") {
.minimap.africa
{
  background-image: var(--map);
}

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

.minimap.australia
{
  background-image: var(--map);
}

.minimap.europe
{
  background-image: var(--map);
}

.minimap.south-america
{
  background-image: var(--map);
}

.minimap.north-america
{
  background-image: var(--map);
}

.horse_banner.africa
{
  background-image: var(--horse-bg);
}

.horse_banner.asia
{
  background-image: var(--horse-bg);
}

.horse_banner.australia
{
  background-image: var(--horse-bg);
}

.horse_banner.europe
{
  background-image: var(--horse-bg);
}

.horse_banner.south-america
{
  background-image: var(--horse-bg);
}

.horse_banner.north-america
{
  background-image: var(--horse-bg);
}

/**/

  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);
  }

/**/

img[src="https://www.horsereality.com/images/carol.png"]
{
  content: url(https://cdn.discordapp.com/attachments/987518421442891878/1065806976715604008/Untitled217_20230119183613.png);
}


}

@-moz-document url-prefix("https://www.horsereality.com") {
.table

.leftnav
  {
    float: left;
    background-color: var(--color1);
    border: 2px solid var(--gold);
    border-radius: 0px 0px 20px 20px;
    width: 145px;
    z-index: 900;
    padding: 10px;
    font-family: var(--title-font);
  }

  .grid_12.deltapoints
  {
    background-color: var(--odd);
    border-left: 1px solid var(--gold);
    border-bottom: 5px solid var(--gold);
    border-right: 1px solid var(--gold);
    width: 938px;
    margin: 10px;
  }

  .buy_block .buy_top
  {
    width: calc(100% - 30px);
    padding: 8px 15px;
    background-color: var(--color2);
    margin-bottom: 10px;
  }
.grandparents p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: var(--text3);
}

  .grid_12.deltapoints .buy_container .buy_block
  {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    position: relative;
    width: 200px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    background-color: var(--even);
  }

  .buy_explain h5
  {
    color: var(--text3);
    font-size: 16px;
    font-weight: 600;
  }

  .buy_img span.superdeal
  {
    background-color: var(--button);
    padding: 3px;
    font-size: 12px;
    border-radius: 3px;
    color: var(--text3);
    position: absolute;
    right: 10px;
    font-weight: 600;
  }

  span.shoutout.bestdeal
  {
    background-color: var(--even);
  }

  #mail_right p a:active, #mail_right p a:visited, #mail_right p a:link
  {
    color: var(--text3);
    text-decoration: none;
  }

  .mail_row:hover
  {
    background-color: var(--even);
  }
#forum .row_960 .col_750.mod {
    background: url(../images/moderator.png) no-repeat right top var(--odd);
}
.subtop .col_900 a:link, .subtop .col_900 a:visited, .subtop .col_900 a:active {
    color: var(--text2);
}

  .mail_row
  {
    float: left;
    width: 735px;
    padding: 5px 5px 5px 10px;
    background-color: var(--odd);
    border-bottom: 1px solid var(--even);
  }

  input, select
  {
    vertical-align: middle;
    background-color: var(--body);
  }

  .toplinks ul li a:hover
  {
    color: var(--gold-hover);
  }

  .leftnav>ul>li
  {
    width: 140px;
    text-transform: uppercase;
    color: var(--gold);
  }

  .leftnav>ul>li>ul>li a:active, .leftnav>ul>li>ul>li a:link, .leftnav>ul>li>ul>li a:visited
  {
    font-size: 13px;
    font-family: var(--title-font);
    font-weight: 900;
    text-transform: capitalize;
    color: var(--text2);
    padding: 0;
  }

  .minidetails
  {
    float: left;
    width: 438px;
    background-color: #eaf0f2;
    background-image: var(--background);
    padding: 10px;
    min-height: 230px;
  }

  .subtitle
  {
    font-size: 16px;
    font-family: var(--title-font);
    font-weight: 900;
    color: var(--text2);
    margin-bottom: 5px;
  }

  .bluebar_container
  {
    width: 100%;
    background-color: var(--top-hover);
    background-image: var(--top);
    border-bottom: 2px solid var(--gold);
    height: 80px;
    position: relative;
    z-index: 1000;
  }

  .block_tabclick:hover, .block_tabclick.tabsel
  {
    background-color: var(--even);
    border-radius: 20px 20px 20px 20px;
    cursor: pointer;
  }

  .energybar_half
  {
    float: left;
    width: 274px;
    background-color: var(--body);
    border: 2px solid var(--sand);
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
    margin: 3px 0;
    width: 118px;
    border-radius: 30px 30px 30px 30px;
  }

  .looking_at p
  {
    color: var(--text3);
  }

  table
  {
    background-color: var(--color1);
    border-bottom: 3px solid var(--color1);
    border-right: 1px solid var(--color1);
    border-left: 1px solid var(--color1);
    width: 100%;
  }

  table thead tr.top
  {
    background-color: var(--color2);
    background-image: var(--sub-header);
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    font-family: var(--title-font);
    line-height: 21px;
  }

  table thead tr.sub
  {
    background-color: var(--color2);
    font-weight: 600;
    color: var(--text2);
    font-size: 14px;
    font-family: var(--title-font);
    line-height: 18px;
  }

  #store_left
  {
    float: left;
    width: 150px;
    padding: 10px;
    margin-top: 5px;
    margin-right: 10px;
    color: var(--text3);
    text-transform: capitalize;
    line-height: 18px;
    font-size: 13px;
    font-family: var(--main-font);
    font-weight: 500;
  }

  table tr td a:active, table tr td a:link, table tr td a:visited
  {
    text-decoration: none;
    color: var(--text2);
    font-family: var(--main-font);
    font-weight: 600;
  }

  p
  {
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: var(--text3);
  }

  table tr.odd
  {
    background-color: var(--odd);
  }

  table tr.even
  {
    background-color: var(--even);
  }

  .energy_val_half
  {
    position: absolute;
    z-index: 990;
    width: 274px;
    color: v...

Reviews

No reviews yet.