Visual Changes (Now works with new responsive + sidebar & old style)
// ==UserScript==
// @name VisualCrumbs (Stack Visuals)
// @namespace https://github.com/GrumpyCrouton/Userscripts/blob/master/VisualCrumbs%20(Stack%20Visuals)
// @version 2.6
// @description Visual Changes (Now works with new responsive + sidebar & old style)
// @author GrumpyCrouton
// @match *://*.stackoverflow.com/*
// @match *://*.stackexchange.com/*
// @match *://*.superuser.com/*
// @grant GM_setValue
// @grant GM_getValue
// @run-at document-start
// ==/UserScript==
document.onreadystatechange = function() {
if (document.readyState === "interactive") {
var sidebar = $('#sidebar');
var content = $('#mainbar');
//global changes (Whether there is a sidebar or not)
$("body").css("background-color", "#f4fff3");
//question stats
$(".question-stats").addClass("community-bulletin");
$("<div class='bulletin-title'>Question Stats</div><hr>").prependTo(".question-stats");
$("#questions .cbt").remove();
//nav bar
$("#search").css("max-width", "none");
$(".js-secondary-topbar-links").css("padding-left", "0px", "important");
if ($("#left-sidebar").length > 0) { //SIDE BAR EXISTS (responsive)
//body changes
//add space in left sidebar for options specific to visualcrumbs
$('nav[role="navigation"] ol:first').append(' \
<li> \
<ol class="nav-links"> \
<li class="fs-fine tt-uppercase ml8 mt24 mb4 fc-light"> \
VisualCrumbs \
</li> \
<li> \
<a class="pl8 js-gps-track nav-links--link -link__with-icon"> \
<span id="visualcrumbs_hideRightBar" class="-link--channel-name">Toggle Right Sidebar</span> \
</a> \
</li> \
</ol> \
</li>');
$('div .mb24').children('p').hide();
$(".gs12 .list-ls-none").append("<li class=\"grid--cell\"><a onclick=\"$(this).parents('div .mb24').children('p').toggle();\">Toggle Description</a></li>");
//console.log($('.fl1.fs-headline1').html().replace(/questions tagged/g, "questions with tags:<br>"));
var tagelement = $('.fl1.fs-headline1');
var newhtml = tagelement.html().replace(/questions tagged/g, "questions with tags:</div><div style='font-size:12px;line-height:none !important;'>").replace(/ or /g, "], [");
tagelement.html(newhtml).contents().filter(function() {
return this.nodeType === 3;
}).wrapAll("<div style='margin-bottom:0px;'>");
$("#left-sidebar").children("nav").children(".nav-links").css({
"position": "fixed",
"width": "164px",
"padding-left": "10px"
});
$(".youarehere").children("a").css({
"border-right": "none",
"border-left": "3px solid #F48024"
});
$(".container").css({
"max-width": "none",
"border-right": "1px solid #d6d9dc"
});
$("#questions, #qlist-wrapper, #content").css({
"max-width": "none",
"border-right": "1px solid #d6d9dc"
});
manageRightBarOnLoad();
controlRightPadding();
$(window).resize(function() {
controlRightPadding();
});
} else { //SIDEBAR DOES NOT EXIST (unresponsive)
//body changes
$("#content").css({
"width": "auto",
"border-right": "1px solid #d6d9dc",
"border-left": "1px solid #d6d9dc",
"margin-left": "8.5%",
"margin-right": "8.5%"
});
content.css("width", "80%");
$("#question").css("padding-right", "24px");
$("#answers").css({
"padding-right": "24px",
"width": "auto"
});
$("#answers-header").css("width", "auto");
$("#post-editor").css("width", "auto");
sidebar.css("width", "20%");
}
$("#visualcrumbs_hideRightBar").click(handleRightBarCollapse);
function handleRightBarCollapse() {
if (sidebar.is(":visible")) {
GM_setValue("hideRightBar", true);
content.css("width", "100%");
sidebar.hide();
} else {
GM_setValue("hideRightBar", false);
content.css("width", "");
sidebar.show();
}
}
function manageRightBarOnLoad() {
var result = GM_getValue("hideRightBar", false);
if (result) {
content.css("width", "100%");
sidebar.hide();
}
}
function controlRightPadding() {
if ($('header').width() > 640) {
$(".container").css("padding-right", "8.5%");
} else {
$(".container").css("padding-right", "none");
}
}
}
}