Jump to content

User:Tamzin/main-page-redirect-checker.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Notes: 1. This does not work on Firefox unless you change your settings, nor
             on Samsung Internet. See <https://developer.mozilla.org/en-US/docs/Web/CSS/:has#browser_compatibility>.
          2. If copy-pasting to modify, ignore "Expected RPAREN" syntax errors. */

/* Turns the welcome banner on the Main Page pink if there's a redirect anywhere on the page */
.page-Main_Page:has(.mw-redirect) #mp-welcome {
	background: pink;
}

/* Turns a Main Page section's borders pink if there's a redirect anywhere in the section */
.page-Main_Page .mp-box:has(.mw-redirect) {
	border: 3px pink solid !important;
}

/* Makes Main Page redirects super-noticeable.*/
.page-Main_Page span:has(.mw-redirect),
.page-Main_Page p:has(.mw-redirect),
.page-Main_Page li:has(.mw-redirect) {
	background:purple;
	color:white;
}
.page-Main_Page .mw-redirect {
	color: yellow !important;
	font-weight: bold;
	font-size: 150%;
}