| |
UserScript for Improved Legibility
Pages on Humaniplex are WIDE. They span the whole width of the browser window, and for those of you with wide screens, it can make things hard to read. Your eyes are forced to continually scan side to side to take in the content. This problem is made worse if a wide image forces the content to become wider than the browser window which makes you have to scroll horizontally to see all of the content. For example, take a look at The Most Popular Incoming Prez Ever. There are a few wide images there that really messed the layout up and forced the page to be too wide for comfort.
This UserScript fixes this, by introducing a little bit of CSS to constrain the width of the content and make HX skinnier.
body {
width: 75%;
margin: auto;
max-width: 1020px;
min-width: 20rem;
}
table.outline div.float_left img {
max-width: 100%;
}
This is all we're adding to the page, but it makes a big difference especially if you have a wide screen. Those of you who browse Humaniplex with a narrow window won't need this, though. It's not for everybody, but I think it'll help a lot of people.
If you have the Violentmonkey extension installed, you can:
1. Click on hx-style.humaniplex.user.js;
2. Click on "Raw"; and
3. Confirm the installation (on the top-right), and you should be good to go.
7 comments
|
