DeAnnoy Newsweek [papo] by papo

/* ==UserStyle==
@name           DeAnnoy Newsweek [papo]
@namespace      github.com/paponius/userstyles
@version        1.1.0
@description    Updated: 2024-12. 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
@homepageURL    https://github.com/paponius/userstyles/
@supportURL     https://github.com/paponius/userstyles/
@license        CC BY-NC-SA 4.0
@preprocessor   less

# --- END: common block ---

@var checkbox UnstickHeader          "Header: Unstick" 1
@var checkbox UnstickNextAndShare    "Header: Unstick: Next And Share" 1
@var checkbox HideNextAndShare       "Header: Hide: Next And Share" 0
#var checkbox NoRecycleByADs         'Distraction Free: Do not Recycle me using 3rd party "Related" ADs' 0
@var checkbox NoRecycle              'Distraction Free: Do not Recycle me (no More Stories, no Related, ...)' 0
@var checkbox FullWidth              "Full Width (must enable also Distraction Free)" 0
@var checkbox HideNewsletter         "Hide Newsletter subscription box" 1
@var checkbox HideComments           "Hide comments" 0
@var checkbox CompressFooter         "Compress Footer" 1
@var checkbox FooterRemove           "Footer: Remove items which are also in the header on all pages, remove other items from Article pages's footer (When ON, Go to Home Page to access these items.)" 0


==/UserStyle== */
/* This preprocesor header and global variables are common part used in many of my styles. Version: 1.1.2 24-05 */
@-moz-document domain("newsweek.com") {

/* HP only, new style 2412 */
.header-new .header-center .nav .nav-item .sub-container .nav-sub {
	column-gap: 23px;
	/* --was-column-gap: 60px; */
	row-gap: 0;
	/* --was-row-gap: 15px; */
}
.header-new .header-center .nav .nav-item .sub-container {
	padding: 0;
	/* --was-padding: 30px 50px; */
}

& when (@UnstickHeader = 1) {
	header.header-menu-global {
		position: absolute;
		/* --was-position: fixed; */
	}
	/* HP 2412 */
	.header-new {
		position: absolute;;
	}
	.article-body {
	color: var(--p-color-primary);
	/* --was-color: #222; */
	  & .ranking-table-container {
		& .content {
		  & .article-table {
			& .ranking-table {
			  & td {
				color: var(--p-color-primary);
				/* --was-color: #000; */
			  }
			  & .sticky-header {
				top: 0 !important;
				/* --was-top: 40px; */
			  }
			}
		  }
		}
	  }
	}
}
& when (@UnstickNextAndShare = 1) {
	.breaking-bar {
		position: absolute;
		/* --was-position: fixed; */
	}
}

& when (@HideNextAndShare = 1) {
	#breakingnews-placeholder
	{
		display: none !important;
	}
}


/* & when (@NoRecycleByADs = 1) {
}
 */

& when (@NoRecycle = 1) {
	.page-sidebar
	, .breaking-left-content
	, .read-more-topics
	, .top-stories
	, .footer-menu-trending:not(.add.more.salt)
	, .footer-magazine-section:not(.add.more.salt)
	, .article-body > .fullCode > .innerBox > .code > .art19-web-player
	, #block-nw-content-recirc
	{
		display: none;
	}
}
& when (@NoRecycle = 1) and (@FullWidth = 1) {
	@media screen and (min-width: 992px) {
	  .col-md-8 {
		/* --was-width: 66.66666667%; */
		width: 100%;
	  }
	}
}

& when (@HideNewsletter = 1) {
/* 	this is a self-ad: .footer-subscription-section:not(.add.more.salt) */
	.newsletter-signup-horizontal
	, .footer-newsletter-section:not(.add.more.salt)
	{
		display: none;
	}
}


& when (@HideComments = 1) {
	#vf-comment-block {
		display: none;
	}
}


& when (@CompressFooter = 1) {

.footer-container {
	gap: 28px;
	gap: 9px;
	padding-bottom: 5px;
	/* --was-padding-bottom: 30px; */
	hr {
		margin: 10px 0;
		/* --was-margin: 20px 0; */
	}
	& .footer-middle {
		row-gap: 0px;
		/* --was-grid-gap: 26px 60px; */
		& .footer-item {
			&.footer-menu-trending {
				grid-row-gap: 0;
				/* --was-grid-row-gap: 20px; */
				& .footer-trending {
					gap: 0;
					/* --was-gap: 22px; */
				}
			}
			&.footer-newsletter-section {
				gap: 10px;
				/* --was-gap: 20px; */
				& .newsletter-container {
					gap: 0;
					/* --was-gap: 22px 24px; */
				}
			}
			&.footer-magazine-section {
	/* 			gap: 23px; */
				flex-direction: row;
				/* --was-flex-direction: column; */
				& .magazine-link {
					gap: 0;
					/* --was-gap: 84px; */
					
					/* img style disabled for now, there is Subscribe on Left (if loaded), which height is more than this pic's */
					& img {
/* 						width: 84px; */
						/* --was-width: 169px; */
/* 						height: 111px; */
						/* --was-height: 225px; */
					}
				}
			}
		}
		& .footer-common-links {
		& .common-link-container {
		display: flex;
		flex-direction: column;
		gap: 0;
/* --was-gap: 15px; */
		}
		}
	}
}


}/* END when */

.front .footer-container when (@FooterRemove = 1) {
	--p-x: 1;
	& .footer-middle > :not(.footer-common-links) {
		display: none;
	}
}
.not-front .footer-container when (@FooterRemove = 1) {
	flex-direction: row;
	padding-bottom: 0;
	/* --was-padding-top: 25px; */
	padding-top: 5px;
	/* --was-margin-top: 80px; */
	margin-top: 15px;

	& .footer-middle {
		display: none;
	}
}
}