Stack Overflow: Wide Screen v1.0.0

← Back to Stylus Rules

Increases the maximum width of content containers on Stack Overflow and Stack Exchange sites for better use of wide monitors.

What it does

This style rule makes Stack Overflow and Stack Exchange sites more readable on wide monitors by:

Stack Overflow: Expanding content to 90% of viewport width and hiding the widgets sidebar
Stack Exchange: Setting content width to 1600px for container and 1400px for main content

This allows you to see more code and content without horizontal scrolling or wasted screen space.

Install Style

Style Content

/* ==UserStyle==
@name           Stack Overflow: Wide Screen
@namespace      https://www.timhilton.xyz/stylus-rules/
@version        1.0.0
@description    Increases the maximum width of content containers on Stack Overflow and Stack Exchange sites for better use of wide monitors
@author         Tim Hilton
@homepageURL    https://www.timhilton.xyz/stylus-rules/stackoverflow/wide-screen/
@updateURL      https://www.timhilton.xyz/stylus-rules/stackoverflow/wide-screen/latest/wide-screen.user.css
==/UserStyle==*/

@-moz-document url-prefix("http://stackoverflow.com"), domain("stackoverflow.com") {
.container {
    max-width: 90vw !important;
}

#content {
    max-width: 90vw !important;
}

#widgets-container {
    display: none !important;
}
}

@-moz-document domain("stackexchange.com") {
.container {
    max-width: 1600px !important;
}

#content {
    max-width: 1400px !important;
}
}