Anyway, here’s what I use:

#head .menu-item:not(#menu-additional) {
    display: none;
}
#menu-additional {
    margin-left:15px;
}
@media (max-width: 300px) {
  .status {
    padding-left: 7px;
    padding-right: 5px;
  }
  .status-inner {
    margin-left:35px;
    word-wrap: break-word;
  }
  #menu-additional {
    margin-left:2px;
  }
}

I name it the “compact mode” because I like to keep my thaiWitter window narrow, and what happened is the menu items breaks into 2 lines, so I made it. What this CSS does is:

• Hides all the menu items, except the more button. I can remember the keyboard shortcuts.
• When window’s width is ≤ 300, reduce horizontal whitespaces. It doesn’t look nice when the window is wide, but looks nice when it’s narrow.

I will show you how it looks like:

Hello, World!

This effect can be achieved using CSS3. By setting the text to transparent and give it a text shadow. However this won’t work on WebKit, because on WebKit browsers, if a text is transparent, then its shadow is transparent too, so in the example above you see nothing. Don’t know how it looks like on Opera because I don’t care. Anyway here’s the code:

color: rgba(255, 255, 255, 0);
text-shadow: 0 0 10px #fff;

Oh and for IE, just use progid:DXImageTransform.Microsoft.Blur then. In fact it works for images too, not just text.