Make your Flux Blog handheld-ready in 10 seconds

My K750i (I'm still playing..) didn't want to display this blog properly. Too much stuff to display. Therefore I made a quick handheld optimized css and now it is at least readable:

The CSS looks like this:

#ng_bitflux_org, body {
  background-color: #ffffff;
  font-size: xx-small;
  font-family:  Arial,Verdana, SunSans-Regular, Sans-Serif;
  color:#222;
  padding:0px;
  margin: 0px;
}

h2 {
        font-size: x-small;
}

.post_tags, .post_related_entries, #banner, #right {
        display: none;
}

and I added the following to master.xsl:

<link type="text/css" href="{$webroot}themes/bitflux/css/handheld.css" rel="stylesheet" media="handheld"/>

This doesn't of course save any bandwidth, but we're working on that :)