Simple Twitter CSS

readme.md

A Simpler Twitter Interface

Basic CSS you can drop into a browser plugin like Stylus to get rid of all the overwhelming noise on Twitter's homepage. It overrides Twitter's defualt styles by setting the timeline, sidebars, and notifications to display:none

gistfile1.css

/* Hide the main timeline */
div.css-1dbjc4n.r-gtdqiz.r-1hycxz > div > div > div > div:nth-child(3), div.css-1dbjc4n.r-18u37iz.r-13qz1uu.r-417010 > main > div > div > div > div > div > div.css-1dbjc4n.r-1jgb5lz.r-13qz1uu {
    display: none;
}

/* Hide the "What's trending" and "Who to follow" right-hand sidebars */
div.css-1dbjc4n.r-gtdqiz.r-1hycxz > div > div > div > div.css-1dbjc4n.r-1ihkh82.r-1in3vh1.r-1867qdf.r-1phboty.r-rs99b7.r-ku1wi2.r-1bro5k0.r-1udh08x, div.css-1dbjc4n.r-14lw9ot.r-1gm7m50.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-11wrixw.r-61z16t.r-1ye8kvj.r-13qz1uu.r-184en5c > div > div.css-1dbjc4n.r-1jgb5lz.r-1ye8kvj.r-13qz1uu {
    display: none;
}

/* Hide the notification, explore, bookmarks, and lists navigation on the left */
div.css-1dbjc4n.r-1awozwy.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(2), div.css-1dbjc4n.r-1awozwy.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(3), div.css-1dbjc4n.r-1awozwy.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(5), div.css-1dbjc4n.r-1habvwh > div.css-1dbjc4n.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(3), div.css-1dbjc4n.r-1habvwh > div.css-1dbjc4n.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(2), div.css-1dbjc4n.r-1habvwh > div.css-1dbjc4n.r-d0pm55.r-1bymd8e.r-13qz1uu > nav > a:nth-child(5) {
    display: none;
}