Greasy Fork is available in English.
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.4.1
// @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 {
position: relative;
}
#search_form .input_text {
max-width: calc(100% - 1350px) !important;
min-width: 200px;
}
.valueBubble {
display: inline-block;
height: 7px;
width: 7px;
margin-bottom: 7px;
margin-left: -10px;
margin-right: -2px;
font-family: sans-serif;
color: #fc7208;
background: #fc7208;
border: 2px solid #594c2d;
border-radius: 50%;
transition: .1s all;
}
.valueBubble span {
position: absolute;
margin-top: -22px;
margin-left: 10px;
font-size: 10px;
}
#search-new-button {
background: 0 0;
color: #5f5f5f;
box-shadow: none;
display: inline-block;
border: none;
position: absolute;
top: 0px;
right: 12px;
cursor: pointer;
padding: 0 !important;
}
#search-new-adv-button {
background: 0 0;
color: #5f5f5f !important;
box-shadow: none;
display: inline-block;
border: none;
position: absolute;
top: 0px;
right: 33px;
cursor: pointer;
padding: 0 !important;
}
`);
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
}
}
//remove search tab and add it to main search ba as advanced
$("#button_search").remove();
$("#search_form .button_submit").remove();
$("#search_form .input_text").after('<a id="search-new-adv-button" title="Advanced Search" href="https://katcr.co/show/community/index.php?action=search"><i class="ka ka-settings"></i></a>');
$("#search_form .input_text").after('<button name="submit" id="search-new-button" title="Search" type="submit"><i class="ka ka-search"></i></button>');
//GetUserName
var userName = $(".greeting > span").text();
//Adding/removing/moving header parts
$("#button_sitemap").remove();
$("#button_help").remove();
$("#gallery_torrents").remove();
$("#menu_nav").append(`
<li>
<a class="firstlevel" onclick="return false;" href="#"><i class="ka ka-plus"></i> Other</a>
<ul>
<li class="topMsg">
<a href="https://katcr.co/show/community/index.php?action=help">
<i class="ka ka-idea"></i> Help</a>
</li>
<li class="topMsg">
<a href="https://katcr.co/show/community/index.php?action=sitemap">
<i class="ka ka-list"></i> Sitemap</a>
</li>
<li class="topMsg">
<a href="https://katcr.co/gallery/movies/page/">
<i class="ka ka-camera"></i> Gallery</a>
</li>
</ul>
</li>
`);
var numOfPM = $("#button_pm span.firstlevel strong").text() || 0;//get number of messages
$("#button_pm").remove();
$("#menu_nav").append(`
<li id="button_pm">
<a class="firstlevel" href="https://katcr.co/show/community/index.php?action=pm">
<i class="ka ka-message"></i> <span class="valueBubble"><span>`+numOfPM+`</span></span> Messages
</a>
<ul class="navigation__sub_items">
<li class="navigation__item"><a href="https://katcr.co/show/community/index.php?action=pm;sa=send" class="navigation__link"><i class="kf__pencil button button--icon-button"></i> New message</a></li>
<li class="navigation__item"><a href="https://katcr.co/show/community/index.php?action=pm" class="navigation__link"><i class="kf__envelope button button--icon-button"></i> Inbox</a></li>
</ul>
</li>
`);
//Get session id for log out
var sessionId = $("#button_logout a").prop("href").split(";")[1];
$("#button_logout").remove();
$("#button_profile").remove();
$("#menu_nav").append(`
<li id="button_profile">
<a class="firstlevel" href="https://katcr.co/user/`+userName+`/profile/"><i class="ka ka-user"></i> `+userName+`</a>
<ul class="navigation__sub_items" style="right: 45px;">
<li class="navigation__item"><a href="https://katcr.co/user/`+userName+`/profile/" class="navigation__link">Torrent Profile</a></li>
<li class="navigation__item"><a href="https://katcr.co/show/community/index.php?action=profile" class="navigation__link">Forum Profile</a></li>
<li class="navigation__item"><a href="https://katcr.co/show/community/index.php?action=profile;area=forumprofile" class="navigation__link">Edit Profile</a></li>
<li class="navigation__item"><a href="https://katcr.co/show/community/index.php?action=logout;`+sessionId+`" class="navigation__link">Log out</a></li>
</ul>
</li>
`);
CalcContentPad();
$("#upshrink").click(CalcContentPad);