Kubrick Theme for Drupal

Kubrick for Drupal is now maintained by Gurpartap. The latest releases can be found on drupal.org. I am still maintaining K2 theme for Drupal as of Drupal 5.0 release.

Some notes

  • This is a fixed width theme, and comes with the usual fixed width issues. If you can’t live with that, this is not for you.
  • This Drupal theme is based on PHPTemplate engline, this has to be installed.
  • The theme imitate the front-page look of Kubrick theme, with sidebar on the right.
  • The photoshop mock-up is not be included, that can be get from the original kubrick release if you want a base for adaptation.

Download

Kubrick for Drupal can now be found in drupal.org’s downloads page.

Installation

unpack the .tar.gz file in your /themes/ directory

screen capture of the kubrick port for drupal 4.5

Customised sites

Personally, I think Kubrick is an amazing theme. It looks pretty good out of the box, but more important is the structure and good typography that it provides. Here are some inspired customisations (on Drupal) out there, in no particular order:

Page Header

Site name an slogan is displayed, the site name is also a link to front page. The header image can be changed by adding one’s own image named personalheader.jpg in the theme folder and enable this in the last line of style.css.

Primary & Secondary links

Only primary links are supported.

breadbrumb, messages, tabs, ...

I rearranged these a little bit to fits kubrick looks, and to put elements where I think are natural. Now the order is

  • breadcrumb (float right)
  • message
  • mission
  • page title
  • tabs
  • help
  • content

Blocks

In kubrick (as is WordPress dafault theme), the sidebar is one unordered list, and each ‘section’ in the side bar is a list item. In Drupal we use blocks, which are divs with h2 and content div inside. Here I keep the kubrick look by changing the CSS selector. I tried to change the CSS selector as little as possible, so when new version of Kubrick comes out, it will be easier to update.

Both blocks flagged for left-column and right-column in Block admin page are displayed on the only sidebar on the right.

Original Kubrick: (ignore the ?php thing, this is HTML, not PHP)

Kubrick for Drupal: (simplified to make the point)

Search Form

Search form can be toggle on/off from theme admin page, or globally in PHPTemplate admin page. The search button text can be changed with locale module.

Admin interface

Block-, theme-, and module selection has wide tables which would run off the edge, so I reduce the text size to 75%, use a narrow font (Verdana), and decreased the character spacing. These all are necessary because Drupal’s admin page can sometimes be very wide, with long urls inside of table.


table {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.75em;
letter-spacing: -0.1em;
}
th { letter-spacing: normal ! important; }
table strong { letter-spacing: normal ! important; }
.node table {
font-size: 1em;
letter-spacing: normal;
}

Comment Display

I didn’t try to implement the alternating-colour comment. All comments are rendered in a gray box. Flat and Threaded comments both work.

Calendar

Calendar which can be toggled by “Browse archives” block is styled like original Kubrick.

web dweller's picture

Great theme but.. I'm getting the sidebar with a #f9f9f9 background - I can't find it in any CSS - it's driving me mad!

web dweller's picture

Would you consider updating the original Kubrick theme for drupal 4.7, I prefer it over K2 :/

web dweller's picture

I’d name my first-born after anyone who implements a 2-column Kubrick with a fluid width to say 80% of the browser width.

web dweller's picture

This is great!

I would really like to implement the kubrick-styled calendar like you have in the screenshot!

I'm not sure how to do this.

can you please point me in right direction?