DeAnnoy Instructables [papo] by papo

/* ==UserStyle==
@name           DeAnnoy Instructables [papo]
@namespace      github.com/paponius/userstyles
@version        1.0.0
@description    Updated: 2025-01. Notes and feedback: https://github.com/paponius/userstyles/. Removed distracting and annoying elements. See what it does in the UserStyle 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

#var checkbox FloatingHeader       'Remove links and menus from headers on article pages. (When ON, Go to Home Page to access menu.)' 0


@var select   FloatingHeader     "Floating Header"        [
	"Orig:Original behavior. Sticking on top when page scrolled.",
	"KeepTop:Keep the header on top of the page. Hide when page scrolled.",
	"Hide:Don't show the header at all."
]

==/UserStyle== */
/* tpl: 1.2.3 25-01 */
@-moz-document domain("instructables.com") {

/* Stylus bug: US will dissapear when the whole content is disabled in Options */
body {
	--p-xx: 1;
}

& when (@FloatingHeader = Orig) {

}


& when (@FloatingHeader = KeepTop) {
	.sticky-header.affix {
		position: relative;
		/* --was-position: fixed; */
	}
	.sticky-header {
		opacity: 1;
		box-shadow: 0 1px 3px rgba(0,0,0,.15);
		position: absolute;
		top: 80px;
		transition: unset;
		/* --was-transition: all .2s ease-in-out; */
	}
	.instructable .full-wrapper {
		padding-top: 69px;
		/* --was-padding: 4em 0 0; */
	}
}



& when (@FloatingHeader = Hide) {
	.sticky-header {
		display: none;
	}
}

}