playhard's Fitocracy enhancements

Added by playhard@userstyles, Created: Mar 31, 2012, Updated: Jun 03, 2012
With the style applied


My usability and style tweaks to the 3/28/2012 Fitocracy site redesign.

More info
* 03/31/2012 - v1
* 04/01/2012 - v2 - added some adjustments from FIE
* 04/02/2012 - v3 - tile list of groups across the page
* 04/03/2012 - v4 - removed drop shadow on avatar pics so right-click > view-image works
* 05/15/2012 - v5 - a few tweaks for the new Duel page
* 05/22/2012 - v6 - squeeze the mini-dash, minor duel page updates
* 06/03/2012 - v7 - minor update to #duel-header for wide screens

v1 Modifications:
* fixed comment boxes so you can see what you're typing!
* reduced font sizes
* header colors
* background colors
* text colors
* added scrollbars to long workouts
* vertical white space adjustments
* left sidebar width and position
* adjustments for wider screens (1280px)
* stats box always/never visible
* achievement badge sizes (in profile and in stream)

v2: Added a few things from the Fitocracy Interface Enhancements:
* bigger and colored notification bubble
* highlight links on mouse-over
* bigger profile pics
* colored PRs

v3: Make groups tile across the page on a user's profile.

* fixed typo from v3
* removed drop shadow on avatar pics so right-click > view-image works
* removed a 1px border from the header (looked bad with modified bg colors)

* changed background colors a bit to go with the purple theme
* other changes just fix issues caused by other mods in this stylesheet
* make sure #duel-box text is white so you can read it
* make mini-dash text white
* set width on #duel-header so it centers properly
* don't change size of avatars on duel page

* make the mini-dash a bit shorter
* applied lighter background color to duel-box section
* fixed width of stream items and "clear:both" in bottom section so dates get placed correctly (issue caused by this stylesheet)

* clear:both for #duel-header so it doesn't get pushed off screen to the right on very wide displays (issue caused by this stylesheet)

You should to add comment and rate the style.


+ Create discussion

Applies to:

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.