MediaWiki:Common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
function scrollFunction() {
  if (window.innerWidth > 768) {
		if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
				document.querySelector(".minerva-header .branding-box").style.width = "0px";
				document.querySelector(".minerva-header .branding-box").style.height = "0px";
				document.querySelector(".overlay-header, .minerva-header").style.display = "table";
				document.querySelector(".branding-box img").style.opacity = "0";
				document.querySelector(".minerva-header .branding-box").style.position = "absolute";
				document.querySelector(".header-container").style.width = "auto";
				document.querySelector(".header-container").style.height = "auto";
				document.querySelector(".header-container").style.margin = "10px 0px 0px 0px";
				document.querySelector(".header-container").style.borderRadius = "0px";
				document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
				document.querySelector(".header-container").style.borderTopLeftRadius = "20px";
				document.querySelector(".overlay-header > div, .minerva-header > div, .overlay-header > .navigation-drawer, .minerva-header > .navigation-drawer").style.display = "table-row";
				document.querySelector(".overlay-header > div, .minerva-header > div, .overlay-header > .navigation-drawer, .minerva-header > .navigation-drawer").style.textAlign = "right";
				document.querySelector(".header-container").style.paddingTop = "5px";
				document.querySelector(".header-container").style.paddingRight = "3px";
				document.querySelector(".header-container").style.paddingBottom = "8px";
				document.querySelector(".header-container").style.paddingLeft = "7px";
				document.querySelector(".minerva-user-navigation").style.display = "table-row";	
				document.querySelector(".minerva-user-navigation").style.minWidth = "none";	
				document.querySelector(".minerva-user-navigation").style.minHeight = "none";	
				document.querySelector(".minerva-user-navigation").style.width = "40px";
				document.querySelector(".minerva-user-navigation").style.alignItems = "center";
				document.querySelector(".minerva-user-navigation").style.justifyContent = "flex-end";
				document.querySelector(".minerva-user-navigation").style.paddingBottom = "10px";
			
		} else {
				document.querySelector(".minerva-header .branding-box").style.width = "119px";
				document.querySelector(".minerva-header .branding-box").style.height = "auto";
				document.querySelector(".overlay-header, .minerva-header").style.display = "flex";
				document.querySelector(".branding-box img").style.opacity = "1";
				document.querySelector(".minerva-header .branding-box").style.position = "static";
				document.querySelector(".header-container").style.width = "350px";
				document.querySelector(".header-container").style.height = "65px";
				document.querySelector(".header-container").style.margin = "30px 30px 0 0";
				document.querySelector(".header-container").style.borderRadius = "20px";
				document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
				document.querySelector(".overlay-header > div, .minerva-header > div, .overlay-header > .navigation-drawer, .minerva-header > .navigation-drawer").style.display = "table-cell";
				document.querySelector(".overlay-header > div, .minerva-header > div, .overlay-header > .navigation-drawer, .minerva-header > .navigation-drawer").style.textAlign = "center";
				document.querySelector(".header-container").style.paddingTop = "5px";
				document.querySelector(".header-container").style.paddingRight = "16px";
				document.querySelector(".header-container").style.paddingBottom = "5px";
				document.querySelector(".header-container").style.paddingLeft = "16px";
				document.querySelector(".minerva-user-navigation").style.display = "flex";	
				document.querySelector(".minerva-user-navigation").style.minWidth = "none";	
				document.querySelector(".minerva-user-navigation").style.minHeight = "none";	
				document.querySelector(".minerva-user-navigation").style.width = "auto";
				document.querySelector(".minerva-user-navigation").style.alignItems = "center";
				document.querySelector(".minerva-user-navigation").style.justifyContent = "flex-end";
				document.querySelector(".minerva-user-navigation").style.paddingBottom = "0px";
		}
	} else {
			if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
				document.querySelector(".branding-box img").style.width = "0px";
				document.querySelector(".branding-box img").style.opacity = "0";
				document.querySelector(".header-container").style.width = "189px";
				document.querySelector(".header-container").style.height = "55px";
				document.querySelector(".header-container").style.margin = "0px 0px 0px 0px";
				document.querySelector(".header-container").style.borderRadius = "0px";
				document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
				document.querySelector(".header-container").style.paddingTop = "0px";
				document.querySelector(".header-container").style.paddingBottom = "0px";
				document.querySelector(".header-container").style.right = "0";
		} else {
				document.querySelector(".branding-box img").style.width = "119px";
				document.querySelector(".branding-box img").style.opacity = "1";
				document.querySelector(".header-container").style.width = "100%";
				document.querySelector(".header-container").style.height = "55px";
				document.querySelector(".header-container").style.margin = "0px";
				document.querySelector(".header-container").style.borderRadius = "0px";
				document.querySelector(".header-container").style.borderBottomLeftRadius = "0px";
				document.querySelector(".header-container").style.paddingTop = "0px";
				document.querySelector(".header-container").style.paddingBottom = "0px";
			}
	}
}
window.onscroll = function () { scrollFunction () };

/* Preparing for iOS 15 and macOS Monterey */
const link = document.querySelector("meta[name=theme-color]");
function lightthemecolor() {
  link.setAttribute('name', 'theme-color');
  link.content = '#ebecf0';
  document.getElementsByTagName('head')[0].appendChild(link);
}
function darkthemecolor() {
  link.setAttribute('name', 'theme-color');
  link.content = '#3d3d3d';
  document.getElementsByTagName('head')[0].appendChild(link);
}
if (window.matchMedia && 
    window.matchMedia('(prefers-color-scheme: dark)').matches) {
  darkthemecolor();
} else {
	lightthemecolor();
}

function test() {
	var elements = document.getElementsByClassName('infobox');
	var requiredElement = elements[0];
	requiredElement.classList.add("primaryinfo");
}
test();