Makes twitter.com and x.com sleek ... and requires ':has' functionality from your browser.
/* ==UserStyle==
@name Twitter X Sleek
@namespace https://greasyfork.org/en/users/844240-madmanmoon
@version 1.3.15
@description Makes twitter.com and x.com sleek ... and requires ':has' functionality from your browser.
@author mmm
@license GPLv3
@preprocessor stylus
==/UserStyle== */
@-moz-document domain(twitter.com), domain(x.com) {
:root{
--mmmLoader: 0;
/* this is just here so that this loads for every twitter page*/
--mmmBrdCl: #ef03ca00;
}
/* This changes the borders to pink but completely seethrough, play with the last two digits in the variable to lessen opacity */
.r-1kqtdi0, .r-1igl3o0 {
border-color: var(--mmmBrdCl) !important;
}
/* REMOVALS_LEFT */
/* This removes these left menu items entirely */
[aria-label="Twitter"], [aria-label="Home"], [aria-label="Search and explore"], [aria-label="Lists"], [aria-label="Bookmarks"], [aria-label="Communities"], [aria-label="Verified"], [aria-label="X"], [aria-label="x"], div.css-1dbjc4n.r-dnmrzs.r-1vvnge1 {
display: none !important;
}
/* REMOVALS_RIGHT */
/* This removes these right side items entirely */
div:has( > div > section > [aria-label="Timeline: Trending now"]), div:has( > div > [aria-label="Who to follow"]), div:has( > [aria-label="Footer"]) {
display: none !important;
}
}