Boards and Threads: HTML and CSS Cleanup

[jaw-sh]

Our HTML is a bit behind. Semantically speaking, it's abysmal.

I would like to do the following to increase the versatility and cleanliness of our documents when presenting a board or thread view.

Semantics and housecleaning

• [x] @czaks strongly recommends merging in wzsk/vichan as a base for this project.
• [ ] Reduce our heavy reliance on simple elements like span, div, hr, and br and adopt semantics tabs where possible.
• [ ] Give more descriptive class= names and use them more liberally.
• [ ] Remove any instance of a duplicate id= attribute, but increase our use of the id= attribute.
• [ ] Destroy every instance of style= when at all possible.

Real improvements

• [ ] Move the moderator tools to the bottom of the post content so that they are in the same place for every post.
• [ ] Improve the layout of files and their details, especially when displaying multiple files.
• [ ] Alter the way inline reporting works. Both the form and the submission process needs love.

User requests From here

• [ ] Constrain images with max-width so that horizontal scrolling isn't ever needed.
• [ ] Make the catalog more readable.
• [ ] Fix issue with hover posts extending past the horizontal boundaries of the screen.

I'm a huge fag when it comes to standards and the W3C spec. These things are important to me. Also, check out this screenshot. Notice how your eyes dart around when trying to find the mod tools. It's just a clusterfuck and it's very disorganized.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/5444174-boards-and-threads-html-and-css-cleanup?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github).

[fourfivesix]

+1, this is very important.

Maybe we could break this down to smaller issues?

[fourfivesix]

Oh, didn't know about this checklist feature that GitHub has. Cool!

[jaw-sh]

Added issue from this: https://8chan.co/meta/res/19911.html

Posts in hover box scroll past horizontal boundaries of the screen.

[ghost]

I'm organizing style.css from scratch, and only adding minor changes for the time being. Mobile browsing is far better after these changes, and the organization is slowly coming along.

ToDO:

• re-implement image scaling for handhelds
• Remove useless padding
• Finish swapping all em's to px for more accurate percentage scaling
• Decide on how granular organization should be

[ghost]

My pull request has been proposed via this PR. @8n-tech if you are working on these changes in your fork I'd gladly work with you (or whoever else) to make sure any adjustments made do not conflict with the goals.