Skip to content

PaPdW by haleighsb

Details

Authorhaleighsb

LicenseNo License

CategoryHR

Created

Updated

Size64 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Custom theme for Jadesun. Made by HaleighSB.

Use of this code or theme other than by myself and the designated user is prohibited and will get you blocked and banned from my art services and artists Im friends with. Will also get reported to HR staff directly. You've been warned.

Notes

Custom theme for Jadesun. Made by HaleighSB.

Use of this code or theme other than by myself and the designated user is prohibited and will get you blocked and banned from my art services and artists Im friends with. Will also get reported to HR staff directly. You've been warned.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Jade's Theme
@namespace      Jade's Theme
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
	/*fonts*/
	@import url('https://fonts.googleapis.com/css2?family=Arima&display=swap');
	:root {
		--side-nav: #383d40;
		--horse-care: #383d40;
		--trim: #575656db;
		--top-nav-bckg: #383d40db;
		--profile-nav: #383d40;
		--main-text: #c4c3c1;
		--side-nav-text: #6a80a8;
		--body-bckg: #919292cf;
		--detail-text: #bebdbd;
		--secondary-link-highlight: #f8f7f5;
		--link-highlight: #f7f6f5;
		--progress-bar: #c2c1c0;
		--click-button: #666564;
		--button-highlight: #959391;
		--boxes: #C0C0C0;
		--unknown-two: #c2c1c0;
		--management-text: #c2c1c0;
		--odd-boxes: #383d40cf;
		--even-boxes: #6b6967cf;
		--background: url(https://cdn.discordapp.com/attachments/893678070651846699/1022679637932912692/e47bc99c8cf3077bb5f344e73be378f3.png);
		--title-font: "Arima";
		--main-font: "Arima";
		--headers: url(https://cdn.discordapp.com/attachments/893678070651846699/1022679636787875870/Untitled_design.png);
		--mini-map: url(https://cdn.discordapp.com/attachments/893678070651846699/1022679637932912692/e47bc99c8cf3077bb5f344e73be378f3.png);
	}

	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.north-america {
		background-image: var(--background);
	}

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

	.minimap.asia,
	.minimap.africa,
	.minimap.south-america,
	.minimap.australia,
	.minimap.europe,
	.minimap.north-america {
		background-image: var(--mini-map);
	}

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

	.header-menu {
		background: var(--top-nav-bckg);
		border-bottom: 2px solid var(--top-nav-bckg);
		z-index: 100;
	}

	.header-menu nav .main-menu .user-nav > a {
		color: var(--main-text);
		font-family: Arima;
		font-weight: normal;
		font-size: 14px;
		text-transform: capitalize;
	}

	.header-menu nav .stats {
		text-align: right;
		color: var(--main-text);
		font-family: arima;
		font-size: 13px;
	}

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

	.header-menu nav .main-menu ul li a {
		font-size: 14px;
		font-family: arima;
		color: var(--main-text);
		font-weight: normal;
	}

	.header-menu nav .main-menu ul li a:not(.btn):hover {
		text-decoration: none;
		color: var(--link-highlight);
	}

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

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

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

	.show-profile .profile-account h2 {
		background-image: var(--headers);
		border: 2px solid var(--trim);
		border-radius: 10px 10px 10px 10px;
		font-size: 20px;
		opacity: 80%;
		text-align: center;
		font-family: var(--title-font);
		color: var(--trim);
		padding: 5px;
	}

	.component.frame .wrapper .subheader {
		background-image: var(--headers);
		color: var(--trim);
		font-weight: 600;
		padding: 5px 10px;
	}

	.side-nav {
		padding: 10px;
		background: var(--side-nav);
		opacity: 69%;
		border: 2px solid var(--side-nav);
		border-radius: 0px 0px 20px 20px;
		width: 130px;
		padding: 10px;
	}

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

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

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

	element.style {
		background-color: var(--body-bckg);
	}

	.footer {
		background: var(--side-nav);
		font-family: arima;
		color: var(--main-text);
		padding-top: 10px;
		padding-bottom: 10px;
		vertical-align: middle;
		margin-bottom: 50px;
	}

	.footer::after {
		font-weight: normal;
		float: left;
		color: var(--main-text);
		font-size: 18px;
		font-family: arima;
		font-weight: bold;
		opacity: 65%;
		content: "(C) HaleighSB";
	}

	.progress-bar {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--odd-boxes);
		text-align: center;
		font-family: arima;
		white-space: nowrap;
		background-color: var(--progress-bar);
	}

	.estate-item {
		background-color: var(--odd-boxes);
		border: 2px solid var(--odd--boxes);
		border-radius: 20px 20px 20px 20px;
		padding: 10px 15px;
		width: 100%!important;
		height: 100%;
	}

	.estate-item .estate-item-name {
		font-size: 16px;
		text-align: center;
		font-family: arima;
		font-weight: 700!important;
		color: var(--detail-text);
		margin-bottom: 15px;
	}

	.estate-item .estate-item-buy button {
		background-color: var(--click-button);
		border: 1px solid var(--click-button);
		font-family: arima;
		font-weight: 600;
		color: var(--main-text);
		padding: 0.375rem 0.75rem;
		line-height: 1.5;
		border-radius: 20px 20px 20px 20px;
	}

	.estate-item .estate-item-buy button:hover {
		background-color: var(--button-highlight);
		text-decoration: none;
	}

	.fitting-room .horse-select-row {
		background-color: var(--trim);
		margin-top: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-family: arima;
		font-weight: 600;
		color: var(--main-text);
		font-size: 13px;
	}

	.component.frame .wrapper {
		background: var(--subhdr);
		font-family: arima;
		font-weight: normal;
		color: var(--detail-text);
		font-size: 14px;
	}

	.component.table .table tbody tr:nth-of-type(odd) {
		background-color: var(--odd-boxes);
	}

	.component.table .table tbody tr:nth-of-type(even) {
		background-color: var(--even-boxes);
	}

	.fitting-room .fitting-room-bg-row:hover {
		cursor: pointer;
		background-color: var(--button-highlight)!important;
	}

	.fitting-room .fitting-room-bg-row h1 {
		font-size: 18px!important;
		font-family: arima;
		color: var(--detail-text);
		line-height: 21px;
		margin-bottom: 0;
	}

	.fitting-room .rowIsSelected tr {
		background-color: var(--progress-bar);
		opacity: .5;
	}

	.fitting-room .selectedRow {
		background-color: var(--progress-bar)!important;
		opacity: 1!important;
	}

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

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

	.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
		background-color: var(--click-button);
		border: 1px solid var(--click-button);
		font-family: arima;
		font-weight: 600;
		color: var(--detail-text);
		padding: 0.375rem 0.75rem;
		line-height: 1.5;
		border-radius: 20px 20px 20px 20px;
	}

	.fitting-room .buy-row .buy-row-left .go-to-inventory-btn:hover {
		background-color: var(--button-highlight);
	}

	.btn.btn-cta,
	.btn.btn-primary {
		color: var(--detail-text)!important;
		background-color: var(--click-button);
		border-color: var(--click-button);
		border-radius: 20px 20px 20px 20px;
		font-weight: 600;
		font-family: arima;
	}

	.btn.btn-cta:hover,
	.btn.btn-primary:hover {
		background-color: var(--button-highlight);
		border-color: var(--click-button);
	}

	.component.npc {
		display: -webkit-box;
		display: flex;
		background: var(--odd-boxes);
		border: 2px solid var(--odd-boxes);
		border-radius: 0px 20px 20px 0px;
	}

	.component.npc .description {
		color: var(--detail-text);
		font-family: arima;
		font-weight: normal;
	}

	.card-item {
		background-color: var(--odd-boxes);
		border: 2px solid var(--odd-boxes);
		border-radius: 20px 20px 20px 20px;
		padding: 10px 15px;
		width: 100%!important;
		height: 100%;
	}

	h1 {
		font-size: 26px;
		line-height: 30px;
		color: var(--detail-text);
		font-family: arima;
		font-weight: 400;
		margin-bottom: 15px;
	}

	h2 {
		font-size: 18px;
		line-height: 21px;
		font-family: arima;
		font-weight: normal;
		margin: 5px 0;
	}

	h3 {
		font-size: 16px;
		line-height: 18px;
		font-family: arima;
		font-weight: 700;
		color: var(--detail-text);
	}

	.card-item-action button.full {
		background-color: var(--click-button);
		border: 2px solid var(--click-button);
		border-radius: 20px 20px 20px 20px;
	}

	.card-item-action button {
		width: 100%;
		font-size: 13px;
		line-height: 18px;
		font-family: arima;
		font-weight: 600;
		border-radius: 2px;
		border: 2px solid var(--click-button);
		padding: 3px 8px;
		color: var(--main-text);
		background-color: var(--click-button);
		border: 2px solid var(--click-button);
		border-radius: 20px 20px 20px 20px;
	}

	.card-item-action button:hover {
		background-color: var(--button-highlight);
		cursor: pointer;
		-webkit-transition: all .3s ease 0s;
		transition: all .3s ease 0s;
	}

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

	.freezer .freezer-horse-id,
	.freezer .freezer-tagline {
		height: 18px;
		font-weight: 700;
		color: var(--detail-text);
		font-family: arima;
		font-size: 13px;
	}

	.freezer .freezer-table td {
		background-color: var(--odd-boxes);
		padding: 8px 10px;
	}

	.freezer .freezer-table:hover td {
		background-color: var(--button-highlight)!important;
	}

	.freezer .selected-vial .content {
		background-color: var(--odd-boxes)!important;
	}

	.btn-danger {
		background-color: var(--click-button);
		border-color: var(--...

Reviews

No reviews yet.