This is a technical post regarding CSS changes made early on, when first creating this website in late 2012 and thru-out 2013.
Top Image – Original CSS, Bottom Image – My tweaked CSS
Basically, adding a black bar, with white text on each of the sidebar widgets, and making the background of the same area white, instead of fading into the gray background.
Then, kind of reversing the main area, changing the gray breadcrumb bar into white, and actually separating it from the white area of the post entries, removing the gray meta data bar, leaving it to blend in with the white post entry. And, making each post entry a white box, instead of an all-encompassing white area for all posts.
Of course, numerous changes were made to the header area (which isn’t visible in these screen prints, other than the secondary nav bar), changing the topic/category (secondary nav) bar from solid white into black, and from all upper case to mixed case (a very early decision which might be changed in the near future), and spreading out the category menu labels.
Looking it over now and comparing the two screen prints, as well as looking at most newer and “fresher” themes, it seems the trend may be to minimize the “structured blockiness”, and have everything fade into the background, without any “blocks”, which is hard for me to accept…
I just noticed that “Monthly Archives” and “Topics with posts”, have their title bars duplicated – I don’t think that that was that way in the very beginning – I wonder if something changed in one of the WP releases, or perhaps it was that way and I didn’t know how to fix it – I’m sure I have older screen prints that would show how it looked when I was adding these widgets in, early on. Gonna have to look for them – in one of my dozens of boxes of papers.