Deannoy IMDb [papo] by papo

/* ==UserStyle==
@name           DeAnnoy IMDb [papo]
@namespace      github.com/paponius/userstyles
@version        1.4.1
@description    Updated: 2024-11. 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 on a Title page. Restore full square view." 1
#                                      [default, min, max, step, units] All items but the default value are optional. Use "null" to skip.
@var range    OverallRoundAvatars    "Shape of avatars overall. Rounded to squared. (except the above)" [5, 0, 50, 5, "%"]
@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 some annoying IMDb Pro links." 1
@var checkbox RemoveUnrelated        'Remove unrelated "Related news" ,"Contribute"' 0
#var checkbox MovePrimeADDown        'Move Prime AD Down' 0
@var checkbox RemoveADEditorial      'Remove Editorial AD "Everything New on Prime", ...' 0
@var checkbox RemoveRightColumn      "Remove right column" 0
@var checkbox FooterCondense         'Condense the footer' 1
@var checkbox RemoveFooterSocialAndApp "Remove Social and App boxes from footer. (When ON, Go to Home Page to access it)" 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
#var checkbox debug-test "Debug. Just for testing. Don't turn this ON." 0
==/UserStyle== */
/* hist: 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 === */


/* todo: overall radius */

.ipc-avatar, .ipc-avatar .ipc-lockup-overlay, .ipc-avatar .ipc-lockup-overlay__screen {
	border-radius: OverallRoundAvatars;
}
.ipc-media.ipc-media--circle-radius, .ipc-media.ipc-media--circle-radius ~ .ipc-lockup-overlay {
	border-radius: OverallRoundAvatars;
}


/* Links to IMDb Pro */
/* My UserStyles do not remove ADs on principle from sites.
   Exception are ADs leading to viruses, or misleading by what it says, or annoying by doing unexpected stuff when clicked.
 */
if hideIMDbPro {
	/* - more on pro -
	   Name page: "View contact info at IMDbPro", bottom of top section.
	   different elements are shown for different resolution. both have links navigating away from curernt page to a page with Pro AD
	 */
	/* on res >1024px  */
	.ipc-metadata-list-item--link:has(a[href^="https://pro.imdb.com/"]) {
		pointer-events: none;
	}
	.ipc-metadata-list-item--link a[href^="https://pro.imdb.com/"] + .ipc-metadata-list-item__content-container
	, .ipc-metadata-list-item--link a[href^="https://pro.imdb.com/"] ~ .ipc-metadata-list-item__icon-link
	{
		display: none;
	}
	/* on res <1024px  */
	.ipc-metadata-list__item:has(#ProUpsellLink) {
		pointer-events: none;
		/* display: none; */
	}
	.ipc-metadata-list__item:has(#ProUpsellLink) a {
		color: white;
	}

/* todo: check which to keep (and which without link) */
	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;
	}

	/* Name page, "star meter" score. Make non-clickable. It's misleading and annoying. clicking on it does navigate away from opened page to a page with Pro AD */
	.starmeter-logo
	, .starmeter-content
	{
		pointer-events: none;
	}
}



if RemoveUnrelated {
	.ipc-page-section[data-testid="News"]
	, .ipc-page-section[data-testid="contribution"]
	{
		display: none;
	}
}



/* disabled. does not play nicely with lower viewport width */
if !MovePrimeADDown {
/* 	alt: bottom: -308.05px; margin-bottom: 308.05px; */
	.ipc-page-grid__item--span-2 > section:has(.ipc-page-section[data-testid="main-column-editorial-single"]) {
		position: absolute;
		bottom: 0px;
	}
	.ipc-page-grid__item--span-2 {
		padding-bottom: 308.05px;
	}
}


if RemoveADEditorial {
	.ipc-page-grid__item--span-2 > section:has(.ipc-page-section[data-testid="main-column-editorial-single"]) {
		display: none;
	}
}


if RemoveRightColumn {
/* 	.ipc-page-grid > .ipc-page-grid__item:first-child { */
	@supports (display:grid) {
		@media screen and (min-width: 1024px) {
			.ipc-page-grid__item--span-2 {
				grid-column: span 3;
			}
    		.ipc-page-grid__item--span-1 {
				display: none;
			}
		}
	}
}


if RemoveFooterSocialAndApp {
/* identify HP. these elements are directly descendant to each other (indirectly on other pages) */
	body:not(:has(.ipc-page-wrapper > .ipc-page-content-container > #ipc-wrap-background-id)) {
		.imdb-footer__links .ipc-page-section {
			display: none;
		}
	}
}


if FooterCondense {
	/* salt overrides from this file below */
	.recently-viewed-items:not(.more.salt) {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/* line-height is part of "font" and font is set to inherit on elements globaly */
	.imdb-footer {
		line-height: unset;
		padding-top: 0;
		padding-bottom: 0;
	}
	/* - social and app - */
	/* redo orig */
	.imdb-footer .ipc-page-section:last-of-type {
		margin-bottom: 0;
	}
	.imdb-footer .ipc-icon-link {
		padding: 0;
		/* --was-padding: .75rem; */
	}

	/* - links - */
	.imdb-footer__links > div {
		font-size: .75rem;
	}
	/* a */
	.imdb-footer__links .ipc-link--touch-target {
		padding: 0;
		font-size: 0.75rem;
	}

	/* - logo and TM - */
	.imdb-footer .footer__logo {
		display: inline;
	/* 	margin-bottom: 0; */
	}
	/* align higher because the svg in .footer__logo is too high */
	.imdb-footer .footer__copyright {
		display: inline;
	/* 	line-height: unset; */
		vertical-align: super;
	}
}



/* IMDb is quite responsive with 2411 style */
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%;
	}
}


/* move to dark US,  */
/* .ipc-page-section:first-of-type {
  margin-top: 0;
} */
xxx.ipc-page-section:last-of-type {
  margin-bottom: 0;
  margin-bottom: var(--ipc-pageSection-bottomMargin);
}

if fixEmptiness {
	/* -- section - many targets -- */
	.ipc-page-section {
		padding-top: 5px;
		padding-bottom: 10px;
		/* --was-padding: 1.5rem 0; */
	}
	/* as in orig. overwrite the above with this */
	.ipc-page-section--tp-none {
		padding-top: 0;
	}
	/* awards. put it in the middle of vertical space*/
	.ipc-page-section:has([data-testid="awards"]) {
		padding-top: calc(10px + var(--ipc-pageSection-bottomMargin));
	}

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