When we started building our base theme for TopNotchThemes, the foundation on which all our Drupal themes would be built, polishing up the “Drupal default” (henceforth dubbed Drufault) was one of my top priorities. First target – primary and secondary task tabs. You'll most often see these tabs as a site administrator, when you're editing a node, user, view, etc. They're also exposed to your users most commonly on their My Account page, search, and registration/login screens.

Looking at the tabs from several other starter themes, I determined that we needed something both non-graphical and flexible. The traditional use of CSS borders and background colour to form a tab shape was a little tired looking, but it also had to be as simple as possible so that it could adapt to the wide range of designs our themes have.

I scoured the web looking for best practices for tabbed interfaces, and saw some damn sexy tabs. Then I hit on the perfect style.