User:Mondo/minerva.js
(Redirected from User:Vistaus/minerva.js)
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
Documentation for this user script can be added at User:Mondo/minerva. This user script seems to have an accompanying .css page at User:Mondo/minerva.css. |
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (window.innerWidth > 768) {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
document.querySelector(".branding-box img").style.width = "0px";
document.querySelector(".branding-box img").style.opacity = "0";
document.querySelector(".header-container").style.width = "200px";
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";
} else {
document.querySelector(".branding-box img").style.width = "119px";
document.querySelector(".branding-box img").style.opacity = "1";
document.querySelector(".header-container").style.width = "350px";
document.querySelector(".header-container").style.height = "65px";
document.querySelector(".header-container").style.margin = "15px";
document.querySelector(".header-container").style.borderRadius = "20px";
document.querySelector(".header-container").style.borderBottomLeftRadius = "20px";
document.querySelector(".header-container").style.paddingTop = "5px";
document.querySelector(".header-container").style.paddingBottom = "5px";
}
} 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";
}
}
}
/* Preparing for iOS 15 and macOS Monterey
var link = document.createElement('meta');
function lightthemecolor() {
link.setAttribute('name', 'theme-color');
link.content = '#f2f2f2';
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();
}
*/