----- Feed ----- 1. Increase font size to improve readability 2. Increase spacing between elements to improve readability 3. Domain and tag information moved over to the right to unclutter the left side of small text 4. Increased margins on main div to focus information into the centre as it stretches wide on larger displays ------ Posts ------ 1. Increase title and body font sizes to improve readability 2. Increase spacing between paragraphs to improve readability 3. Limit body text div so it averages around ~15 words per line. This makes it easier to track writing line-to-line and maintain focus ---------- Comments ---------- 1. Similar font and div size adjustments to posts 2. Increase spacing between comments to let them breathe more ----- Chat ----- 1) Import modern font and force it to override retro font 2) Reduce main div width and centre it to focus information 3) Increase font sizes to improve readability. 4) Increase spacing between messages so it doesn't look like one massive block of text 5) Move usernames and timestamp above the message. This gives separation between the username and the message and unclutters the start of the message.
I'd be honoured. Stylus lets you target styles to specific URLs, which you can't do in pure CSS. So I'll create a version that works without that. I'll also make sure it doesn't break the mobile styles as it's only aimed at desktop at the moment. Would it make sense for it to be an optional 'modifier' to the user selected style? That way the user can still choose their own colours.
Awesime! thank you rezzeJ! mk, did you see this?