Unifies and improves the headers of both the community and torrent sections of the site. (and makes community pages full width)
目前為
// ==UserScript==
// @name KAT Headers Unified
// @namespace NotNeo
// @version 0.2
// @description Unifies and improves the headers of both the community and torrent sections of the site. (and makes community pages full width)
// @author NotNeo
// @match https://katcr.co/show/community/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant none
// ==/UserScript==
var headerShrunkByDefault = "remember"; //yes,no,remember
addGlobalStyle(`
#wrapper {
max-width: 100% !important;
}
#header {
padding-left: 5px;
position: fixed;
width: 100%;
z-index: 100;
}
#content_section {
padding-top: 65px;
}
#header div.frame {
padding-right: 5px;
}
#top_section > .forumtitle {
margin-right: -55px;
}
#top_section {
min-height: 0px;
}
#header > .frame > div:last-of-type, #header > .frame > br.clear {
display: none;
}
#menu_nav > li > ul {
position: fixed;
border: solid #333 2px;
width: -moz-min-content;
width: -webkit-min-content;
}
#search_form .input_text {
max-width: calc(100% - 1350px) !important;
min-width: 200px;
}
`);
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
function CalcContentPad() {
if($("#upshrink").attr("src").split("images/")[1] == "upshrink.png")
$("#content_section").prop("style", "padding-top: 165px;");
else
$("#content_section").prop("style", "padding-top: 65px;");
}
$("#siteslogan").detach().appendTo('#upper_section');
$("#main_menu").parent().detach().appendTo("#top_section");
if(headerShrunkByDefault != "remember") { //if header shrink is "remember", let the site handle it...
var imgSrc = $("#upshrink").attr("src").split("images/")[1]; //...else get current state
if((headerShrunkByDefault == "yes" && imgSrc == "upshrink.png") || (headerShrunkByDefault == "no" && imgSrc == "upshrink2.png")) //...and if the state is wrong...
$("#upshrink").click(); //...change it
}
CalcContentPad();
$("#upshrink").click(CalcContentPad);