Visual UI fixes

[iammattthomas]

Various visual tweaks, including the following:

• Standardize font declarations system-wide, moving Bitstream Vera Sans for Linux ahead of Windows fonts, use better monospace fonts
  
• Reduce font sizes and increase line height in dashboard (per Jane)
  
• Make RSS and Plugin list titles Georgia for emphasis (per Jane)
  
• Adjust subsubsub to allow for greater H2 height now that icons are in
  
• Allow for vertical padding around icon32
  
• Center-align icon32 and h2 vertically
  
• Include all button types in button style declarations
  
• More attractive disabled button style
  
• Hover state for screen-meta-links
  
• Reduce left padding for pingbacks in Recent Comments (per Jane)
  
• Make "pingback" text normal weight so it's not the only bold thing in the widget
  
• Make dates in dashboard widgets sans-serif
  
• Clear above "Available Themes" so the H3 doesn't float beside current theme thumbnail
  

[iammattthomas]

Fixes #8387

[azaozz]

(In [9918]) Visual UI fixes from iammattthomas, fixes #8387

[iammattthomas]

Showing misaligned icon32

[iammattthomas]

Fixes mis-aligned icon32

[iammattthomas]

It looks like a bit of this patch wasn't applied, resulting in the icon32 being mis-aligned with the H2 (see misalignedicon32.png for a screenshot). I've submitted a new patch, 8387-1.diff, that includes only this fix.

[azaozz]

(In [9932]) Line up screen icons, props iammattthomas, fixes #8387

[iammattthomas]

Re-align icon32 and .wrap H2

[iammattthomas]

The icon32 and H2 have come out of alignment again with recent changes; the latest patch fixes it.

attachment:ticket:8387:8387-2.diff​

[azaozz]

(In [9976]) Adjust H2s, props iammattthomas fixes #8387

[azaozz]

Replying to iammattthomas:

The icon32 and H2 have come out of alignment again with recent changes; the latest patch fixes it.

They seem to be placed slightly differently in Safari and FF. Now the icon seems couple of px off in FF, both Mac and Windows.

[iammattthomas]

Screenshot of current alignment in Safari and FF3

[iammattthomas]

Screenshot of previous alignment in Safari and FF3

[iammattthomas]

Replying to azaozz:

They seem to be placed slightly differently in Safari and FF. Now the icon seems couple of px off in FF, both Mac and Windows.

Could you do a screenshot? It's looking correct to me now in Safari and FF3. Here's what I see currently:

attachment:ticket:8387:8387.current.png[[BR]]

Here's what I saw before my patch was applied:

attachment:ticket:8387:8387.old.png​

[iammattthomas]

Messed up the wiki formatting: attachment:ticket:8387:8387.current.png​