Old style Twitter layout.
// ==UserScript==
// @name Old Twitter (black)
// @namespace http://userstyles.org
// @description Old style Twitter layout.
// @version 1.6.1
// @author NeosTest
// @homepage http://www.neostest.tk/
// @include http://twitter.com/*
// @include https://twitter.com/*
// @include http://*.twitter.com/*
// @include https://*.twitter.com/*
// @run-at document-start
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACdAAAAnQBpZ4gxgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAfLSURBVGiB7VltbF11HX5%2B53%2FPubdr18aWhr0Uw2whQg0sZgPiMFyCUadpsn24FU00k5ihBkVN%2FKB8oNX4QQETQzRhoiH6wUjDiw4lyj4QXsbIaNwGEmcWGGwrjDu29bb3peec%2F%2FP4YW1tu9uub1tDwi%2F55X9ycm%2FO8%2Fyf39v5H5OED7IFKw1gqfYhgZW2zKV%2BoJkZACsUCgYAxWLR2tvbBQADAwMCIC0gMe1SJnFvb68bHh7OmVmzc241gFXe%2B4hkDKCcJMlIFEUjLS0ttUcffdRPA2pmhUIhKBaL9uyzz1ISzyMw40d%2BITsxl5mZbd26NXLOXUbyBgC3A7iWZAfJZkklkm%2BTfA3AE5L2NTQ0FJ9%2B%2BumkUCjY66%2B%2F7pqbm5u89y1mdlkQBK%2Ft3bu3Oo2AmdmOHTuyw8PDH%2FPeu2w2%2B3Z3d%2FfIvffey6WCz%2BfzjU1NTZ0k7wLwVUlZkpCEmauk2Hv%2FSJqmD5nZyTiOc2EYXpam6WcA3C7phSiK7nnppZfOSNIkgf7%2B%2FuCVV15Z65y7H8Bmkt8huW%2Fz5s3DiyVhZtbT09OQpunGIAgelnTNbMCnEJi4%2Fneapi%2Ba2fUkr5W0WtKomW2L43jfoUOHKpI0WYV2797tzOxyAF8E0BkEwW8zmcyn9u%2Ff39Lf37%2BoarVz586M977DzH5G8hqSuJB77yeuuwHsJHkjydUkRfIxksVKpbKqu7s7NDObBBZFUcbMugCsHr%2B1HsCuMAy3DA4Ott56662Z8Qoy790vFovNkgqSbpkP%2BDmc3vtnSL4ax%2FHXoij6McnVAM4RMDNrbGyMJF01A8c6SQ875wptbW0fLRQKufmqkc%2FnXblcXivpbpK2RAIVSTd57%2B%2BTdBeAfyVJkgD4fwg1NTWZmTXVwXK5pAfTNL2%2FWq1uPHjw4Ec2bdoUXkiN9vb2kOTVJNuXCB4km8arFUj%2B3nv%2FfEtLS3VaDoRhmAJ4exY8DsB259xjkr6ybt26zm3btrXceeedYX9%2FfzCTjJlZqVRqMLMbZ8T1vL3Of7z3%2FiGSvxobG3tncHAwBaaU0d7e3qharW5xzu3B3COGN7P9kv5E8gVJJ83szMjISJzP59nX14dCoWCjo6Nr4zjeJWlrnQoz73X8OgHwQBAEvxsbGzt25MiReKJHTR0lfBAEQ5IOm9k1cxBwkm4CcBOAkwD2eO%2F%2FnMvl3tq7d%2B9IPp%2BvViqVsVqt1iipGUC9ErkgApLeJPl4tVo9fvTo0Unw0xQwM9u%2BfXur9%2F7bZvaTOQjUA5NKOua9Py7pDUn%2F9d6flLQDwM3LQOCgmX3p8OHDRyRNGzEmFejr67PBwcFqJpP5K8kvjO%2FweTYLmIykDeP%2BaZITRDlLk1poCJ11ziUAzhttJgm8%2FPLLYS6X%2BwSAFjN7RNKVANbMtuvzBBEsBwFJp7z3Sb0NnewDYRhGaZreQvIpST8ws5MAxibAL0MpXLR779%2FjuYn1PAWCcYAqFoupmb0FIAJwtaTrAWQXUOYumgM4JmmsngKTIRTHcQrgDQA1ALn5Sr6EuJ7vmnrv92ez2drU6jNNAQDo6enx2Wz2PQDPr3TITHVJJ5xz7x09ejSdNQcAoK%2BvT7lc7n3v%2FQMkyysNfIofIHkWQN2RfpKAJHV2dlajKDpE8mGeG19XGjwk7alUKqV6CQzUeSfu7e2NRkdHryD5LZLfJRmuVA4AOG1mn3%2F33XcPSornVGDCBgYGEgDHJf2a5D0kT6zU7qdp%2BmSSJEMA6sY%2FUOdYRZLMLMnn87GZnRgnchvJLZJyl1CBUhAEf8hms6dnC5%2B6BACgUChYsVhsIvkgydYVCqG%2FkXyzWCxOG94uGELjYaQkSUZI%2Fv1CMi%2FTrD%2FTSyR3NTQ0nMIs1WdOAgBE8kyapr%2Fx3l%2FqHJCkX0ZR9J%2BhoaG6zWuqzXoyZ2a2cePGlmw2e7OkXSTXXqJQ%2Boek742MjLwxW%2BWZjwKQpAMHDpTCMHzRe3%2BHpP28%2BL3huKSfrlq16hiAutPnvBWYokSwZcuWxlqttj5N09tIfkPSBp57ybZlVKAi6ZvOuaeGh4fPXih05k1gnIR1d3eHAFolXSXpBklfl3QtSVsGAiWSPwTwl3K5fEoz3rrmslmP1yeOwQFYV1dXxjnXkiTJlQDukFQg2bgcOSDpfQDfB%2FDPhYIHxhWYeipdLBaD5uZmF8dxVKvVGrz3zc65dpI9AO4g2b6MSXwCwN0AnhsdHT29UPCTBDZs2JBbs2bN%2BnK5vMo51yqpg%2BR6AB8n%2BUlJnSSblrFJpQCeAfDzIAheLZVKw4sBDwAZM7PrrrvOxXH8WefcjyRdcRFK49QB7TCA%2B4IgeK5UKg0BqGr8Y8ViLJCk1tbWMTMb8N73SvqjpLPL3ZxIDgH4hXPuy865x0ul0psAKksBD0w%2FFwo6OjqybW1trUmSdEj6HMltJLslRYtU4CSAfSSf9N4fNLN3yuXyGQBzzjeLIjB5wyzo6uoKM5lME4A27%2F3l3vtNJG8cL5vtkhpIZiWFkhKSFZKjks5Kep%2FnRvA9ZvZaEARFMzt7%2BvTpKgC%2F1B2%2FIIEpRAxA0NXVlSGZi%2BO4KYqixjiOc0EQhCQzJJ33nt77xDkXe%2B%2FjNE3HwjCsSSqfOnWqBsBjgV8el4VAHTITjinrVNPM9WKBnobtEjzjotoH%2Fkv9hwRW2v4Hzfz1NBYlTUUAAAAASUVORK5CYII%3D
// ==/UserScript==
(function() {
var css = ".global-nav .container {\n\
max-width: 918px !important;\n\
/*max-width: 936px !important;*/\n\
}\n\
.global-nav {\n\
height: 39px !important;\n\
}\n\
.topbar {\n\
height: 39px !important;\n\
}\n\
#global-actions > li{\n\
height: 39px !important;\n\
}\n\
.global-nav-inner {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_bgs.png') fixed !important;\n\
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset !important;\n\
height: 39px !important;\n\
}\n\
#global-actions > li > a{\n\
transition: none !important;\n\
}\n\
.bird-topbar-etched{\n\
transition: none !important;\n\
}\n\
.pushing-state .pushstate-spinner{\n\
background:url('https://abs.twimg.com/a/1391236451/img/t1/spinner-medium.gif') no-repeat 0 0 !important;\n\
margin-top: 8px !important;\n\
}\n\
.nav > li {\n\
color: #d0d0d0 !important;\n\
}\n\
#global-actions > li:hover > a, #global-actions > li.active > a {\n\
/*background: radial-gradient(ellipse at center, #4f4f4f 20%,#161616 80%) !important;*/\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_bgs.png') #3D3D3D 0px -50px fixed !important;\n\
height: 39px !important;\n\
/*46px*/\n\
}\n\
#global-actions > li.active > a {\n\
box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset !important;\n\
}\n\
#global-actions > li > a {\n\
border-bottom: none !important;\n\
}\n\
.tweet .time{\n\
float: right !important;\n\
}\n\
.tweet .time:before{\n\
content: '' !important;\n\
}\n\
.ProfileTweet--high .ProfileTweet-text{\n\
font-size: 14px !important;\n\
line-height: 22px !important;\n\
}\n\
.ProfileTweet--low .ProfileTweet-text{\n\
font-size: 14px !important;\n\
line-height: 22px !important;\n\
}\n\
.ProfileTweet-text{\n\
font-size: 14px !important;\n\
line-height: 22px !important;\n\
}\n\
.ProfileCanopy--large, .ProfileCanopy--large .ProfileCanopy-header{\n\
height: 175px !important;\n\
}\n\
.ProfileCanopy.is-locked .ProfileCanopy-inner{\n\
position: relative !important;\n\
}\n\
.ProfileCanopy.is-locked{\n\
margin-top: 116px !important;\n\
}\n\
.ProfilePage .AppContent{\n\
padding: 39px 0px 0px !important;\n\
}\n\
.ProfileCanopy.is-locked .ProfileCanopy-avatar{\n\
visibility: visible !important;\n\
display: block !important;\n\
bottom: -87px !important;\n\
}\n\
body.ms-windows{\n\
font-family: Arial,sans-serif !important;\n\
}\n\
\n\
.global-nav .form-search .search-input {\n\
background: none repeat scroll 0 0 #CCCCCC !important;\n\
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15) !important;\n\
color: rgba(48, 48, 48, 0.75) !important;\n\
font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif !important;\n\
/*font-size: 13px !important;*/\n\
height: 14px !important;\n\
font-weight: normal !important;\n\
line-height: 1 !important;\n\
padding: 5px 10px !important;\n\
transition: none 0s ease 0s !important;\n\
}\n\
.global-nav .search-icon .Icon{\n\
margin-top: 0px !important;\n\
color: rgba(78, 78, 78, 0.75) !important;\n\
}\n\
\n\
.global-nav .form-search .search-input.focus {\n\
background-color: #ddd !important;\n\
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;\n\
color: #333333 !important;\n\
outline: 0 none !important;\n\
padding: 5px 10px !important;\n\
text-shadow: 0 1px 0 #FFFFFF !important;\n\
}\n\
\n\
.global-nav .search-input::-moz-placeholder {\n\
color: #666666 !important;\n\
}\n\
\n\
.global-nav .search-icon {\n\
right: -2px !important;\n\
top: 2px !important;\n\
}\n\
.stats a strong {\n\
font-size: 16px !important;\n\
font-weight: bold !important;\n\
color: rgb(41, 47, 51) !important;\n\
}\n\
#content-main-heading {\n\
color: rgb(41, 47, 51) !important;\n\
font-size: 20px !important;\n\
font-weight: bold !important\n\
}\n\
.wrapper, .wrapper-narrow, .wrapper-permalink {\n\
background: url(\"https://abs.twimg.com/a/1391236451/img/t1/wash-white-30.png\") repeat scroll 0% 0% transparent !important;\n\
}\n\
#global-tweet-dialog .modal-footer {\n\
background: #EDEDED !important;\n\
}\n\
.modal-header {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_bgs.png') 0px 200px !important;\n\
height: 17px !important;\n\
}\n\
.twttr-dialog-header {\n\
padding: 8px 15px 8px !important;\n\
}\n\
.modal-content {\n\
position: relative;\n\
background-color: rgb(255, 255, 255);\n\
border-radius: 6px 6px 6px 6px;\n\
background-clip: padding-box;\n\
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;\n\
}\n\
.modal-title {\n\
font-weight: bold !important;\n\
color: #CDCDCD !important;\n\
}\n\
.home-tweet-box, .dm-tweetbox, .inline-reply-tweetbox{\n\
background: #EDEDED !important;\n\
}\n\
.Icon--home {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') 0px -48px !important;\n\
}\n\
#global-nav-home:hover .Icon--home {\n\
background-position: 0px -78px !important;\n\
}\n\
#global-nav-home.active .Icon--home {\n\
background-position: 0px -108px !important;\n\
}\n\
.Icon--notifications {/*.Icon--connect*/\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') -78px -48px !important;\n\
}\n\
.people:hover .Icon--notifications {/*.Icon--connect*/\n\
background-position: -78px -78px !important;\n\
}\n\
.people.active .Icon--notifications {/**.Icon--connect*/\n\
background-position: -78px -108px !important;\n\
}\n\
.Icon--discover {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') -39px -48px !important;\n\
}\n\
.topics:hover .Icon--discover {\n\
background-position: -39px -78px !important;\n\
}\n\
.topics.active .Icon--discover {\n\
background-position: -39px -108px !important;\n\
}\n\
.Icon--me {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') -120px -48px !important;\n\
}\n\
.profile:hover .Icon--me {\n\
background-position: -120px -78px !important;\n\
}\n\
.profile.active .Icon--me {\n\
background-position: -120px -108px !important;\n\
}\n\
.Icon--bird {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') -39px -0px !important;\n\
}\n\
.Icon--large.Icon--tweet {\n\
background: url('https://abs.twimg.com/a/1391236451/img/t1/twitter_web_sprite_icons.png') -198px -47px !important;\n\
}\n\
#global-new-tweet-button {\n\
background-image: linear-gradient(#53ABE6, #1778B6) !important; /*0, 132, 180*/\n\
opacity: 1 !important;\n\
padding: 2px 5px 2px 8px !important;\n\
margin: 0px !important;\n\
margin-top: 6px !important;\n\
height: 28px !important;\n\
/*box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;*/\n\
box-shadow: -1px -1px 0px #2A2A2A, 0 1px 0px #444444, inset 0px -1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 1px rgba(189, 189, 189, 0.8);\n\
border: 1px solid black !important;\n\
}\n\
#global-new-tweet-button:hover, #global-new-tweet-button:active {\n\
border-color: white !important;\n\
background-color: #1778B6 !important;\n\
transition: none !important;\n\
}\n\
.bird-topbar-etched {\n\
margin-top: 11px !important;\n\
}\n\
.Icon--home:before, .Icon--notifications:before, .Icon--connect:before, .Icon--discover:before, .Icon--me:before, .Icon--bird:before, .Icon--large.Icon--tweet:before {\n\
content: '' !important;\n\
}\n\
.nav > li .Icon.Icon--home, .nav > li .Icon.Icon--notifications, .nav > li .Icon.Icon--connect, .nav > li .Icon.Icon--discover, .nav > li .Icon.Icon--me{\n\
margin: 8px 0px 0px 10px !important;\n\
}\n\
.nav > li > a .text{\n\
margin-top: 14px !important;\n\
font-weight: bold !important;\n\
color: #C8C8C8 !important;\n\
}\n\
.nav > li .Icon.Icon--dm{\n\
margin-top: -8px !important;\n\
}\n\
.nav > li .Icon.Icon--cog{\n\
margin-top: 8px !important;\n\
}\n\
.Gallery-content{\n\
background: #181818 !important;\n\
}\n\
.Gallery-media{\n\
padding: 5px;\n\
}\n\
.GalleryTweet{\n\
background: #181818 !important;\n\
color: #CDCDCD !important;\n\
border-top-color: #3D3D3D !important;\n\
}\n\
.Gallery .modal-header{\n\
border-bottom: none !important;\n\
}\n\
.trends, .Footer {\n\
clear: both !important;\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);
}
}
})();
/*Element.prototype.remove = function() {
this.parentElement.removeChild(this);
}
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
for(var i = 0, len = this.length; i < len; i++) {
if(this[i] && this[i].parentElement) {
this[i].parentElement.removeChild(this[i]);
}
}
}*/
/*var script = document.createElement('script');
script.type = "text/javascript";
script.innerHTML = "b.fn.hover=function(){return}";
document.getElementsByTagName('head')[0].appendChild(script);*/
function $Class(classname, node){
//if(!node) node = document.getElementsByTagName('body')[0];
if(!node) node = document;
var a = [];
var re = new RegExp('\\b' + classname + '\\b');
var els = node.getElementsByTagName("*");
for(var i=0,j=els.length; i<j; i++)
if(re.test(els[i].className))a.push(els[i]);
return a;
}
function exscript(clearInterval2){
for(i = 1; i <= $Class('roaming-module').length; i++){
$Class('roaming-module')[i].className = $Class('roaming-module')[i].className.replace(/roaming\-module/, '');
}
var afterCSS = document.createElement('style');
afterCSS.innerHTML = "\n\
body.three-col .wrapper {\n\
max-width: 890px !important;\n\
}\n\
body.three-col .content-main {\n\
float: right !important;\n\
margin: 0px !important;\n\
}";
if(!clearInterval2)
document.getElementById('timeline').appendChild(afterCSS);
else
document.lastChild.appendChild(afterCSS);
setTimeout(function(){
console.log($Class('Footer')[0].nextSibling);
if($Class('Footer')[0].nextSibling){
$Class('Footer')[0].parentNode.insertBefore($Class('wtf-module')[0], $Class('Footer')[0]);
}
}, 1000);
if(clearInterval2)
clearInterval(readyStateNewPage);
}
var readyStateNewPage = null;
var invertInterval = null;
readyStateCheckInterval = setInterval(function() {
if (document.readyState === "interactive") {
exscript();
var url = document.location.toString();
document.querySelector('html').addEventListener('DOMNodeInserted', function(ev){
var new_url = document.location.toString();
if (url == new_url) return; // already checked or processed
url = new_url;
var readyStateNewPage = setInterval(function(){
if($Class('roaming-module').length === 2)
exscript(true);
}, 10);
});
clearInterval(readyStateCheckInterval);
}
}, 10);