Here is my pure CSS version of tinker's userscript.
- There is no flash of hidden content while the page is loading
- It hides hot meta posts and Stack Overflow blog. The OP requested hiding everything except related questions.
- It works on more Stack Exchange sites in addition to Stack Overflow: AskUbuntu, Server Fault, Super User, and
*.stackexchange.com
.
@-moz-document domain("stackoverflow.com"), domain("stackexchange.com"), domain("superuser.com"), domain("serverfault.com"), domain("askubuntu.com") {
#hireme,
/* Hides the Looking for a Job module from the sidebar */
#sidebar > :first-child,
/*Hides the Community Bulletin module from the sidebar*/
.s-sidebarwidget,
/* Hides Stack Overflow Blog, Featured on Meta, Hot Meta Posts */
#sidebar #chat-feature,
/* Hides the Chat module from the sidebar */
#sidebar #newsletter-ad, #left-sidebar,
/* Hides the "Love This Site?" (weekly newsletter) module from the sidebar */
#footer, .js-dismissable-hero,
/* Hides the Hero box, asking to sign up for new users. */
.site-header--container,
/* Hides the top title banner bar appearing only in some stackexchange sites. */
#hot-network-questions
/* Hides hot network questions. */
{
display: none;
}
}