Skip to content

SanChexX by melissa25

Write a review Install Get Stylus

Details

Authormelissa25

LicenseNo License

CategoryHorse Reality

Created

Updated

Size51 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme for SanChexX
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           SanChexX 
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Theme for SanChexX
@author         Me
==/UserStyle== */

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

:root {
    --chiaro: #171528;
    --chiaro2: #1F1C35;
    --chiaro3: #0F0E1B;
    --medio: #975E74;
    --scuro: #C59DF3;
    --chiarosfumato: #17152850;
    --chiarosfumato2: #17152870;
    --risultato:  #382166;
    --teal: #20c997;
    --cyan: #17a2b8;
    --bianco: #fff;
    --gray: #6c757d;
    --nero: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
}
@-moz-document url-prefix("https://v2.horsereality.com/") {

 body.background.north-america, body.background.south-america, body.background.europe, body.background.australia, body.background.asia, body.background.africa {
    background-image: url("https://cdn.discordapp.com/attachments/1193643872073556109/1205901051262406727/AdobeStock_617429418.png?ex=65da0ddf&is=65c798df&hm=6eda24ae3c42a508659cd7755d9b4e420a1c71cc128183a28a0081f33e34c453&");
    background-size: cover;
    background-position: 0%;
  }
    
:root {
    --globe: url("https://cdn.discordapp.com/attachments/1193643872073556109/1205901370960388096/AdobeStock_617429418_1.png?ex=65da0e2b&is=65c7992b&hm=ca52d665f4aa4c4d0cb767046c7d4fa7937ef87e74be5e0db815845c98b78133&")  
}

img[src="https://www.horsereality.com/images/world/ava-africa.png"]{
  content: var(--globe);
}
    
img[src="https://www.horsereality.com/images/world/ava-asia.png"]{
  content: var(--globe);
}
    
img[src="https://www.horsereality.com/images/world/ava-australia.png"]{
  content: var(--globe);
}
    
img[src="https://www.horsereality.com/images/world/ava-europe.png"]{
  content: var(--globe);
}
    
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]{
  content: var(--globe);
}
    
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]{
  content: var(--globe);
}   

.show-profile .main-content {
    background-color: var(--chiarosfumato)
}

.header-menu nav .main-menu .user-nav .dropdown-menu {
  left: -135px !important;
  min-width: 12rem !important;
  background: var(--chiaro)
}

.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header, .header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: var(--medio);
}

.account
{}
    
.header-menu .user-nav a {
    vertical-align: middle;
    font-size: 13px;
    color: var(--medio);
}

.header-menu {
  background: var(--chiaro);
}
    
.header-menu .currencies li a {
    font-size: 13px;
    color: var(--medio);
    display: flex;
    -moz-column-gap: 2px;
    column-gap: 2px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.header-menu nav .main-menu .user-nav > a {
  color: var(--medio);
  font-size: 13px;
  position: center
}

.header-menu nav .main-menu .user-nav .dropdown-toggle:after {
    color: var(--medio);
}

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

.header-menu nav .stats {
    text-align: right;
    color: var(--medio);
    font-size: 11px;
}

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

.header-menu nav .main-menu ul li a.btn {
  padding: 3px 8px;
  font-weight: 700;
  background: var(--medio);
  border-radius: 90px;
  color: var(--chiaro);
}

.btn-warning {
  border-color: var(--medio);
}

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

.show-profile .profile-name-and-estate .profile-username {
	text-align: center ;
	font-size: 32px !important;
	font-weight: 700 !important;
	color: var(--scuro);
	margin-bottom: 5px !important;
}

.show-profile .profile-name-and-estate .profile-estate {
  text-align: center ;
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  color: var(--scuro);
}

.show-profile .profile-name-and-estate {
  font-family: Roboto,sans-serif;
  color: var(--medio);
  text-shadow: 0 0 3px #242424b5;
}

.show-profile .profile-ranking-container .profile-rank {
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #fff0;
}

.show-profile .profile-ranking-container .profile-rank-position {
  font-size: 26px !important;
  text-align: right;
  font-weight: 700 !important;
  color:#fff0;
  margin-bottom: 5px !important;
}

.show-profile .profile-ranking-container {
  font-family: Roboto,sans-serif;
  color: var(--medio);
  text-shadow: 0 0 3px #0000;
}

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

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

.show-profile .profile-account h2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--scuro);
}

body {
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--medio); 
  text-align: left;
}

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

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

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

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

.fa-solid, .fas {
  font-family: Font Awesome 6 Pro;
  font-weight: 900;
  color: var(--scuro);
}

.side-nav {
  padding: 10px;
  background: var(--chiaro);
}
    
.milestones .milestone-title {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--scuro);
}

.account horse
{}

.component.frame .wrapper .header .title {
  display: inline-block;
  font-size: 16px;
  color: var(--chiaro);
  text-transform: none;
}

.component.frame .wrapper .header {
  padding: 5px 10px 0;
  background-color: var(--scuro);
}

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

.table .thead-dark th {
  color: var(--medio);
  background-color: var(--medio);
  border-color: var(--medio);
}

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

.component.table .table tbody tr:nth-of-type(2n+1) {
  background-color: var(--chiaro2);
  border-color: var(--chiaro2);
}

.component.table .table tbody {
  background-color: var(--chiaro);
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--medio);
}
    
.horse
{}
    
h2 {
    font-size: 18px;
    line-height: 21px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin: 5px 0;
    color: var(--medio);
}

.main-content {
    background: var(--chiarosfumato2) !important;
    padding: 15px;
}

.current-capacity {
  padding: 3px 6px;
  background: var(--chiaro);
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--medio);
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}

.horses-title .horses-title-desktop, .horses-title .horses-title-mobile {
  display: block;
  color: var(--medio);
}

.tabs .tab.active {
  background: var(--medio);
}

.tabs .tab.active a {
  color: var(--chiaro);
}

.tabs .tab {
  position: relative;
  z-index: 2;
  margin-right: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 8px 8px 0 0;
  background: var(--chiaro);
}

.tabs .tab > span, .tabs .tab a, .tabs .tab input {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  color: var(--medio);
}

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

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

nav .pagination .page-item.active .page-link {
  font-weight: 700;
  color: var(--chiaro) !important;
  background: var(--medio);
}

nav .pagination .page-item:not(.disabled) .page-link {
  color: var(--medio);
}

nav .pagination .page-item .page-link {
  margin: 0 3px;
  padding: 5px 10px;
  text-align: center;
  border: none;
  border-radius: 3px;
  background: var(--chiaro);
}

.horse-grid .horse-item .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction...

Reviews

No reviews yet.