Deannoy IMDb [papo] by papo

/* ==UserStyle==
@name           DeAnnoy IMDb [papo]
@namespace      github.com/paponius/userstyles
@version        1.0.4
@description    Updated: 2024-04. Notes and feedback: https://github.com/paponius/userstyles/. Removed distracting and annoying elements. Check what it does in style Options, or read @var descriptions on top of the code.
@author         Papo
@license        CC BY-NC-SA 4.0
@preprocessor   stylus

@var checkbox fixRoundPics           "Fix rounded pictures of actors. Restore full square view." 1
@var checkbox fixEmptiness           "Remove excessive whitespace. Gives your scrolling finger rest." 0
@var checkbox movePlayerPrevNext     "Video Player: Move big video overlaying Prev Next buttons to control panel. And remove black shade from video on mouse hover." 1
@var checkbox movePlayerVolume       "Video Player: Change volume control to horizontal. To avoid clicking it by mistake instead of the progress bar." 1
@var checkbox showProgressPossition  "Video Player: Show currently playing position." 1
@var checkbox hideIMDbPro            "Hide IMDb Pro links." 1
@var checkbox otherOlder             "Older: Hide some annoying bars. Probably not used anymore by IMDb." 1
var checkbox responsive             "Make page more responsive to the size of a browser. (Not perfect.)" 0
@var checkbox fixTrampPic            "Easter tramp egg" 1
==/UserStyle== */
/* First created 2019-04-30, name: IMDb declutted [papo] */
@-moz-document domain("imdb.com") {


/* === Video Player === */

/* Move next/prev buttons from the middle of the video, down to control bar */
if movePlayerPrevNext {
	.jw-controls > .jw-display > .jw-display-container {
		bottom: 0;
		left: 319px;
		position: absolute;
		z-index: 1;
	}
	.jw-breakpoint-4 .jw-display .jw-icon, .jw-breakpoint-4 .jw-display .jw-svg-icon, .jw-breakpoint-5 .jw-display .jw-icon, .jw-breakpoint-5 .jw-display .jw-svg-icon, .jw-breakpoint-6 .jw-display .jw-icon, .jw-breakpoint-6 .jw-display .jw-svg-icon, .jw-breakpoint-7 .jw-display .jw-icon, .jw-breakpoint-7 .jw-display .jw-svg-icon {
		width: 27px;
		height: 27px;
		line-height: 27px;
	}
	/* play - hide */
	.jw-display-icon-container.jw-display-icon-display {
		display: none;
	}

	/* Video player: Half bottom of the video is shaded to black when mouse moves above the video.
	   Backdrop is here limited to Controls area. It is usually not noticeable, as most videos are wide with Letterboxing black bar on bottom.
	   But still need to keep it on the bottom for tall 4:3 videos. This can be seen on https://www.imdb.com/video/vi1157933593/ */
	.jw-controls-backdrop {
		height: 12%;
		/* width: 100%; */
		bottom: 0;
		top: unset;
	}

	/* from 2019-12, in 2024 can't find .jw-skin-paradiso selector.  */
	.jwplayer.jw-skin-paradiso.jw-state-paused .jw-controls {
		/* --was-background-color: rgba(30,30,30,0.4); */
		background-color: unset;
	}
}

/* Original Next button next to play. This will show it, but clicking it does nothing. Event function runs, but nothing happens. This probably won't work without JS tweaking.
.jw-icon-inline.jw-icon-next {
	display: flex !important; reset display to default from none defined inline
}
.jw-display-controls {
 	display: none;
}
*/


/* Horizontal volume
   Vertical Volume keeps opening and then clicking on the progress bar will mute audio.
 */
if movePlayerVolume {
	.jw-horizontal-volume-container {
		/* flex: 0 0 auto; */
		/* 	position: relative; */
		/* 	height: 44px; */
		width: 107px;
		/* 	align-items: center; */
		display: flex;
		/* 	justify-content: center; */
	}

	.jw-horizontal-volume-container .jw-knob {
		transform: translate(-50%,-50%) scale(0.5);
	}

	.jw-controlbar .jw-icon-volume .jw-overlay {
		display: none;
	}
}


if showProgressPossition {
	.jw-slider-time .jw-knob {
		transform: translate(-50%,-50%) scale(0.5);
	}
}

/* === END Video Player === */


/* Links to IMDb Pro */
if hideIMDbPro {
	a[href^="https://pro.imdb.com/title/"] {
		display: none;
	}
	/* containers */
	[data-testid="title-cast-styling-proupsell"] {
		display: none;
	}
	#full_cast_title_pro_link {
		display: none;
	}
}

if responsive {

}


if otherOlder {
	#nb_extra_nav {
		display: none;
	}

	.covid.message_box {
		width: 95px;
		height: 92px;
		position: absolute;
		left: 200px;
	}
}

if fixTrampPic {
	.ipc-media--poster-27x40 > img[alt="Donald Trump"] {
		background: url(https://ichef.bbci.co.uk/news/976/cpsprodpb/B42F/production/_112972164_gettyimages-1207986277.jpg.webp) no-repeat;
		background-position-x: 37%;
		background-size: cover;
		padding-left: 100%;
		width: 100%;
		height: 100%;
	}
}

}
@-moz-document url-prefix("https://www.imdb.com/title/tt") {

/* Fix round pictures. */
if fixRoundPics {
	.ipc-avatar .ipc-lockup-overlay, .ipc-avatar .ipc-lockup-overlay__screen {
		/* border-radius: 50%; */
		border-radius: 0;
	}
	.ipc-media--avatar-circle {
		/* border-radius: 50%; */
		border-radius: 0;
	}
}


if fixEmptiness {

	/* -- overall -- */
	.ipc-page-section {
		padding: 0 0 10px 0;
		/* --was-padding: 1.5rem 0; */
	}

	.ipc-title--section-title, .ipc-title--category-title {
		margin-bottom: 6px;
		/* --was-margin-bottom: 1.5rem; */
	}

	/* list items */
	/* lines. only show first line */
	.ipc-metadata-list--dividers-all .ipc-metadata-list__item {
		border-top-width: 0;
	}
	.ipc-metadata-list--dividers-all .ipc-metadata-list__item:first-child {
		border-top-width: 1px;
	}
	.ipc-metadata-list__item {
		padding-top: 0;
		/* --was-padding-top: .75rem; */
		padding-bottom: 0;
		/* --was-padding-bottom: .75rem; */
		min-height: 1rem;
		/* --was-min-height: 3rem; */
	}
	.ipc-metadata-list-item__label {
		line-height: 1rem;
		/* --was-line-height: 1.5rem; */
	}


	/* - top section - */
	.eGWcuq {
		padding-bottom: 0;
	}
	/* description */
	@media screen and (min-width: 1024px) {
		.fOUpWp {
			margin-bottom: 0;
			/* --was-margin-bottom: 0.75rem; */
		}
	}
	/* top credits */
	@media screen and (min-width: 1024px) {
		.ktjuZl {
			margin-bottom: 0;
			/* --was-margin-bottom: 0.75rem; */
		}
	}

	/* awards. move margin one element up for skin to work properly */
	.bPKmQD {
		margin-left: 0;
		/* --was-margin-left: var(--ipt-pageMargin, 1rem); */
		margin-right: 0;
		/* --was-margin-right: var(--ipt-pageMargin, 1rem); */
	}
	.ipc-page-section:has(> .bPKmQD) {
		margin-left: var(--ipt-pageMargin, 1rem);
		margin-right: var(--ipt-pageMargin, 1rem);
		padding-bottom: 0;
	}


/* 	? old: where are these ? still present somewhere */
	.jxsVNt	{
		/* margin-top: 1.5rem; */
		margin-top: 0;
		/* 	margin-bottom: 1rem; */
		margin-bottom: 0;
	}

	.fswvJC .title-cast__grid {
		/* row-gap: 1.5rem; */
		row-gap: 0;
	/* 	from another selector */
		grid-gap: 0;
	}
}

}