CSS modification

Every Ant Tells a Story - And Scientists Explain Their Stories Here
Revision as of 16:50, 31 March 2011 by Lubertazzi (talk | contribs) (Created page with "These are some suggestions for modifications that I think can make the user experience a little more pleasant..... First a little background. The look of the wiki pages is prim...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

These are some suggestions for modifications that I think can make the user experience a little more pleasant.....

First a little background.

The look of the wiki pages is primarily controlled by "skins." This can be set and changed by going to: Special:Preferences and clicking on the Appearance tab at the top of that page.

Any changes I make within firebug change the "vector" skin. I am not sure what the equivalent changes would need to be, or if it is advisable or even possible, to consider making these changes a step up from the "vector" skin so they affect all the skins (i.e., is it better to make changes to a skin specific CSS or to the sitewide CSS rules that comes before the skins)? Maybe changing one skin is best. I would assume we can set a skin as "preferred" so it is the default when a user account is made and is also the skin anonymous users will see. Vector seems to be the current default. We can leave the other skins alone. Editors (and maybe anonymous users) are free to change their skin, provided they know enough about wikis, user preferences, and care to change this.

I need to look into this more to see what might be best, to see what is possible, and figure out how to make these changes so you can a.) see how they look b.) see if you like the changes better than the current CSS formatting.

I can see the results of the modifications I am suggesting through a firefox add-on called firebug. It allows you to see and change the CSS on the page being viewed. When I fiddle with the CSS it is modifying rules in this css file: http://ants.csiro.au/Ant_Wiki/skins/vector/main-ltr.css

Font Size

The current font size is just a little to small

currently set to 1em ; suggest increase to 1.05em

rule:

html, body {
    font-family: sans-serif;
    font-size: 1em;
    height: 100%;
    margin: 0;
    padding: 0;
}

modified:

html, body {
    font-family: sans-serif;
    font-size: 1.05em;
    height: 100%;
    margin: 0;
    padding: 0;
}

Link Visibility

links within text are difficult to see

add add font-weight: bold; to current rule for a{}

a {
    background: none repeat scroll 0 0 transparent;
    color: #0645AD;
    text-decoration: none;
}

modified:

a {
    background: none repeat scroll 0 0 transparent;
    color: #0645AD;
    font-weight: bold;
    text-decoration: none;
}