Best side bar cover up.
// ==UserScript==
// @name Reddit Animated Sidebar
// @namespace http://userstyles.org
// @description Best side bar cover up.
// @author anonnow
// @homepage https://userstyles.org/styles/109720
// @include http://reddit.com/*
// @include https://reddit.com/*
// @include http://*.reddit.com/*
// @include https://*.reddit.com/*
// @run-at document-start
// @version 0.20150125230053
// ==/UserScript==
(function() {var css = [
"@namespace url(http://www.w3.org/1999/xhtml);",
"html {",
" overflow-x: hidden;",
"}",
"",
".side {",
" margin-left: 0px;",
" margin-right: -280px;",
" opacity: 0.6;",
" transition: opacity 0.5s, margin 0.5s;",
" -webkit-transition: opacity 0.5s, margin 0.5s;",
" -moz-transition: opacity 0.5s, margin 0.5s;",
" -o-transition: opacity 0.5s, margin 0.5s;",
" transition-delay: 1s;",
" -webkit-transition-delay: 1s;",
" -moz-transition-delay: 1s;",
" -o-transition-delay: 1s;",
" transition-timing-function: ease-in-out;",
" -webkit-transition-timing-function: ease-in-out;",
" -moz-transition-timing-function: ease-in-out;",
" -o-transition-timing-function: ease-in-out;",
"}",
"",
"body>.content, body {",
" /* This MUST apply to prevent showing stuff through the side bar */",
" z-index: -1 ;",
" position: relative ;",
"}",
"",
".side:hover, .side:focus {",
" transition: opacity 0.2s, margin 0.2s;",
" -webkit-transition: opacity 0.2s, margin 0.2s;",
" -moz-transition: opacity 0.2s, margin 0.2s;",
" -o-transition: opacity 0.2s, margin 0.2s;",
" /* Apply a negative margin to the left to prevent the content from",
" being shuffled around by the side bar */",
" margin-left: -280px;",
" margin-right: 0px;",
" opacity: 1;",
" transition-delay: 0s;",
" -webkit-transition-delay: 0s;",
" -moz-transition-delay: 0s;",
" -o-transition-delay: 0s;",
"}",
"",
".content {",
" margin-right: 40px ;",
"}"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();