Skip to content

joyourself by neelz

Screenshot of joyourself
Write a review Install Get Stylus

Details

Authorneelz

LicenseNo License

Categoryjoyourself.com

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

tweaks on joyourself.com favourites

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         joy fav
@version      20231007.13.03
@namespace    ?
==/UserStyle== */

@-moz-document domain("joyourself.com") {
/* ===============================================================================================================================
// === favourite styling
// ==============================================================================================================================*/
/* ----- hot deal ribbon -----*/
.hot-deal-ribbon {
	border-bottom-left-radius: 8px;
	border-left: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
	box-shadow: rgb(0 0 0 / 60%) 0 1px 1px;
	top: 4px;
	right: 4px;
	width: auto;
	display: block;
	height: auto;
	background-image: linear-gradient(90deg, #f42001 0%, #f98706 100%);
}

.hot-deal-ribbon:before {
	text-shadow: 1px 1px 2px #0009, -1px 1px 2px #0009, 1px -1px 2px #0009, -1px -1px 2px #0009!important;
	top: -2px;
	left: 0PX;
	content: attr(data-percentage);
	transform: none;
	font-size: 50px;
	width: auto;
	background-image: none;
}

.hot-deal-ribbon[data-percentage="10"]:before,
.hot-deal-ribbon[data-percentage="15"]:before {
	font-size: 35px;
	line-height: 35px;
}

.hot-deal-ribbon[data-percentage="20"]:before,
.hot-deal-ribbon[data-percentage="25"]:before {
	font-size: 45px;
	line-height: 45px;
}

.hot-deal-ribbon[data-percentage="30"]:before {
	font-size: 55px;
	line-height: 55px;
}

.hot-deal-ribbon[data-percentage="40"]:before {
	font-size: 70px;
	line-height: 70px;
}

.hot-deal-ribbon[data-percentage="50"]:before {
	font-size: 100px;
	line-height: 100px;
}

/* ----- vip show badge font increase -----*/
.thumb-badge-container {
	top: 0px;
}

.thumb-badge-container--right {
	right: -7px;
}

.status-text {
	font-size: 40px;
	text-shadow: 1px 1px 2px #0009, -1px 1px 2px #0009, 1px -1px 2px #0009, -1px -1px 2px #0009!important;
	border-radius: unset;
	border-bottom-left-radius: 8px;
	border-left: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
}

.status-text--group,
.status-text--vipshow {
	color: #e6e6e6;
	background-color: #34991c;
}

/* article.vipshow .thumb-img-container { outline: 7px solid #069a0c; outline-offset: -5px; } */
a[href*="/en/member/favorite"] > svg {
	height: 30px;
	width: 30px;
}

.icon--messages:before {
	font-size: 30px!important;
	content: "\f127";
}

.thumb-img-container {
	border: 4px solid transparent;
}

.thumb-link {
	margin: 1px;
}

.thumb-data-item--name-container::before {
	content: '';
	display: none;
	border: 2px solid rgb(0, 0, 0);
	box-sizing: content-box;
	width: 17px;
	height: 17px;
	margin-right: 4px;
	position: relative;
	top: 2px;
	box-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff!important;
}

.thumb-data {
	padding: 0px 4px 0px 4px!important;
	position: absolute;
	bottom: 0px;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
}

.thumb-data-row {
	left: 0px;
	position: relative;
	/*max-width: calc(100% - 50px);*/
	width: 100%;
}

article:hover .thumb-data-item--name-container {
	background-color: #0000003b;
}

.thumb-data-item--name {
	font-size: 30px;
}

.thumb-data-item--name-container {
	width: 100%;
}

article:hover .thumb-data-item--name-container {
	opacity: 0.3;
	position: absolute!important;
	bottom: 199px!important;
}

.thumb-data-item--name,
.thumb-data-item--fav {
	/*font-family: "BentonSans"!important;*/
	font-family: "Encode Sans Expanded"!important;
	opacity: 1;
	text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000!important;
	font-weight: 700!important;
	text-transform: capitalize!important;
}

.thumb-data-item--name span {
	font-size: 16px;
	bottom: 3px;
	position: relative;
}

.thumb-badge--interactivetoy,
.my-story-icon,
.thumb-new-tab.icon.icon--new-tab,
.thumb--detailed .thumb-data-item--fav span,
.thumb--detailed .thumb-data-item--age {
	display: none;
}

.thumb-data-item.thumb-data-item--fav {
	font-size: 27px;
	margin-right: 6px;
	float: right;
	width: 30px;
	position: absolute;
	right: 0px;
}

.thumb--detailed .thumb-data-item--fav .icon--heart {
	text-shadow: none;
	color: transparent;
}

.thumb.favorite .icon--heart::before,
.thumb .thumb-data-item--fav .icon--heart:hover::before {
	padding: 2px;
	font-size: 20px!important;
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000!important;
	color: #f13d0c;
}

.thumb:hover .icon--heart::before {
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff!important;
}

.thumb-data-item.thumb-data-item--fav {
	display: none;
}

article:hover .thumb-data-item.thumb-data-item--fav {
	display: inherit;
}

.thumb-video-call-container {
	z-index: -4!important;
}

article .thumb-data-item--name span {
	position: absolute;
	right: 4px;
	font-size: 24px;
}

article:hover .thumb-data-item--name span {
	display: none;
}

/* ===============================================================================================================================
// === data-status & data-status=0 (none and offline)
// ==============================================================================================================================*/
[data-status] .thumb-data-item--name-container::before {
	background: #a7a7a7
}

article[data-status],
article[data-status] .thumb-link,
article[data-status] .thumb-img-container,
article[data-status="0"],
article[data-status="0"] .thumb-link,
article[data-status="0"] .thumb-img-container {
	background-color: #000;
}

article[data-status] .thumb-link,
article[data-status] .thumb-img,
article[data-status="0"] .thumb-link,
article[data-status="0"] .thumb-img {
	opacity: 0.5;
}

article[data-status]:hover,
article[data-status="0"]:hover {
	background-color: transparent;
}

article[data-status]:hover .thumb-link,
article[data-status]:hover .thumb-img,
article[data-status="0"]:hover .thumb-link,
article[data-status="0"]:hover .thumb-img {
	opacity: 1;
}

/* ===============================================================================================================================
// === data-status=1 (online)
// ==============================================================================================================================*/
article[data-status="1"],
article[data-status="1"] .thumb-link,
article[data-status="1"] .thumb-img-container {
	background-color: transparent;
}

article[data-status="1"] .thumb-link,
article[data-status="1"] .thumb-img {
	opacity: 1;
}

/* ===============================================================================================================================
// === data-status=2 (online and in show)
// ==============================================================================================================================*/
article[data-status="2"] .thumb-link,
article[data-status="2"] .thumb-img-container {
	background-color: red;
}

article.vipshow[data-status="2"] .thumb-img-container .thumb-exclusive-private-container {
	display: none!important;
}

aarticle.vipshow[data-status="2"] .thumb-link,
article.vipshow[data-status="2"] .thumb-img-container {
	background: #069a0c;
}

articlde.vipshow[data-status="2"] .thumb-img-container .thumb-exclusive-private-container {
	pointer-events: none!important;
	background-color: transparent;
}

article.exclusive[data-status="2"] .thumb-link,
article.exclusive[data-status="2"] .thumb-img-container {
	background: #7a0ce0;
}

article[data-status="2"] .thumb-link,
article[data-status="2"] .thumb-img {
	opacity: 0.5;
}

article[data-status="2"]:hover .thumb-link,
article[data-status="2"]:hover .thumb-img {
	opacity: 1;
}

[data-status='2'] .thumb-data-item--name-container::before {
	background: red;
}

/* ===============================================================================================================================
// === vipshow colouring
// ==============================================================================================================================*/
article.vipshow .thumb-link,
article.vipshow .thumb-data-item--name-container::before {
	background: #069a0c;
}

a.page-nav-item {
	font-family: Sharp Grotesk, SharpGrotesk, Atlas Grotesk Web, Atlas Grotesk, AtlasGrotesk, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	text-shadow: 1px 1px 1px #000;
}

article.exclusive[data-status="2"] .thumb-img-container .thumb-exclusive-private-container {
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000!important;
	font-size: 20px;
	height: 20%!important;
	width: 80%!important;
	margin-top: 20%;
	pointer-events: none;
	margin-left: 10%;
	background: #7a0ce0b0;
	border: 2px #520152a3 solid;
}
}

@-moz-document url-prefix("https://www.joyourself.com/en/member/favorite") {
/* ===============================================================================================================================
// === special favourites
// ==============================================================================================================================*/
article[data-pid="HotMellisa11"] > a::before,
article[data-pid="HotMellisa11"] > a {
	outline-offset: -9px;
	outline: 30px solid #08ffd5;
}

article[data-pid="LucyMoonlight"] > a::before,
article[data-pid="LucyMoonlight"] > a {
	outline-offset: -9px;
	outline: 30px solid #08b9ff;
}

article[data-pid="BritneyMills"] > a::before,
article[data-pid="BritneyMills"] > a {
	outline-offset: -9px;
	outline: 30px solid #08ffce;
}

article[data-pid="EvellineClaire"] > a::before,
article[data-pid="EvellineClaire...

Reviews

No reviews yet.