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`.

1. First, install [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en)
2. Then, [install the stylesheet here](https://userstyles.org/styles/202619/stack-overflow-focus-mode)

```css
@-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;
}
}
```