This project was to try to recreate the switcher without any extraneous images or other non-essential elements that tend to make stuff less maintainable.
This version uses CSS3′s
border-radius, RGBA colors, opacity, and a small use of a gradient, and still looks acceptable in non-supportive browsers (). Be sure to look at the real version on MLB.com for comparison; there are quite a few small differences, but generally speaking, aside from one major thing missing (see below), mine is basically the same.
In order to illustrate which parts are done with CSS3, here is an infographic that points those elements out: