noirbizarre/ezwall-plugin — pull request #4 by klange (2013-07-11 00:58:13+00:00)
Title: Complete reskin

I'll understand if this gets rejected or ignored, as it's a fairly extensive reskin, but was convinced by my colleagues that it would be best to send along the request anyway.

When a jenkins installation has a lot of projects, the default layout for ezwall becomes terribly unreadable, and even ends up breaking flow. This theme was designed originally for Status Monitor and ported to EzWall; it works great with a lot of projects and remains readable from a distance.

### Changes
- Forced to 6 columns (should probably be a config value)
- The whole page has a dark background with some subtle stripes; this background comes from [firefly](http://github.com/Yelp/firefly)
- Passing and disabled jobs have a transparent background
- Disabled jobs are slightly transparent.
- The shade of red for failed jobs is slightly darker
- Same for unstable jobs
- Shadows have been removed
- Text is aligned to the top of the cell; the benefit of this is more clear when there are a lot of projects
- The font has been changed to Lucida Grande, with fallbacks
- Build numbers, usernames, and gravatars have been tweaked (see screenshot)
- text-overflow-ellipsis is used for job text (better than just overflowing or cropping long names)
- The "glow" effect for building jobs has been heavily modified (building jobs will flash between their previous state and a light blue background while a throbber spins - the throbber is an APNG, some work is still required to get it to display properly on non-Gecko browsers)

Overall, this involved mostly CSS changes, but there are some JS changes as well. I have not yet touched any of the Java source as I have not added any configuration values.

### TODOs
There are some quirks that would need to be worked out if you are interested in merging it.
- [ ] Fix the throbber on Chrome, etc. (some third-party JS can fix this)
- [ ] Make # of columns a config option
- [ ] Make old column layout a config option

In our test instance of Jenkins, it looks something like this:

![screenshot - 07102013 - 05 45 10 pm](https://f.cloud.github.com/assets/223546/779050/6e7aa094-e9c3-11e2-88d0-a7f5a3704ef9.png)