As nice as the Kubrick theme is, I wanted to modify it just a bit, including the header (which Michael of Binary Bonsai has designed with many options to change), and typography. I spent a little time tweaking it a bit, but definitely stayed close to the original theme. When time allows, I’m sure I’ll totally customize it at some point to make it completely mine. Additionally, the Kubrick theme has been open sourced. I copied the theme in the wordpress/wp-content/themes directory, and renamed it “fnb”, to reflect my site.
Modifying the CSS is best done with a dedicated tool like my favorite, CSSEdit, by MacRabbit. Some of the options it has make for quick editing and organization. I took those big chunks of code and made groups of them to easily navigate about the code. It’s made me think harder about organizing my spaghetti CSS.
To the right of the style ID, you can see a pane for changing attributes. Additionally, you can change this to be code view, from which you can edit directly. There’s also code hinting to quickly add likely-used attributes. It’s fast editing this way. Once complete, you can upload the CSS, provided you’ve set up permissions correctly, onto the live server with tools like Adobe/Macromedia Dreamweaver or Panic Transmit.
I wanted to add an OS X-like search bar for OS X users, and though there are workarounds to make it appear identical in other browsers, I opted not to indulge in such hackery.
Next: Adding flickr