Skip to content

D8zHSkl by haleighsb

Details

Authorhaleighsb

LicenseNo License

Categoryuserstyles

Created

Updated

Size63 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Private theme for Ivy for HR. If ANYONE is caught using this theme or code without permission you will be reported to stylus and HR, and permanently banned from all of my art servers and likely blacklisted from others. Youve been warned.

Notes

Private theme for Ivy for HR. If ANYONE is caught using this theme or code without permission you will be reported to stylus and HR, and permanently banned from all of my art servers and likely blacklisted from others. Youve 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           9/1/2022, 11:23:10 AM
@namespace      github.com/openstyles/stylus
@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: #2D2E43;
		--horse-care: #2D2E43;
		--trim: #473a55;
		--top-nav-bckg: #2d2e43de;
		--profile-nav: #2D2E43;
		--main-text: #555782d6;
		--side-nav-text: #6a80a8;
		--body-bckg: #3d3841ba;
		--detail-text: #4a4a6d;
		--secondary-link-highlight: #6d7bb3;
		--link-highlight: #6d7bb3;
		--progress-bar: #959fb5;
		--click-button: #959fb5;
		--button-highlight: #494a6da6;
		--boxes: #C0C0C0;
		--unknown-two: #959fb5;
		--management-text: #959fb5;
		--odd-boxes: #2D2E43;
		--even-boxes: #2D2E43;
		--background: url(https://cdn.discordapp.com/attachments/932748751955697665/1014949125478948934/noaa-ieWHXjjAEwY-unsplash_1.jpg);
		--title-font: "Arima";
		--main-font: "Arima";
		--headers: url(https://cdn.discordapp.com/attachments/932748751955697665/1014950753435127868/unknown.png);
		--mini-map: url(https://cdn.discordapp.com/attachments/932748751955697665/1014949125478948934/noaa-ieWHXjjAEwY-unsplash_1.jpg);
	}

	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%;
	}
	.horse-grid .horse-item .content-wrapper {
		background-color: var(--odd-boxes);
		opacity: 90%
	}

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

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

	button.normalize {
		padding: 0;
		color: #fff;
		border: 0;
		background: 0 0;
	}

	.stall-tabs .stall-tab > span,
	.stall-tabs .stall-tab a {
		font-size: 13px;
		font-weight: 700;
		line-height: 20px;
		display: block;
		padding: 6px 16px;
		white-space: nowrap;
		color: var(--main-text);
		background-color: var(--body-bckg);
		border-radius: 8px 8px 0px 0px
	}

	.stall-tabs-wrapper:after {
		position: absolute;
		z-index: 1;
		right: -15px;
		bottom: 0;
		left: -15px;
		height: 1px;
		content: "";
		background: var(--body-bckg);
	}


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

	.horse-list .horse-item .content-wrapper {
		flex-direction: row;
		background-color: var(--odd-boxes);
	}

	.horse-item h2 {
		font-size: 16px;
		font-weight: 700;
		line-height: 24px;
		letter-spacing: 0;
		color: var(--main-text);
	}
	.horse-item .breed-and-age,
	.horse-item .tagline {
		font-size: 13px;
		line-height: 21px;
		display: block;
		letter-spacing: 0;
		color: var(--detail-text);
	}

	.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;
		widt...

Reviews

No reviews yet.