rave-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Ate Douma (JIRA)" <j...@apache.org>
Subject [jira] [Updated] (RAVE-7) website styling improvements
Date Tue, 14 Jun 2011 12:03:47 GMT

     [ https://issues.apache.org/jira/browse/RAVE-7?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]

Ate Douma updated RAVE-7:
-------------------------

    Component/s: site

> website styling improvements
> ----------------------------
>
>                 Key: RAVE-7
>                 URL: https://issues.apache.org/jira/browse/RAVE-7
>             Project: Rave
>          Issue Type: Improvement
>          Components: site
>            Reporter: Rolf van der Steen
>            Assignee: Ate Douma
>         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

        

Mime
View raw message