[
https://issues.apache.org/jira/browse/RAVE-7?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Rolf van der Steen updated RAVE-7:
----------------------------------
Attachment: rave_site_css_changes.rtf
> website styling improvements
> ----------------------------
>
> Key: RAVE-7
> URL: https://issues.apache.org/jira/browse/RAVE-7
> Project: Rave
> Issue Type: Improvement
> Reporter: Rolf van der Steen
> Attachments: RAVE-logo_main-logo-small.png, rave_bg.jpg,
> rave_codehilite_bg.gif, rave_site_css_changes.rtf, rave_site_example1.jpg,
> rave_site_example2.jpg
>
>
> Here are some quick-wins for styling of the RAVE site
> I don't have to explain that the site is no brochure or corporate website.
> It's an informational website so styling should be supportive to that goal.
> Readable: sufficient white space, subtle color scheme, large enough fonts,
> good contrast
> Scan-able: distinct styling for headers, lists, links, etc. Note that this is
> not just a design issue, it also requires good writing.
> I've used Stylish (Firefox add-on for user styles) to 'overrule' rave.css at
> some points. I've attached the Stylish css. Some notes:
> - It contains !important property, ignore that, I only use it to overrule
> current styling
> - Some rules I used to 'turn of' certain current styling, in the original css
> this could be done by removing the rule
> Then there are some changes which I would apply but need to be done in the
> HTML
> - move the <h1> to the content div
> - change logo img, slightly bigger
> This should result in a styling like the attached examples
> 'rave_site_example1.jpg' and 'rave_site_example2.jpg'.
> PS I noticed code formatting code doesn't fit the layout on 1024 width (still
> very common screen resolution). Didn't fix that
--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira
