Template:Skip to top and bottom/styles.css

< Template:Skip to top and bottom
Revision as of 18:27, 26 September 2024 by Muskit Gergous (talk | contribs) (Created page with "→‎{{pp-template}}: #skip-to-top-button, #skip-to-bottom-button { position: fixed; bottom: 8px; z-index: 50; } #skip-to-top-button:hover, #skip-to-bottom-button:hover { filter: brightness(1.05); } #skip-to-top-button:active, #skip-to-bottom-button:active { filter: brightness(0.95); } #skip-to-bottom-button { right: 8px; } #skip-to-top-button { right: 64px; } →‎Avoid overlapping with Vector 2022 width toggle: @media (min-width: 1400px) { body.skin-vector...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* {{pp-template}} */
#skip-to-top-button,
#skip-to-bottom-button {
	position: fixed;
	bottom: 8px;
	z-index: 50;
}

#skip-to-top-button:hover,
#skip-to-bottom-button:hover {
	filter: brightness(1.05);
}

#skip-to-top-button:active,
#skip-to-bottom-button:active {
	filter: brightness(0.95);
}

#skip-to-bottom-button {
	right: 8px;
}

#skip-to-top-button {
	right: 64px;
}

/* Avoid overlapping with Vector 2022 width toggle */
@media (min-width: 1400px) {
	body.skin-vector-2022 #skip-to-bottom-button {
		right: 68px;
	}
	
	body.skin-vector-2022 #skip-to-top-button {
		right: 124px;
	}
}