Suggestion Request: "Centered" theme.

[Rydian]

So this is what your average post looks like on a desktop with the current setup.

I've highlighted the first paragraph to note the issue. It's much wider than needed, to the point that the eyes are moving far further than they normally should for a line of text. It's grossly disproportional for text. Widescreen displays are good for approximating what a user's eye range can catch in general (opposed to thinner displays), but when it comes to reading text, the eye movements are much more focused and don't sweep too far to the left or right.

This is why books never went "widescreen", since reading uses more constrained eye movements (which is what screens were originally based on before going multimedia).

(My resolution was the same for both images, I simple rotated my display for the second, the text is a different size due to the first image being scaled down a lot more).

With a centered/clamped post width, you can see that it's actually a nice history summary of the project (it doesn't look barebones), and (bar the centering), much easier on the eyes to read as it's more like a paragraph from a book.


The Xenforo preview option shows things constrained so users like me tend to format our text as it appears there... but they're often harder to read when actually posted. The preview shows a well-formatted set of information (like you'd get in a book, newpaper, magazine, etc.) but the actual post looks sprawling

Versus...

Even in sites that don't have their articles centered, they still constrain the width to make reading information a lot easier.

Please add "centered" (or "limited-width") options of the current themes to make reading posts longer than a sentence or two easier.

 

[tj_cool]

The content is left-aligned like that, and while the system list shows through the floating bar, it still can't be interacted with. Is there a way to make the console bar go to two lines so there's no overlap?

I said "on chrome"

If you want it to work with firefox, you'll need to !important everything:

@-moz-document domain("gbatemp.net") {
    /* Fixed width */
    .pageWidth {
        width: 1000px !important;
        margin: 0 auto !important;
    }
 
    /* floating userbar ala V3+ */
    .navTabs .visitorTabs {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        padding: 5px !important;
        background: black !important;
        opacity: 0.2 !important;
        border-bottom-left-radius: 10px !important;
    }
 
    .navTabs .visitorTabs:hover {
        opacity: 1 !important;
    }
 
    .Menu .sectionFooter {
        margin: 0 !important;
    }
}

 

[McHaggis]

I said "on chrome"

If you want it to work with firefox, you'll need to !important everything

Trust Firefox to only care about things that are important

 

[Rydian]

I said "on chrome"

If you want it to work with firefox, you'll need to !important everything:

@-moz-document domain("gbatemp.net") {
    /* Fixed width */
    .pageWidth {
        width: 1000px !important;
        margin: 0 auto !important;
    }
 
    /* floating userbar ala V3+ */
    .navTabs .visitorTabs {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        padding: 5px !important;
        background: black !important;
        opacity: 0.2 !important;
        border-bottom-left-radius: 10px !important;
    }
 
    .navTabs .visitorTabs:hover {
        opacity: 1 !important;
    }
 
    .Menu .sectionFooter {
        margin: 0 !important;
    }
}

Ahhh, okay yeah that works much better. Any chance of this being in a theme for other users?

Trust Firefox to only care about things that are important

Firefox and Chrome apply userstyles in separate manners.
https://github.com/JasonBarnabe/stylish/wiki/Overwriting-page-styles

 

[redact]

you are a god in my eyes, tj
that looks much better

 

[McHaggis]

Ahhh, okay yeah that works much better. Any chance of this being in a theme for other users?

Firefox and Chrome apply userstyles in separate manners.
https://github.com/JasonBarnabe/stylish/wiki/Overwriting-page-styles

I wasn't talking about !important, and I was kidding You're talking to someone who was nominated to receive a free Firefox 4 beta t-shirt because of the bugs I filed a few years ago, which is more along the lines of what I was referring to, but with no real disrespect intended.

 

[ProtoKun7]

*sigh* i do miss IPB.

So do I.

 

[Rydian]

So do I.

But you can exist with it any time.

 

[Wizerzak]

Just thought I'd add that I'm not getting these problems on either of my 1280x1024 displays.

 

[Rydian]

Which, the original text stretching or the resize overlap?

 

[nukeboy95]

This is why books never went "widescreen", since reading uses more constrained eye movements (which is what screens were originally based on before going multimedia).

no they never when "widescreen" because no one has space for that much book

 

[BORTZ]

I would be nice, I bet it would fit better on a mobile device that way too.

 

[ProtoKun7]

But you can exist with it any time.

Limited interaction, though. I'd have to avoid crossing over my own posts.