Skip to content

Cathmor Theme (Jedi Ivy Collab, 21/6/2023) by hedera

Write a review Install Get Stylus

Details

Authorhedera

LicenseNo License

Categoryuserstyles

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Cathmor theme. CSS code and theme not free to use.

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           Cathmor Theme (Jedi Ivy Collab, 21/6/2023)
@namespace      ?
@version        1.0.0
@description    HR Theme
@author         IvyDeLasTormentas
==/UserStyle== */

@-moz-document domain("horsereality.com") {
}

:root
  {
   /*text*/
    --text1: #f2f1f4;  
    --text2: #9a9a9b; 
    --text3: #373637;
   /*colors*/
    --gold: #4d4d4d; /*for borders*/
    --color1: #e7e6e8; /*lightest*/
    --color2: #a2a2a4; /*middle*/
    --color3: #404040ad; /*darkest*/
    --body: #cccbceb5;
    --boxes: #3736378a;
    --white: #cbc9cd91;
    --odd: #747375b8;
    --even: #8d8c8ed6;
    --map: url(https://cdn.discordapp.com/attachments/1117572202007642123/1120774311528112259/Cath_Theme_GLobe.png);
    --background: url(https://cdn.discordapp.com/attachments/1008819423915802725/1118768448844083200/matt-palmer-4241hluv36I-unsplash.jpg);
    --title-font: "Playfair Display";
    --main-font: "Playfair Display";
    --headers: url(https://i.imgur.com/NKvCdIr.jpg);
    --horse-bg: url(https://i.imgur.com/NKvCdIr.jpg);
    
}
.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: var(--background) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

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

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

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

body.background.south-america{
    background: var(--background) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.north-america {
    background: var(--background) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

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


.header-menu {
    background: var(--color3);
}

.header-menu nav .main-menu .user-nav>a {
    color: var(--text1);
    font-size: 13px;
    font-family: var(--title-font);
}

.header-menu nav .main-menu ul li a {
   color: var(--text1);
    font-size: 13px;
    font-family: var(--title-font);
}

.main-content {
    padding: 15px;
    background: var(--white);
}

.side-nav {
    padding: 10px;
    background: var(--color3);
}

.component.frame .wrapper {
    padding: 2px;
    background: var(--boxes);
    border-radius: 20px 20px 0px 0px;
}

.component.table .table thead th {
    background: var(--boxes);
    border: none;
    padding: 5px 10px;
}

.table .thead-dark th {
    color: var(--text3);
    background-color: #343a40;
    border-color: #454d55;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--boxes);
}

.component.table .table tbody tr:nth-of-type(odd) {
    background-color: #fff0!important;
}

.component.table .table tbody tr td {
    vertical-align: middle;
    background-color: #fff0!important;
}

.show-profile .navbar-avatar .navbar-avatar-container {
    position: absolute;
    z-index: 1;
    top: 165px;
    left: 25px;
    width: 150px;
    height: 150px;
    border: 4px solid #fff0;
    background-size: cover;
}

.show-profile .profile-account {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: var(--boxes);
    border-radius: 20px;
    border: 1px solid var(--gold);
}

.show-profile .profile-account h2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: var(--text3);
    font-family: var(--title-font);
}

.show-profile .profile-account table tr td {
    padding: 8px 5px;
    vertical-align: middle;
    color: var(--text2);
    font-family: var(--main-font);
}

.show-profile .profile-account .tag-npc, .show-profile .profile-account .tag-player {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding-left: 0;
    text-align: left;
    color: var(--text1);
}

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

.show-profile .navbar .nav-link {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 20px;
    color: var(--text3);
    font-family: var(--title-font);
}

.show-profile .navbar .nav-link:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--text1);
    border: none;
    border-radius: 0;
    background-color: var(--color3);
}

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

.side-nav ul a {
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--text2);
    padding: 0;
}

body {
    font-family: var(--main-font);
    font-size: 13px;
}

.button.primary {
    background: var(--color3);
    color: var(--text1);
    border-radius: 20px;
    border: 1px solid var(--text3);
}

.btn.btn-cta, .btn.btn-primary {
    font-weight: 600;
    color: var(--text1)!important;
    border-color: var(--text3)!important;
    background-color: var(--color3)!important;
    border-radius: 20px;
}

.current-capacity {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    color: var(--text1);
    border-radius: 20px;
    background: var(--color3);
    border: 1px solid var(--text3);
}

.current-capacity i {
    margin-left: 6px;
    color: var(--text1);
}

.horse-list .horse-item .image {
    background-position: -50px 100%;
    background-size: 150%;
    background-image: var(--horse-bg)!important;
}

.notification-settings .checkbox:checked~.switch {
    background-color: var(--color3);
}

.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
    font-family: var(--title-font);
    font-weight: 600;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: var(--text3);
    border: 1px solid var(--color2);
    border-radius: 20px;
    background-color: var(--color1);
}

/* user horse page*/

.horse-filters-search input {
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 30px;
    border: 0;
    border-radius: 8px;
    background: var(--color1)!important;
    
}

button.normalize {
    padding: 0;
    color: var(--text3)!important;
    border: 0;
    background: 0 0;
}

.horse-list .horse-item .content-wrapper {
    flex-direction: row;
    background-color: #fff0;
    border-radius: 20px;
}

.horse-item .content {
    overflow: hidden;
    border-radius: 8px;
    background: var(--odd);
}

.horse-list.alternate .horse-item:nth-child(2n) .content {
    background: var(--even);
}

.horse-list .horse-item .name-and-tagline h2 {
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 16px;
    color: var(--text3);
}

.horse-list .horse-item .name-and-tagline .tagline {
    margin-top: 5px;
    color: var(--text3);
}

.horse-list .horse-item .breed-and-age .breed {
    margin-right: 2px;
    color: var(--text3);
}

.horse-list .horse-item .breed-and-age .age.desktop {
    display: inline-block;
    color: var(--text3);
}

.horse-stats .horse-stat-energy i {
    color: var(--text3);
}

.horse-stats .horse-stat-fitness i {
    color: var(--text3);
}

.horse-stats .horse-stat-affection i {
    color: var(--text3);
}

.horse-stats .horse-stat span {
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    display: block;
    width: 22px;
    text-align: center;
    letter-spacing: 0;
    color: var(--text1);
}

/*foal calendar */

.component.table .table tbody tr:nth-of-type(odd) {
    background-color: var(--odd)!important;
    border-radius: 0px;
}

.component.table .table tbody {
    background-color: var(--odd)!important;
}

a {
    color: var(--text3);
}

.info {
    font-weight: 700;
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 20px;
    padding-right: 8px;
    border-radius: 4px;
    background: var(--color1);
    box-shadow: inset 0 0 0 1px var(--color3);
}

.info .info-icon {
    font-size: 11px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    width: 30px;
    height: 100%;
    margin-right: 8px;
    color: #fff0;
    background: var(--color1);
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--text3);
}



/* foal pastures */
.card-item {
    background-color: var(--color3);
    border-radius: 20px;
    border: 1px solid var(--text3);
    padding: 9px 14px;
    width: 100%!important;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-item-name {
    font-size: 14px;
    text-align: center;
    line-height: 1;
    font-weight: 700!important;
    color: var(--text1);
    margin-bottom: 15px;
    min-height: 28px;
}

.card-item-action button.black {
    background-color: var(--color3);
    border-radius: 20px;
    border: 1px solid var(--text3);
    color: var(--text1...

Reviews

No reviews yet.